Mouseover-Funktionalität

Tauchen Probleme bei der Verwendung der Pseudo-Klasse :hover im Zusammenhang mit Apples iPhone auf, sind diese in der Regel schnell zu lösen.

Um den Mouseover-Event auszulösen, genügt hier das Einfügen des onclick-Attributs mit leerem Inhalt.

Ein Beispiel der Umsetzung innerhalb eines Ausklapp-Menüs in Joomla könnte daher so aussehen:

Schritt 1)
Kopie der Datei /modules/mod_menu/tmpl/default_component.php nach /templates/TEMPLATE_NAME/html/mod_menu/default_component.php

Schritt 2)
Zeile

?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" <?php echo $title; ?>><?php echo $linktype; ?></a><?php

ersetzen mit

?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" <?php echo $title; ?> onclick=""><?php echo $linktype; ?></a><?php

und Zeile

?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" target="_blank" <?php echo $title; ?>><?php echo $linktype; ?></a><?php

ersetzen mit

?><a <?php echo $class; ?>href="<?php echo $item->flink; ?>" target="_blank" <?php echo $title; ?> onclick=""><?php echo $linktype; ?></a><?php

Schritt 3)
Fertig, bei Bedarf mit anderen Menu-Item-Typen wiederholen (z.B. /modules/mod_menu/tmpl/default_separator.php für den Platzhalter).

... zurück zum Blog