Zum Inhalt springen

onMouseOver + OnClick in einem


Empfohlene Beiträge

leider bin ich in javascript nich so fit, als das ich selber grossartig das proggen anfangen könnte...

kann mir bidde jemand helfen wie ich in einem menüsystem einen onclick und einen mouseover gleichzeitig einbaue?

also normal steht das beispielsweise "grafik1" wenn man mit der mouse drüber geht soll "grafik2" ausgewählt werden und wenn man drauf klickt, also dem menüpunkt auswählt soll "grafik3" erscheinen und erhalten bleiben.

wär super wenn mir da jemand weiterhelfen könnte

Link zu diesem Kommentar
Auf anderen Seiten teilen

Wechseln der Grafiken machst du mit Hover-effekten. Dafür schreibst insgesamt drei Funktion: 1. für onmouseover, 2. für onmousout, 3. für onclick.

Bei der onclick Funktion könntest du eine global definierte Variable ändern, die dann in den anderen Funktionen abgefragt wird. Ist sie halt geändert worden, werden die Grafiken nicht getauscht.

Link zu diesem Kommentar
Auf anderen Seiten teilen

muß mal sagen: ein mouseover + cklick das klingt aber sehr user unfreundlich und eher nach ner Warezseite. Du nimmst dem User die Entscheidungsfreiheit, ob er das überhaupt machen will oder nicht. Also mich würde das wahnsinnig stören, vorrausgesetzt Du verfolgst so einen oder änlichen Grund.

cu - not click u ;)

Link zu diesem Kommentar
Auf anderen Seiten teilen

Keine elegante Lösung, aber vielleicht hilft sie dir auf die Sprünge:

 

<script language="JavaScript">

  bild1=new Image();

  bild1.src="bild1.gif"

  bild2=new Image();

  bild2.src="bild2.gif"

  bild3=new Image();

  bild3.src="bild3.gif"


  function tausch1()

  {

   //Aufruf bei onmouse

   window.document.images[0].src=bild2.src;

  }

  function tausch2()

  {

   //Aufruf bei onmouseout

   window.document.images[0].src=bild1.src;

  }

  function tausch3()

  {

   //Aufruf bei onclick

   window.document.images[0].src=bild3.src;

  }

</script>

<body>

<a href="#" onmouse="tausch1()"

 onmouseout="tausch2()" onclick="tausch3()">

  <img src="bild1.gif">

</a>

:)

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...