unForastero

<Webworking>


Links mit accesskeys nachrüsten in CMS-Navigationen

Samstag, 17 Juli 2010       

Leider bieten nicht viele Content-Management-Systeme von Haus aus die Möglichkeit Navigationslinks mit accesskeys auszustatten. Über ein kleines jQuery-Script und etwas manuelle Arbeit lässt sich das Feature nachrüsten.

Die Navigationslinks, die ausgestattet werden sollen, befinden sich in einem Element mit der ID nav. Alle, in diesem Element befindlichen, Links werden eingelesen, genauer gesagt, das Attribut href dieser Links. Das geschieht mit der jQuery Anweisung each. In einer Switch-Anweisung wird eineme bestimmten href-Ziel eine Variable zugewiesen. Weist der href des Links auf die Seite kontakt.php (der 2. Case des Switch) wird einer Variablen mit dem Namen akey der entsprechenden Accesskey zugeteilt. Der Link-Tag wird um das Attribut accesskey erweitert und der Wert der Variablen akey zugeteilt.

Wenn die Navigationslinks nicht alle im selben Element untergebracht sind, kann das jQuery each anschließend auf ein anderes Element angesetzt werden. Im Beispiel befinden sich die Links zum Impressum und zur Sitemap im Element mit der ID Header. Auch hier wird von jedem Link das href eingelesen und mit dem Switch geprüft, ob eine Variable akey zugewiesen werden kann.


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$('#nav a').each(function(){
var el_href = $(this).attr("href");

switch(el_href){ case "http://www.irgendeinedomain.de/cms/startseite.php": var akey='1'; break;
case "http://www.irgendeinedomain.de/cms/kontakt.php": var akey='9'; break;
}
$(this).attr("accesskey", akey);
});


$('#header a').each(function(){
var el_href = $(this).attr("href");

switch(el_href){
case "http://www.irgendeinedomain.de/cms/sitemap.php": var akey='3'; break;
case "http://www.irgendeinedomain.de/cms/impressum.php": var akey='4'; break;
}
$(this).attr("accesskey", akey);
});
});
</script>



diese Seite teilen:




Kommentare

es gibt insgesamt 0 Kommentar(e)












neu laden








2009 - 2017 Copyright © unforastero.de       rechtliche Hinweise |  Impressum |  Datenschutz