Auf Seite suchen

(3 Bewertungen, ∅ 5,00 von 5)
Du musst eingeloggt sein um bewerten zu können.

Für viele Webseiten und CMS gibt es eingebaute Suchfunktionen, die Inhalte auf der Seite suchen.

Steht eine solche Suchfunktion aber aus irgendwelchen Gründen nicht zur Verfügung, oder möchte man nicht alle Unterseiten, sondern lediglich die aktuell angezeigte Seite durchsuchen, eignet sich dieses Javascript von unserem User Super_Mario bestens.

Ihr könnt dabei sogar die Farbe festlegen, in der die Suchtreffer hervorgehoben werden. Außerdem wird euch auf die Anzahl der Treffer mit angezeigt.

<script type='text/javascript'> '); document.write(' </s'+'cript>'); document.write(' </td>'); document.write(' </tr>'); document.write(' <tr>'); document.write(' <td width="110" align="right"><font face="Arial" size="2"><b>gesuchter Text:</b></font></td>'); document.write(' <td width="290"><input type="text" name="gesuchter_Text" value="" size="30"></td>'); document.write(' </tr>'); document.write(' <tr>'); document.write(' <td width="110" align="right"><font face="Arial" size="2"><b>Treffer:</b></font></td>'); document.write(' <td width="290"><input type="text" name="gefundene_Woerter" value="" size="5"></td>'); document.write(' </tr>'); document.write(' <tr>'); document.write(' <td width="110" align="right"><font face="Arial" size="2"><b>Markierung:</b></font></td>'); document.write(' <td width="290">'); document.write(' <select name="Markierung_fuer_Worte" size="1">'); document.write(' <option value="FFFFFF" style="color: #FFFFFF; background-color: #CCCCCC">Weiß</option>'); document.write(' <option value="FFFF00" style="color: #FFFF00; background-color: #CCCCCC" selected>Gelb</option>'); document.write(' <option value="FFCC00" style="color: #FFCC00">Orange</option>'); document.write(' <option value="FF0000" style="color: #FF0000">Rot</option>'); document.write(' <option value="990000" style="color: #990000">Dunkelrot</option>'); document.write(' <option value="00FF00" style="color: #00FF00">Grün</option>'); document.write(' <option value="009900" style="color: #009900">Dunkelgrün</option>'); document.write(' <option value="0000FF" style="color: #0000FF">Blau</option>'); document.write(' <option value="000099" style="color: #000099">Dunkelblau</option>'); document.write(' <option value="990099" style="color: #990099">Violett</option>'); document.write(' <option value="CCCCCC" style="color: #CCCCCC">Grau</option>'); document.write(' <option value="999999" style="color: #999999">Dunkelgrau</option>'); document.write(' <option value="000000" style="color: #000000">Schwarz</option>'); document.write(' </select>'); document.write(' </td>'); document.write(' </tr>'); document.write(' <tr>'); document.write(' <td width="400" colspan="2"><input type="button" value="Suchen" onclick="javascript:auf_Seite_suchen()"></td>'); document.write(' </tr>'); document.write('</table>'); document.write('</form>'); } function auf_Seite_suchen() { if((document.getElementsByTagName)&&(document.Seite_durchsuchen_Formular.innerHTML)) { Treffer = 0; var Durchlauf = 0; var gesuchter_Text = ""; var Text_ohne_amp = document.Seite_durchsuchen_Formular.gesuchter_Text.value; var Input_Inhalte = new Array(); var Radio_ausgewaehlt = new Array(); var Textarea_Inhalte = new Array(); var Select_Index = new Array(); if(HTML_der_Seite=="") HTML_der_Seite = document.getElementsByTagName("body")[0].innerHTML; while(Text_ohne_amp.indexOf("&")>-1) { gesuchter_Text += Text_ohne_amp.substring(0,Text_ohne_amp.indexOf("&"))+"&"; Text_ohne_amp = Text_ohne_amp.substring(Text_ohne_amp.indexOf("&")+1); } gesuchter_Text += Text_ohne_amp; for(var i=0;i<2;i++) { while(gesuchter_Text.indexOf(Tagklammern[i])>-1) gesuchter_Text = gesuchter_Text.substring(0,gesuchter_Text.indexOf(Tagklammern[i]))+Klammernersatz[i]+gesuchter_Text.substring(gesuchter_Text.indexOf(Tagklammern[i])+1); } Seiteninhalt = HTML_der_Seite; if(Seiteninhalt.indexOf("<")>-1) { if(Seiteninhalt.charAt(Seiteninhalt.indexOf("<")+1)==Seiteninhalt.charAt(Seiteninhalt.indexOf("<")+1).toUpperCase()) { for(var i=0;i<2;i++) { Scripttags[i] = Scripttags[i].toUpperCase(); Selecttags[i] = Selecttags[i].toUpperCase(); } } } for(var i=0;i<document.getElementsByTagName("input").length;i++) { Input_Inhalte[i] = document.getElementsByTagName("input")[i].value; if((document.getElementsByTagName("input")[i].type=="radio")||(document.getElementsByTagName("input")[i].type=="checkbox")) Radio_ausgewaehlt[i] = document.getElementsByTagName("input")[i].checked; } for(var i=0;i<document.getElementsByTagName("textarea").length;i++) Textarea_Inhalte[i] = document.getElementsByTagName("textarea")[i].value; for(var i=0;i<document.getElementsByTagName("select").length;i++) Select_Index[i] = document.getElementsByTagName("select")[i].selectedIndex; while(Seiteninhalt.indexOf("<")>-1) { Texte[Durchlauf] = Seiteninhalt.substring(0,Seiteninhalt.indexOf("<")); if(Seiteninhalt.substring(Seiteninhalt.indexOf("<"),Seiteninhalt.indexOf("<")+7)==Scripttags[0]) { Tags[Durchlauf] = Seiteninhalt.substring(Seiteninhalt.indexOf(Scripttags[0]),Seiteninhalt.indexOf(Scripttags[1])+9); Seiteninhalt = Seiteninhalt.substring(Seiteninhalt.indexOf(Scripttags[1])+9); } else if(Seiteninhalt.substring(Seiteninhalt.indexOf("<"),Seiteninhalt.indexOf("<")+7)==Selecttags[0]) { Tags[Durchlauf] = Seiteninhalt.substring(Seiteninhalt.indexOf(Selecttags[0]),Seiteninhalt.indexOf(Selecttags[1])+9); Seiteninhalt = Seiteninhalt.substring(Seiteninhalt.indexOf(Selecttags[1])+9); } else { Tags[Durchlauf] = Seiteninhalt.substring(Seiteninhalt.indexOf("\u003C"),Seiteninhalt.indexOf(">")+1); Seiteninhalt = Seiteninhalt.substring(Seiteninhalt.indexOf(">")+1); } Durchlauf++; } Texte[Durchlauf] = Seiteninhalt; Tags[Durchlauf] = ""; var neuer_Seiteninhalt = ""; for(var i=0;i<Texte.length;i++) neuer_Seiteninhalt += Ersetzen(Texte[i],gesuchter_Text)+Tags[i]; document.getElementsByTagName("body")[0].innerHTML = neuer_Seiteninhalt; for(var i=0;i<Input_Inhalte.length;i++) { document.getElementsByTagName("input")[i].value = Input_Inhalte[i]; if((document.getElementsByTagName("input")[i].type=="radio")||(document.getElementsByTagName("input")[i].type=="checkbox")) document.getElementsByTagName("input")[i].checked = Radio_ausgewaehlt[i]; } for(var i=0;i<Textarea_Inhalte.length;i++) document.getElementsByTagName("textarea")[i].value = Textarea_Inhalte[i]; for(var i=0;i<Select_Index.length;i++) document.getElementsByTagName("select")[i].selectedIndex = Select_Index[i]; document.Seite_durchsuchen_Formular.gefundene_Woerter.value = Treffer; } } function Ersetzen(Text,Wort) { var Suchtext = Text; var Endtext = ""; if((Wort+"*").lastIndexOf("*")>0) { while(Suchtext.indexOf(Wort)>-1) { Treffer++; Endtext += Suchtext.substring(0,Suchtext.indexOf(Wort))+'\u003Cspan style="background-color: #'+document.Seite_durchsuchen_Formular.Markierung_fuer_Worte.value+'">'+Wort+'\u003C/span>'; Suchtext = Suchtext.substring(Suchtext.indexOf(Wort)+(Wort+"*").lastIndexOf("*")); } } Endtext += Suchtext; return Endtext; } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/auf-seite-suchen/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">initSearchForm();</script>

Ein Kommentar

Schreibe einen Kommentar Antworten abbrechen