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();
}
Artikel #464, 4. Juli 2007 · Code, Webküche · 5 Kommentare · Kommentar schreiben
Tags: , , ,
· Tweet this!
Kommentar-Feed zum Artikel · TrackBack URL · Shortlink

«
»

5 Kommentare zu „Parameter aus URL auslesen mit jQuery“

  1. 1
    Kommentar von Mathias Bank
    4. Juli 2007 um 12:55

    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
    4. Juli 2007 um 13:11

    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
    4. Juli 2007 um 14:02

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

  4. 4
    Kommentar von Nils
    4. Juli 2007 um 22:56

    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
    5. Juli 2007 um 11:14

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

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.