I Google Værktøjslinjen er der en funktion til at fremhæve ord på det website man befinder sig på. Det kan gøre det nemmere at finde det man søger.
Mozilla Firefox indeholder ganske vist en del værktøjer til at finde det man søger på en side, herunder det stærke Type Ahead Find-funktion.
I denne artikel kan du få en simpel og effektiv fremhævnings-funktion i Firefox, endda uden at det fylder i toolbaren!
Det er ret let at tilføje en simpel og effektiv funktion til fremhævning, hvis du blot følger denne guide:
1. Vælg hvilken udgave du vil have
- Med statusbarrapportering: Viser i statusbaren, hvor mange af hvert ord der er fremhævet.
- Uden statusbarrapportering: Hvis du vil have din statusbar i fred.
2. Installer
- Højreklik på et af følgende links (afhændigt af dit valg ved punkt 1):
<a href="java script:(function(){var i,j,cI=0,count,tA,tmpN,pN,rep,s='%s',dv,a=new Array(),colors=new Array(%22lime%22,%22yellow%22,%22aqua%22,%22red%22);tA=document.getElementsByTagName(%22mozjshlightex%22);for(i=tA.length-1;i>=0;i--){pN=tA.parentNode;for(j=0;j<tA[i].childNodes.length;j++){tmpN=tA[i].childNodes[j].cloneNode(true);pN.insertBefore(tmpN,tA[i]);}pN.removeChild(tA[i]);pN.normalize();}if(s==null||s.length==0||s==%22%%22+%22s%22)return;while(s.indexOf(%22\%22%22)!=-1){i=s.indexOf(%22\%22%22);a=a.concat(s.substring(0,i).split(%22 %22));s=s.substring(i+1);i=s.indexOf(%22\%22%22);if(i==-1){i=s.length}a[a.length]=s.substring(0, i);s=s.substring(i+1)}a=a.concat(s.split(%22 %22));dv=document.defaultView;function searchWithinNode(node,te,len,color){var pos,skip,sNode,mBit,eBit,mClone;skip=0;if(node.nodeType==3){pos=node.data.toUpperCase().indexOf(te);if(pos>=0){sNode=document.createElement(%22mozjshlightex%22);sNode.style.backgroundColor=color;sNode.style.color=%22black%22;mBit=node.splitText(pos);eBit=mBit.splitText(len);mClone=mBit.cloneNode(true);sNode.appendChild(mClone);mBit.parentNode.replaceChild(sNode,mBit);++count;skip=1;}}else if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!=%22SCRIPT%22&&node.tagName.toUpperCase()!=%22STYLE%22&&node.tagName.toUpperCase()!=%22TEXTAREA%22){for(var child=0;child<node.childNodes.length;++child){child=child+searchWithinNode(node.childNodes[child],te,len,color)}}return skip;}rep=%22Report:%22;for(i=0;i<a.length;i++){if(a[i]==null||a[i].length==0)continue;count=0;searchWithinNode(document.body,a[i].toUpperCase(),a[i].length,colors[cI%colors.length]);cI++;rep+=%22 \%22%22+a[i]+%22\%22 %22+count+%22;%22}window.status=rep})();">Fremhæv ord</a> - Med statusbarrapportering
<a href="java script:(function(){var i,j,cI=0,count,tA,tmpN,pN,s='%s',dv,a=new Array(),colors=new Array(%22lime%22,%22yellow%22,%22aqua%22,%22red%22);tA=document.getElementsByTagName(%22mozjshlightex%22);for(i=tA.length-1;i>=0;i--){pN=tA[i].parentNode;for(j=0;j<tA[i].childNodes.length;j++){tmpN=tA[i].childNodes[j].cloneNode(true);pN.insertBefore(tmpN,tA[i]);}pN.removeChild(tA[i]);pN.normalize();}if(s==null||s.length==0||s==%22%%22+%22s%22)return;while(s.indexOf(%22\%22%22)!=-1){i=s.indexOf(%22\%22%22);a=a.concat(s.substring(0,i).split(%22 %22));s=s.substring(i+1);i=s.indexOf(%22\%22%22);if(i==-1){i=s.length}a[a.length]=s.substring(0, i);s=s.substring(i+1)}a=a.concat(s.split(%22 %22));dv=document.defaultView;function searchWithinNode(node,te,len,color){var pos,skip,sNode,mBit,eBit,mClone;skip=0;if(node.nodeType==3){pos=node.data.toUpperCase().indexOf(te);if(pos>=0){sNode=document.createElement(%22mozjshlightex%22);sNode.style.backgroundColor=color;sNode.style.color=%22black%22;mBit=node.splitText(pos);eBit=mBit.splitText(len);mClone=mBit.cloneNode(true);sNode.appendChild(mClone);mBit.parentNode.replaceChild(sNode,mBit);++count;skip=1;}}else if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!=%22SCRIPT%22&&node.tagName.toUpperCase()!=%22STYLE%22&&node.tagName.toUpperCase()!=%22TEXTAREA%22){for(var child=0;child<node.childNodes.length;++child){child=child+searchWithinNode(node.childNodes[child],te,len,color)}}return skip;}for(i=0;i<a.length;i++){if(a[i]==null||a[i].length==0)continue;count=0;searchWithinNode(document.body,a[i].toUpperCase(),a[i].length,colors[cI%colors.length]);cI++}})();">Fremhæv ord</a> - Uden statusbarrapportering
- Vælg [i]Bookmark This Link... Nu åbner Add Bookmark-dialogen.
- Vælg "Quick Searches" ved Create in:.
- Tryk på OK.
- Vælg Bookmarks > Manage Bookmarks... i Firefox' hovedmenu. Nu åbner Bookmarks Manager-vinduet.
- Under mappen "Bookmarks" ligger mappen "Quick Searches". Åbn mappen.
- Vælg det bogmærke der hedder "Fremhæv ord", som du lavede for et øjeblik siden. Højreklik på det og vælg Properties. Nu åbner Properties for "Fremhæv ord"-dialogen.
- Skriv "fo" ved Keyword:.
- Tryk på OK og luk Bookmarks Manager-vinduet.
Nu er du udrustet med et nyt værktøj til Firefox, og det endda uden at opdatere Firefox eller hente en extension (f.eks. GoogleBar, en Google Toolbar til Mozilla (Firefox))!
3. Test
- Sørg for, at denne artikel er forrest i Firefox.
- Gå til location-linjen ved at trykke [ Ctrl ] + [ L ].
- Skriv "fo mozilla" og tryk [ Enter ].
- Kig i artiklen, og opdag at alle steder hvor der står "mozilla" er fremhævet med grøn baggrund.
Når der laves nye fremhævninger, fjernes tidligere fremhævninger automatisk.
Man kan alternativt fjerne tidligere fremhævninger, ved at opdatere siden.
Man kan alternativt fjerne tidligere fremhævninger, ved at opdatere siden.
Lad os prøve med noget lidt mere avanceret:
- Gå til location-linjen ved at trykke [ Ctrl ] + [ L ].
- Skriv "fo mozilla firefox fremhæv" og tryk på [ Enter ].
- Kig i artiklen, og opdag at alle steder hvor der står "mozilla" er fremhævet med grøn baggrund. Ligeledes er alle steder hvor der står "firefox" nu fremhævet med gul. Og alle steder hvor der står "frehæv" er nu også fremhævet!
Man kan altså fremhæve flere ord med hver sin farve, ved at separere dem med mellemrum.
Men hvad hvis man ønsker at fremhæve sætninger (eller dele deraf)?
Vi prøver:
- Gå til location-linjen ved at trykke [ Ctrl ] + [ L ].
- Skriv "fo "mozilla firefox" fremhæv" og tryk på [ Enter ].
- Kig i artiklen, og opdag at alle steder hvor der står "mozilla firefox" er fremhævet med grøn baggrund. Ligeledes er alle steder hvor der står "fremhæv" fremhævet med gul. De steder hvor der kun står "firefox" eller "mozilla" er ikke længere fremhævet!
Man kan altså fremhæve sætninger (eller dele deraf) ved at sætte gåseøjne omkring. Det fungerer på ca. samme måde som på Google.
Afprøvning
Hvis du vil afprøve det, inden du bestemmer dig for, om du vil installere, kan du bruge dette link:
<a href="java script:(function(){var i,j,cI=0,count,tA,tmpN,pN,rep,s=prompt(%22Skriv tekst der skal fremhæves:%22,%22%22),dv,a=new Array(),colors=new Array(%22lime%22,%22yellow%22,%22aqua%22,%22red%22);tA=document.getElementsByTagName(%22mozjshlightex%22);for(i=tA.length-1;i>=0;i--){pN=tA.parentNode;for(j=0;j<tA[i].childNodes.length;j++){tmpN=tA[i].childNodes[j].cloneNode(true);pN.insertBefore(tmpN,tA[i]);}pN.removeChild(tA[i]);pN.normalize();}if(s==null||s.length==0)return;while(s.indexOf(%22\%22%22)!=-1){i=s.indexOf(%22\%22%22);a=a.concat(s.substring(0,i).split(%22 %22));s=s.substring(i+1);i=s.indexOf(%22\%22%22);if(i==-1){i=s.length}a[a.length]=s.substring(0, i);s=s.substring(i+1)}a=a.concat(s.split(%22 %22));dv=document.defaultView;function searchWithinNode(node,te,len,color){var pos,skip,sNode,mBit,eBit,mClone;skip=0;if(node.nodeType==3){pos=node.data.toUpperCase().indexOf(te);if(pos>=0){sNode=document.createElement(%22mozjshlightex%22);sNode.style.backgroundColor=color;sNode.style.color=%22black%22;mBit=node.splitText(pos);eBit=mBit.splitText(len);mClone=mBit.cloneNode(true);sNode.appendChild(mClone);mBit.parentNode.replaceChild(sNode,mBit);++count;skip=1;}}else if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!=%22SCRIPT%22&&node.tagName.toUpperCase()!=%22STYLE%22&&node.tagName.toUpperCase()!=%22TEXTAREA%22){for(var child=0;child<node.childNodes.length;++child){child=child+searchWithinNode(node.childNodes[child],te,len,color)}}return skip;}rep=%22Report:%22;for(i=0;i<a.length;i++){if(a[i]==null||a[i].length==0)continue;count=0;searchWithinNode(document.body,a[i].toUpperCase(),a[i].length,colors[cI%colors.length]);cI++;rep+=%22 \%22%22+a[i]+%22\%22 %22+count+%22;%22}window.status=rep})();">Test fremhævnings-funktion</a>
Advarsel!!! Brug ikke dette link gentagne gange (mere end en gang) i Internet Explorer, da Internet Explorer dermed går ned! <a href="java script:(function(){var i,j,cI=0,count,tA,tmpN,pN,rep,s=prompt(%22Skriv tekst der skal fremhæves:%22,%22%22),dv,a=new Array(),colors=new Array(%22lime%22,%22yellow%22,%22aqua%22,%22red%22);tA=document.getElementsByTagName(%22mozjshlightex%22);for(i=tA.length-1;i>=0;i--){pN=tA[i].parentNode;for(j=0;j<tA[i].childNodes.length;j++){tmpN=tA[i].childNodes[j].cloneNode(true);pN.insertBefore(tmpN,tA[i]);}pN.removeChild(tA[i]);}if(s==null||s.length==0)return;while(s.indexOf(%22\%22%22)!=-1){i=s.indexOf(%22\%22%22);a=a.concat(s.substring(0,i).split(%22 %22));s=s.substring(i+1);i=s.indexOf(%22\%22%22);if(i==-1){i=s.length}a[a.length]=s.substring(0, i);s=s.substring(i+1)}a=a.concat(s.split(%22 %22));dv=document.defaultView;function searchWithinNode(node,te,len,color){var pos,skip,sNode,mBit,eBit,mClone;skip=0;if(node.nodeType==3){pos=node.data.toUpperCase().indexOf(te);if(pos>=0){sNode=document.createElement(%22mozjshlightex%22);sNode.style.backgroundColor=color;sNode.style.color=%22black%22;mBit=node.splitText(pos);eBit=mBit.splitText(len);mClone=mBit.cloneNode(true);sNode.appendChild(mClone);mBit.parentNode.replaceChild(sNode,mBit);++count;skip=1;}}else if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!=%22SCRIPT%22&&node.tagName.toUpperCase()!=%22STYLE%22&&node.tagName.toUpperCase()!=%22TEXTAREA%22){for(var child=0;child<node.childNodes.length;++child){child=child+searchWithinNode(node.childNodes[child],te,len,color)}}return skip;}rep=%22Report:%22;for(i=0;i<a.length;i++){if(a[i]==null||a[i].length==0)continue;count=0;searchWithinNode(document.body,a[i].toUpperCase(),a[i].length,colors[cI%colors.length]);cI++;rep+=%22 \%22%22+a[i]+%22\%22 %22+count+%22;%22}window.status=rep})();">IE-sikker udgave</a>, hvis du absolut vil...
Du kan delvist bruge vejledningen ved 3. Test til afprøvning.
Hvis du vil afprøve det, inden du bestemmer dig for, om du vil installere, kan du bruge dette link:
<a href="java script:(function(){var i,j,cI=0,count,tA,tmpN,pN,rep,s=prompt(%22Skriv tekst der skal fremhæves:%22,%22%22),dv,a=new Array(),colors=new Array(%22lime%22,%22yellow%22,%22aqua%22,%22red%22);tA=document.getElementsByTagName(%22mozjshlightex%22);for(i=tA.length-1;i>=0;i--){pN=tA.parentNode;for(j=0;j<tA[i].childNodes.length;j++){tmpN=tA[i].childNodes[j].cloneNode(true);pN.insertBefore(tmpN,tA[i]);}pN.removeChild(tA[i]);pN.normalize();}if(s==null||s.length==0)return;while(s.indexOf(%22\%22%22)!=-1){i=s.indexOf(%22\%22%22);a=a.concat(s.substring(0,i).split(%22 %22));s=s.substring(i+1);i=s.indexOf(%22\%22%22);if(i==-1){i=s.length}a[a.length]=s.substring(0, i);s=s.substring(i+1)}a=a.concat(s.split(%22 %22));dv=document.defaultView;function searchWithinNode(node,te,len,color){var pos,skip,sNode,mBit,eBit,mClone;skip=0;if(node.nodeType==3){pos=node.data.toUpperCase().indexOf(te);if(pos>=0){sNode=document.createElement(%22mozjshlightex%22);sNode.style.backgroundColor=color;sNode.style.color=%22black%22;mBit=node.splitText(pos);eBit=mBit.splitText(len);mClone=mBit.cloneNode(true);sNode.appendChild(mClone);mBit.parentNode.replaceChild(sNode,mBit);++count;skip=1;}}else if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!=%22SCRIPT%22&&node.tagName.toUpperCase()!=%22STYLE%22&&node.tagName.toUpperCase()!=%22TEXTAREA%22){for(var child=0;child<node.childNodes.length;++child){child=child+searchWithinNode(node.childNodes[child],te,len,color)}}return skip;}rep=%22Report:%22;for(i=0;i<a.length;i++){if(a[i]==null||a[i].length==0)continue;count=0;searchWithinNode(document.body,a[i].toUpperCase(),a[i].length,colors[cI%colors.length]);cI++;rep+=%22 \%22%22+a[i]+%22\%22 %22+count+%22;%22}window.status=rep})();">Test fremhævnings-funktion</a>
Advarsel!!! Brug ikke dette link gentagne gange (mere end en gang) i Internet Explorer, da Internet Explorer dermed går ned! <a href="java script:(function(){var i,j,cI=0,count,tA,tmpN,pN,rep,s=prompt(%22Skriv tekst der skal fremhæves:%22,%22%22),dv,a=new Array(),colors=new Array(%22lime%22,%22yellow%22,%22aqua%22,%22red%22);tA=document.getElementsByTagName(%22mozjshlightex%22);for(i=tA.length-1;i>=0;i--){pN=tA[i].parentNode;for(j=0;j<tA[i].childNodes.length;j++){tmpN=tA[i].childNodes[j].cloneNode(true);pN.insertBefore(tmpN,tA[i]);}pN.removeChild(tA[i]);}if(s==null||s.length==0)return;while(s.indexOf(%22\%22%22)!=-1){i=s.indexOf(%22\%22%22);a=a.concat(s.substring(0,i).split(%22 %22));s=s.substring(i+1);i=s.indexOf(%22\%22%22);if(i==-1){i=s.length}a[a.length]=s.substring(0, i);s=s.substring(i+1)}a=a.concat(s.split(%22 %22));dv=document.defaultView;function searchWithinNode(node,te,len,color){var pos,skip,sNode,mBit,eBit,mClone;skip=0;if(node.nodeType==3){pos=node.data.toUpperCase().indexOf(te);if(pos>=0){sNode=document.createElement(%22mozjshlightex%22);sNode.style.backgroundColor=color;sNode.style.color=%22black%22;mBit=node.splitText(pos);eBit=mBit.splitText(len);mClone=mBit.cloneNode(true);sNode.appendChild(mClone);mBit.parentNode.replaceChild(sNode,mBit);++count;skip=1;}}else if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!=%22SCRIPT%22&&node.tagName.toUpperCase()!=%22STYLE%22&&node.tagName.toUpperCase()!=%22TEXTAREA%22){for(var child=0;child<node.childNodes.length;++child){child=child+searchWithinNode(node.childNodes[child],te,len,color)}}return skip;}rep=%22Report:%22;for(i=0;i<a.length;i++){if(a[i]==null||a[i].length==0)continue;count=0;searchWithinNode(document.body,a[i].toUpperCase(),a[i].length,colors[cI%colors.length]);cI++;rep+=%22 \%22%22+a[i]+%22\%22 %22+count+%22;%22}window.status=rep})();">IE-sikker udgave</a>, hvis du absolut vil...
Du kan delvist bruge vejledningen ved 3. Test til afprøvning.
Held og lykke :o)
[i]Javascriptet er baseret på en bookmarklet fundet på <a href="http://www.squarefree.com/ (...) med navnet Highlight. Derfor: Tak til dem der har lavet den bookmarklet.
Historik
9/2 2004: Alle steder hvor der står "Firebird" er rettet til det nye navn "Firefox".
9/2 2004: Artiklen er omskrevet, for nemmere installation.
9/2 2004: Måden man kan fremhæve flere ord på er ændret, så det minder mere om metoden på f.eks. Google.
27/1 2004: Koden er optimeret, så den ikke opdeler tekst i elementer efter fjernelse af fremhævning. Det var ellers et problem, da der ikke kan fremhæves på tværs af elementer.
25/1 2004: Ændret lidt i formatering (artikel).
23/1 2004: Koden til at fjerne fremhævninger er ændret, så den ikke længere sletter tekst, hvis der er fremhævet noget tekst i noget fremhævet tekst.
23/1 2004: Todo-liste tilføjet.
23/1 2004: Koden indsætter nu ikke længere span-tags, da det gav problemmer med css på visse sider, f.eks. i denne artikel. I stedet indsætter den et hjemmelavet tag, mozjshlightex, og jeg håber, at man på den måde kan undgå, at underlige styles på websites påvirker fremhævningen.
23/1 2004: Koden udvidet, så den selv fjerner tidligere fremhævninger.
23/1 2004: Historik startet.
9/2 2004: Alle steder hvor der står "Firebird" er rettet til det nye navn "Firefox".
9/2 2004: Artiklen er omskrevet, for nemmere installation.
9/2 2004: Måden man kan fremhæve flere ord på er ændret, så det minder mere om metoden på f.eks. Google.
27/1 2004: Koden er optimeret, så den ikke opdeler tekst i elementer efter fjernelse af fremhævning. Det var ellers et problem, da der ikke kan fremhæves på tværs af elementer.
25/1 2004: Ændret lidt i formatering (artikel).
23/1 2004: Koden til at fjerne fremhævninger er ændret, så den ikke længere sletter tekst, hvis der er fremhævet noget tekst i noget fremhævet tekst.
23/1 2004: Todo-liste tilføjet.
23/1 2004: Koden indsætter nu ikke længere span-tags, da det gav problemmer med css på visse sider, f.eks. i denne artikel. I stedet indsætter den et hjemmelavet tag, mozjshlightex, og jeg håber, at man på den måde kan undgå, at underlige styles på websites påvirker fremhævningen.
23/1 2004: Koden udvidet, så den selv fjerner tidligere fremhævninger.
23/1 2004: Historik startet.
Todo
Todo-listen er tom i øjeblikket. Nogen forslag?
Todo-listen er tom i øjeblikket. Nogen forslag?
Hvis du har forslag eller rettelser til scriptet, skal du være velkommen til at sende en e-mail til
mozhighlight @ INGENSPAMTAK sstuhr.dk
- fjern INGENSPAMTAK samt mellemrum.
