Made with ♥ by homepage.eu

Mario & Luigis wunderbare Welt

Startseite | Charaktere | Spiele | Konsolen | Nintendo | Javascripts | Webdesign | Links | Pagerank | Awards | Newsarchiv | Gästebuch | Impressum

Desktop-Version | Mobile Version

Auf Seite suchen

Beschreibung

Speziell bei größeren Webseiten kommt es oft vor, dass man einen bestimmten Text oder ein Wort auf der Seite suchen möchte. Dafür kann man entweder die Browser-Suchfunktion auf Strg + F (CTRl + F), oder dieses Javascript verwenden. Der Vorteil dieses Javascripts ist, dass es alle Treffer auf einmal in einer frei einstellbaren Farbe markiert und außerdem die Zahl der Treffer ausgibt. Einfach den gewünschten Text oder Wort in das Formularfeld eingeben und auf "Suchen" klicken.

Wichtig: Das Javascript zeigt auch in unsichtbaren Text Treffer an, weil es nicht zwischen sichtbaren und unsichtbaren Text unterscheiden kann.

Technische Details

Mindestvoraussetzungen

CSS:
1.0
Javascript:
1.5
Netscape:
-
Internet Explorer:
5.5
Firefox:
1.0
Opera:
7.0
Chrome:
1.0
Safari:
1.3
Konqueror:
3.1

Verwendete intrinsische Funktionen

Methoden

Array()
charAt()
for()
getElementsByTagName()
if()
indexOf()
lastIndexOf()
substring()
toUpperCase()
unescape()
while()
with()

Eigenschaften

checked
innerHTML
length
selectedIndex
type
value

Vorschau

Javascript einbinden

HTML-Code

<script type="text/javascript">  </script> <form name="Seite_durchsuchen_Formular43" action=""> <table border="0" width="400"> <tr> <td width="400" align="center" colspan="2"><font face="Arial" size="3"><b>Auf Seite suchen</b></font></td> </tr> <tr> <td width="400" colspan="2"> </td> </tr> <tr> <td width="400" colspan="2"> <script type="text/javascript">  </script> </td> </tr> <tr> <td width="110" align="right"><font face="Arial" size="2"><b>gesuchter Text:</b></font></td> <td width="290"><input type="text" name="gesuchter_Text43" value="" size="30"></td> </tr> <tr> <td width="110" align="right"><font face="Arial" size="2"><b>Treffer:</b></font></td> <td width="290"><input type="text" name="gefundene_Woerter43" value="" size="5"></td> </tr> <tr> <td width="110" align="right"><font face="Arial" size="2"><b>Markierung:</b></font></td> <td width="290"> <select name="Markierung_fuer_Worte43" size="1"> <option value="FFFFFF" style="color: #FFFFFF; background-color: #CCCCCC">Weiß</option> <option value="FFFF00" style="color: #FFFF00; background-color: #CCCCCC" selected>Gelb</option> <option value="FFCC00" style="color: #FFCC00">Orange</option> <option value="FF0000" style="color: #FF0000">Rot</option> <option value="990000" style="color: #990000">Dunkelrot</option> <option value="00FF00" style="color: #00FF00">Grün</option> <option value="009900" style="color: #009900">Dunkelgrün</option> <option value="0000FF" style="color: #0000FF">Blau</option> <option value="000099" style="color: #000099">Dunkelblau</option> <option value="990099" style="color: #990099">Violett</option> <option value="CCCCCC" style="color: #CCCCCC">Grau</option> <option value="999999" style="color: #999999">Dunkelgrau</option> <option value="000000" style="color: #000000">Schwarz</option> </select> </td> </tr> <tr> <td width="400" colspan="2"><input type="button" value="Suchen" onclick="auf_Seite_suchen43()"></td> </tr> </table> </form>

Statistik

Copyright Valentin Hammer
Zuletzt geändert am 6. Januar 2020