Seite 1 von 1
Eventhandler
Verfasst: 17. Jul 2014, 11:30
von Phlogiston
Hallo Forum,
ich habe das Problem, dass in einer Unternavigation ein Eventhandler eingebaut werden soll. Links steht der Name “Hans Muster”, rechst ist ein Bild von Hans Muster. Das ganze im 2-Spalter via div-container. Jetzt soll wenn die Maus über den Namen von Hans Muster rollt auch das Bild einen roll-over-Effect aufweisen. (Rahmen oder so was)
Gibt es dafür eine einfache Lösung?
Re: Eventhandler
Verfasst: 17. Jul 2014, 12:09
von Oliver.Kreischer
Hi,
ich hoffe du magst Katzen
)
http://jsfiddle.net/R2qZp/1/
LG
Oliver
Re: Eventhandler
Verfasst: 18. Jul 2014, 10:25
von Phlogiston
o.k.
hab mit Katzen eigentlich keine Probleme.
Das sieht auf jeden Fall genau so aus wie die Lösung für mein Problem.
Mille Grazie, vielen Dank für die schnelle Hilfe!
Re: Eventhandler
Verfasst: 21. Jul 2014, 13:54
von Phlogiston
ähm..
hatte mich wohl etwas zu früh gefreut.
Das sehr schöne javascrip tool funktioniert mit einem Namen und mit einem Bild. Wenn ich aber 5 oder 6 Namen und dazugehörige Bilder habe wirds schon wieder komplizierter. Hintergrund ist so eine Art Mitarbeiterliste. Links eine Navigation mit den Namen und rechts die dazugehörigen Fotos. Und das Ganze soll dann auch noch für einen Redakteur handlebar sein. Wäre super wenn ich da noch einen Tip bekommen könnte. Ich kenne das als "onmouse in" und "onmouse out" verhalten. Kann das aber leider nicht in php übersetzen. Vielleicht hat ja jemand schon mal was ähnliches gebastelt, oder weiß wo man ein javascript dazu bekommt.
Re: Eventhandler
Verfasst: 21. Jul 2014, 14:29
von anita
hallo,
man könnte ja das von Oliver empholene script etwas ausbauen,
Code: Alles auswählen
$('#name').hover(function(){
$('#bild').css('border', '1px solid red');
}, function(){
$('#bild').css('border', '1px solid #fff');
});
über eine Schleife laufen lassen, name und bild durchnummerieren und CSS über eine Klasse zuweisen
über PHP willst Du vielleicht die Anzahl rauskriegen und die übergibst Du dann per echo an Javascript als Laufvariable
Re: Eventhandler
Verfasst: 22. Jul 2014, 15:45
von Ingo
Phlogiston hat geschrieben:ähm..
Poste doch einfach mal den relevanten HTML Teil. Was du willst ist stinkeinfach, aber ohne HTML schlecht zu beantworten.