Archivlink: javarea.de Forum > JavaScript > direkt nochmal: mouseover und onclick zusammen?
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > direkt nochmal: mouseover und onclick zusammen?

Pages: [1]

geschrieben von mayandi am 09.03.2006 - 20:44
hi,

ich muss mal direkt die chance nutzen und noch eine frage in die runde werfen:

also auf meiner wunderbaren website hab ich einen mouseover-effekt, bei dem auch ein neues (größeres) bild nebenan gezeigt wird. allerdings gibt es viel zu viele schlaue leute, die nicht nur mit der maus drüber fahren, sondern auch noch zusätzlich auf das kleine bild klicken. das hab aber zur folge, dass man wieder an den anfang der seite springt, was sehr nervig ist, denn die seite ist (leider) lang.

wie kann ich verhindern, dass man wieder zum anfang springt? oder noch besser, dass sich tatsächlich onclick das bild ändert ZUSÄTZLICH zum mouseover, den ich eigentlich nicht aufgeben will.

ach, fragen über fragen...

lg
kerstin

geschrieben von weisnix am 09.03.2006 - 22:06
Hallo,

das Klicken ist ja auch ohne jede Funktion. Warum dann überhaupt drin lassen. Das onMouseover und onMouseout kanst du direkt in das image-Tag schreiben und den Cursor mit CSS zur Hand werden lassen.

Wenn du aber den a-Tag lassen willst, solltest du zu jeder Gruppe ein Anker setzen. Dann bleibt die Seite dort wo geklickt wurde.

Gruß

geschrieben von Micha am 10.03.2006 - 09:01
Hallo

Zitat
 Original geschrieben von weisnix am 09.03.2006 - 22:06
Wenn du aber den a-Tag lassen willst, solltest du zu jeder Gruppe ein Anker setzen. Dann bleibt die Seite dort wo geklickt wurde.


Das sollte so oder so sein; dem onclick musst Du ein return false; mit geben, damit das HREF-Attribut aus dem Link nicht aktiviert wird.

Micha

geschrieben von René am 10.03.2006 - 09:22
Wie oben schon gesagt das <a href ...> kann auch weggelassen werden wenn es nur um das onmouseover geht. Das onclick="..." wird nicht gebraucht. Wenn du das <a href ...> behalten willst dann siehe unten was du einfügen mußt damit die Seite nicht wieder zum Anfang springt.

HTML-Quelltext
1: 
<a href="javascript:void(0);"><img src="...." ... onmouseover="..." /></a>

geschrieben von mayandi am 10.03.2006 - 14:44
Danke für die Vorschläge und Tipps!

Ich werde mal versuchen heute abend etwas davon umzusetzen, irgendwas wird wohl funktionieren.

Absichtlich hab ich das onClick nicht eingebaut, mehr unwissentlich...

Ich sag noch mal Bescheid, ob´s funktioniert!

Vielen Dank noch mal!

geschrieben von weisnix am 10.03.2006 - 15:46
Du hast da auch kein onclick drin. Was du hast ist ein ganz normaler Link als Bild. Und im Link hast du das mouseover drin. Zu dem fehlt das schließende a-Tag.

Beispiel aus h_lage.htm
HTML-Quelltext
1: 
<a href="#" onMouseover="hauslage.src='img/texel_google.jpg';" onMouseout="hauslage.src='img/texel_google_hell.jpg';"><img src="img/texel_google_kl.jpg" width="120" height="94" border="0">


Bei dir würde das reichen:
HTML-Quelltext
1: 
<img onMouseover="hauslage.src='img/texel_google.jpg';" onMouseout="hauslage.src='img/texel_google_hell.jpg';" src="img/texel_google_kl.jpg" width="120" height="94" border="0">


geschrieben von mayandi am 10.03.2006 - 17:30
Spiel, Satz und Sieg - zumindest bei dem verflixten mouseover-click-gedöns

Toll, toll und nochmal toll. Manches kann so einfach sein!

So ist das völlig ok!

Liebste Grüße
Kerstin


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.