Warning: Cannot modify header information - headers already sent by (output started at /www/htdocs/w00ddb87/website2014/index.php:1) in /www/htdocs/w00ddb87/website2014/wp-content/plugins/wp-rocket/inc/front/process.php on line 402

Warning: session_start(): Cannot send session cookie - headers already sent by (output started at /www/htdocs/w00ddb87/website2014/index.php:1) in /www/htdocs/w00ddb87/website2014/wp-content/plugins/seo-backlink-monitor/admin/class-seo-backlink-monitor-admin.php on line 20

Warning: session_start(): Cannot send session cache limiter - headers already sent (output started at /www/htdocs/w00ddb87/website2014/index.php:1) in /www/htdocs/w00ddb87/website2014/wp-content/plugins/seo-backlink-monitor/admin/class-seo-backlink-monitor-admin.php on line 20
Javascript (z.B. onClick) im WordPress-Menü ausführen » zählpixel.com
WordPress Menü erweitern

Javascript (z.B. onClick) im WordPress-Menü ausführen

Bei neuen Beiträgen benachrichtigt werden*:

Problemstellung: Aus einem WordPress-Menü-Element soll keine Seite aufgerufen sondern ein Popup geöffnet werden. Da man kein JavaScript im WordPress-Menü-Manager verwenden kann, löst man dieses Problem wie folgt.

Als erstes wird ein benutzerdefinierter Menüeintrag im WordPress-Menü-Manager erstellt:

Menü-Eintrag erstellen
Menü-Eintrag erstellen

Sobald dieses gespeichert ist, sieht man sich im Firebug die ID an, die der Menüpunkt erhalten hat:

ID des Menü-Eintrags
ID des Menü-Eintrags

Anschließend kopiert man den folgenden Code in die header.php des verwendeten WordPress-Themes und passt ihn entsprechend an:

<script>
	jQuery.noConflict();
	jQuery(document).ready(function(){
		var menuID = jQuery('#Hier-Menü-ID-einsetzen');
		
		findA = menuID.find('a');
		
		findA.click(function(event){
			 // Hier folgt der auszuführende Code, z.B. alert ('Hi!');
		});
	});
</script>

Fertig! (Eingesetzt im Projekt Radio HBR)

Dieser Beitrag hat einen Kommentar

Schreibe einen Kommentar

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

* Mit meiner Anmeldung bestätige ich, dass ich die Datenschutzhinweise gelesen habe und E-Mails von zählpixel.com empfangen möchte.

Menü schließen