Sidebar
ein-/ausblenden

Parameter aus URL auslesen mit jQuery

Plugin für WordPress SEO

Anzeige

jQueryBei der Entwicklung meines Photoblog-Themes für WordPress habe ich nun auf jQuery umgestellt. WordPress hat das Framework ja implementiert und die Ladezeiten für das Framework sind doch recht beträchtlich klein im Verhältnis zu anderen Bibliotheken.

Dabei möchte ich aber gern aufgrund des #comment-Ankers, denn man bekommt, sobald man einen Kommentar ausgegeben hat, auslesen. Denn dann, soll der Bereich des Kommentars nicht ausgeblenedet werden (hide oder toogle). Um Parameter, also auch Anker aus der URL auszulesen kann man ebenfalls jQuery nutzen, eine kleines Plugin getURLParam (1K) sorgt dafür. Leicht zu implementieren und zu nutzen. Mit PHP kann man das nicht so einfach und so ist es eine saubere Lösung.

Das Plugin im head-Bereich des Themes (header.php) einbinden.


<script src="<?php bloginfo('url'); ?>/wp-content/themes/PhotoBlogFB/jquery.getParams.js" type="text/javascript" charset="<?php bloginfo('charset'); ?>" ></script>

Der JS-Code könnte dann folgendermaßen aussehen:


	<script type="text/javascript">
	<!--
		$(document).ready(function() {
			if ($.getURLParam("comment") != null) {
				$("ol").hide();
			}
		});
	-->
	</script>

Will man lediglich die URL auslesen, um festzustellen, ob es sich um einen Anker handelt, dann ist das mit wenigen Zeilen JavaScript zu machen.


var myurl = document.URL;
var mysearch = myurl.search(/#comment/);

if(mysearch == -1) {
	$("ol").hide();
}

5 Kommentare zu „Parameter aus URL auslesen mit jQuery“

  1. 1
    Kommentar von Mathias Bank

    Hi,

    danke für die Nennung. Ich möchte aber darauf hinweisen, dass es eine neue Version gibt, die auch mächtiger ist: http://www.mathias-bank.de/2007/04/21/jquery-plugin-geturlparam-version-2/

  2. 2
    Kommentar von Frank Bültge

    Vielen Dank, vielleicht wäre ein Verweis auf der Seite mit Version 1 nicht schlecht, die findet man nämlich per Suchmaschine.

  3. 3
    Kommentar von Mathias Bank

    steht eigentlich in den Kommentaren, habs jetzt aber prominenter gesetzt.

  4. 4
    Kommentar von Nils

    Danke für dein Tutorial. Wann gibt es endlich das Theme :P Bin mal gespannt, wie du es gemacht hast. Hab mir mal andere angeguckt und finde die nicht so toll.

    Gruß

  5. 5
    Kommentar von Frank Bültge

    @Nils: was nun geschehen ist: http://bueltge.de/photoblog-theme-fuer-wordpress/465/

Überlastung, Kommentare sind vorübergehend geschlossen

Ich bin urlaubsreif, ersticke in Arbeit und damit auch für die Leser des Weblogs nicht zu erreichen. Bitte geduldet euch ein wenig mit Supportanfragen.
Leider muss ich die Kommentarfunktion deaktivieren, ansonsten würde ich weiter in Arbeit ersticken oder die Anfragen nicht nach bestem Gewissen beantworten.

Vielen Dank für das Verständnis!