Anzeigen

Vorlagen für Javascript-Nutzung

Hinweis: Achten Sie bitte darauf, dass Ihr Browser Javascripts erlaubt.

Den genannten Javascript-Schnipsel in den Body-Bereich kopieren. Mit der Tastenkombination "Strg + A" markieren Sie sofort den gesamten Text.

Versteckten Text anzeigen

<script
type="text/javascript">
 </script>
<table>
<tbody> <tr> <td
valign="middle"> <a
id="identifikationdertabellectl00_hlOpenClose"
href="javascript:tabelle1_anzeigen('ctl00_hlOpenClose','ctl00_RowDetail','ctl00_imgOpenClose');">Schnipsel-Code
anzeigen<img id="identifikationdertabellectl00_imgOpenClose"
src="../images/ihr_anfangsbild-z-B-pfeil_nach_unten.gif"
style="border-width:
0px;" align="middle"></a> </td>
</tr> <tr
id="identifikationdertabellectl00_RowDetail" style="display:
none;"> <td colspan="2"> <table
width="100%"> <tbody> <tr>
<td>Der versteckte Text wird angezeigt und der Pfeil hier
oben ändert seine Richtung.</td>
</tr> </tbody> </table>
</td> </tr> </tbody>
</table>

Button mit Bildwechsel beim Mausübergang

Infoanzeige beim Mausübergang über ein Info-Bild

Würden Sie hier mit der Maus entlang gehen, dann würde es bei einem aktiven Javascript so aussehen:

So sieht es aus, wenn man mit dem Javascriptcode mit der Maus über das "Info"-Logo rübergeht

Laden Sie den dazugehörigen Ordner herunter und legen Sie ihn in daselbe Verzeichnis, wo die Html-Datei ist, die das INFO-Bild benutzt.

Die "Zurück"-Schaltfläche

Digitale Uhr

Taschenrechner

<script language="JavaScript">

</script>

<form name="Rechner">
<table border=8 cellpadding=10>
<tr>
<td bgcolor=#C0C0C0><input name="Display" size=30
maxlength=30></td>
</tr>
<tr><td><table>
<tr>
<td width=50><input type=button value=" 7 "
onClick="Hinzufuegen('7')"></td>
<td width=50><input type=button value=" 8 "
onClick="Hinzufuegen('8')"></td>
<td width=70><input type=button value=" 9 "
onClick="Hinzufuegen('9')"></td>
<td width=50><input type=button value=" + "
onClick="Hinzufuegen('+')"></td>
</tr>
<tr>
<td width=50><input type=button value=" 4 "
onClick="Hinzufuegen('4')"></td>
<td width=50><input type=button value=" 5 "
onClick="Hinzufuegen('5')"></td>
<td width=70><input type=button value=" 6 "
onClick="Hinzufuegen('6')"></td>
<td width=50><input type=button value=" - "
onClick="Hinzufuegen('-')"></td>
</tr>
<tr>
<td width=50><input type=button value=" 1 "
onClick="Hinzufuegen('1')"></td>
<td width=50><input type=button value=" 2 "
onClick="Hinzufuegen('2')"></td>
<td width=70><input type=button value=" 3 "
onClick="Hinzufuegen('3')"></td>
<td width=50><input type=button value=" * "
onClick="Hinzufuegen('*')"></td>
</tr>
<tr>
<td width=50><input type=button value=" = "
onClick="Ergebnis()"></td>
<td width=50><input type=button value=" 0 "
onClick="Hinzufuegen('0')"></td>
<td width=70><input type=button value=" . "
onClick="Hinzufuegen('.')"></td>
<td width=50><input type=button value=" / "
onClick="Hinzufuegen('/')"></td>
</tr>
<tr>
<tr>
<td width=50><input type=button value="sqrt "
onClick="Sonderfunktion('sqrt')"></td>
<td width=50><input type=button value=" pow "
onClick="Sonderfunktion('pow')"></td>
<td width=70><input type=button value=" log "
onClick="Sonderfunktion('log')"></td>
<td width=50><input type=reset value=" C
"></td>
</tr>
</tr>
</table>
</td></tr></table>
</form>

Textzähler

Im Laufe der Zeit werden hier zusätzlich Javascript-Codes eingefügt, die im Internet oft genutzt werden. Falls Sie Kenntnisse darin haben, können Sie helfen: Lassen Sie Ihre JS-Beispiele hier veröffentlichen (nach Wunsch auch Ihr Name).