|
|||
Div-Verschachtelungen und onmouseover/onmouseout
Hallo,
mein Problem ist, dass die zwei divs line1 und line2 innerhalb von div "button" den button beeinflussen. Wenn der Cursor über div line1 fährt, wird onmouseover ausgeführt und beim Herausfahren onmouseout. Das Ganze passiert auch bei div line2. Ich möchte aber, dass dies nur bei div "button" passiert. Was kann man tun? PHP-Code:
|
Sponsored Links |
|
|||
Nichts passiert dann.
Ich hab das Beispiel separat in einem php-file getestet. Dort funktioniert es. Nur leider in der Hauptanwendung nicht. Woran könnte das liegen? Um ein konflikt mit darunterliegenden Divs zu vermeiden habe ich einen extra hohen z-index-Wert gewählt. Hmm. |
|
|||
Danke für deine Hilfe.
Das sollte passieren: HTML-Code:
<li> <div id="button" onmouseover="mopen('menue');" onmouseout="mclose();"> <div class="line1" onmouseover="return false;" onmouseout="return false;">//<-- <?php echo $this->__('headline'); ?> </div> <div class="line2" onmouseover="return false;" onmouseout="return false;">//<-- <?php echo $this->__('subline'); ?> </div> </div> <ul id="menue" onmouseout="mclosetime();" > <li>accessory1</li> <li>accessory2</li> <li>accessory3</li> </ul> </li> aber es passiert das: HTML-Code:
<li> <div id="button" onmouseover="return false;" onmouseout="return false;"> <div class="line1" onmouseover="mopen('menue');" onmouseout="mclose();">//<-- <?php echo $this->__('headline'); ?> </div> <div class="line2" onmouseover="mopen('menue');" onmouseout="mclose();">//<-- <?php echo $this->__('subline'); ?> </div> </div> <ul id="menue" onmouseout="mclosetime();" > <li>accessory1</li> <li>accessory2</li> <li>accessory3</li> </ul> </li> Wie kann ich das für die inneren divs verhindern, so dass nur das äußere div (button) reagiert. |
|
||||
Da kann ich dir leider nicht helfen. Offenbar nutzt du irgendein CMS oder Blogsystem und dieses erzeugt das HTML. Wenn du Hilfe haben möchtest, musst du schon die relevanten Informationen mitteilen und wenigstens dazu schreiben, was du nutzt und woher der Code kommt (also bspw. durch ein Plugin).
Gruß |
|
|||
Das ganze passiert innerhalb von dem Shopsystem Magento.
Bin mir aber nicht ganz sicher, ob das Problem von Magento kommt. Die inneren Divs von button, also line1 und line2, erben onmouseover/onmouseout. Ich hätte gerne, dass nur das Div button die event-Funktionen anstoßen kann. Kann man diese "Vererbung" irgendwie verhindern? Geändert von uthomas (18.11.2010 um 16:44 Uhr) |
|
||||
Tut mir leid aber mit Magento kenne ich mich nicht aus. Was ich aber nicht ganz verstehe ist, wo denn dein fehlerhafter Code auftaucht. Da dort noch PHP mit dabei ist, ist das doch sicherlich ein Ausschnitt aus einem Template und das kannst du doch dann einfach bearbeiten. Warum geht das nicht?
Ich mag hier allerdings nicht weiter Hellsehen. Bitte beschreibe genauer, was wo nicht funktioniert. In HTML gibt es keine Vererbung und irgendwas oder irgendwer hat deinen Code erzeugt. Gruß |
|
|||
Ja Magento verwendet php. Deshalb sollte es ja eigentlich auch so sein, dass onmouseover nur geführt wird, wenn der Cursor über dem Div "Button" ist.
Mit PHP-Code:
Warum das so ist weiß ich leider nicht Der Quellcodeausschnitt entstammt fast 1:1 aus dem Template. Viel mehr steht da nicht drin. Der Custom-phtml-Ausschnitt dann per PHP-Code:
Geändert von uthomas (18.11.2010 um 17:18 Uhr) |
Sponsored Links |
|
||||
Dann ändere doch das Template! Dafür sind Templates ja da und wenn es dort so wie von dir gepostet drin steht, musst du natürlich die entsprechenden Eventhandler aus line1 und line2 rausnehmen.
Gruß |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |