07 09 2008
Bogmærker og brødkrummer
I dag har jeg leget en smule både med denne blog og mit website.
1) Bloggen har fået tilføjet knap på alle blogposts mhp. let at kunne dele emnet vha. sociale bogmærker. Dette er rørende nemt, og kan gøres helt uden kodning, blot med en plugin hentet her.
Knappen kan fås i adskillige varianter, afhængig af om den skal bruges til website eller blog – og til hvilken blogplatform.
2) Et emne, som går igen de fleste steder, hvor der rådgives om ‘god webskik’, er fordingen om at brugeren altid med lethed kan se hvor han/hun er, og hvordan man – om ønsket – kan komme tilbage til forsiden (‘hjem’).
Denne navigation kræver en ‘brødkrummesti’, atså en visuel indikation af sted og vej i sitets hierarki. Mht. mit eget site er det overordentlig nemt at rundt, da der ikke er ret mange underniveauer, og navigationen frem og tilbage kan ske vha. browserens indbyggede knapper – men alligevel googlede jeg efter ‘breadcrumb navigation for any website’ og fandt dette:
<script><br />
<!--<br />
//Bread crumb script - Kevin Lynn Brown<br />
//Duplicate directory names bug fix by JavaScriptKit.com<br />
//Visit JavaScript Kit (http://javascriptkit.com) for script<br />
var path = "";<br />
var href = document.location.href;<br />
var s = href.split("/");<br />
for (var i=2;i<(s.length-1);i++) {<br />
path+="<a href="\" mce_href="\"""+href.substring(0,href.indexOf("/"+s[i])+s[i].length+1)+"/\">"+s[i]+"</A> / ";<br />
}<br />
i=s.length-1;<br />
path+="<A HREF="\" mce_HREF="\"""+href.substring(0,href.indexOf(s[i])+s[i].length)+"\">"+s[i]+"</A>";<br />
var url = window.location.protocol + "//" + path;<br />
document.writeln(url);<br />
//--><br />
</script>
Kodestumpen indsættes blot dér, hvor man ønsker navigationen – altså skal den laves på hver enkelt side, så som en spæd begyndelse (og vellykket experiment) har jeg indføjet scriptet på en enkelt side.
At det kan gøres så simpelt overraskede mig en hel del – tak til ophavsmanden … og selvfølgelig tak Google