Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Themen

onMouseOver + OnClick in einem

Gast da_AgenT
Gast da_AgenT
in Skript- und Webserverprogrammierung

Empfohlene Antworten

Veröffentlicht

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

~~~Verschoben --> ASP, PHP3/4, Javascript, Perl/CGI~~~

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.

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 ;)

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>

:)

onmouse heißt in diesem Fall natürlich onmouseover. Ich konnte es leider nicht korrekt hier hochladen...

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.