JavaScripts > Sonstiges > Script-Detail: Bildinfotext
Bildinfotext
Mal wieder ein kleines Beispiel von mir, was man alles mit JavaScript anfangen kann. Dieses Mal geht es darum bei einem Bild o.ä. onMouseOver ein Kommentar in einem Inputfeld anzeigen zu lassen, der bei onMouseOut wieder verschwindet.| Code: |
<script Language="JavaScript">
var sid="text"; function MakeArray(n) { this.length = n; for (var j = 1; i <= n; j++) { this[j] = 0 } return this } var Bild = new MakeArray(1); Bild[0] = 1; Bild[1] = ""; Bild[2] = "dein Kommentar"; function schreib(imgIndex ){ document.formname.kommentar.value=(Bild[imgIndex]); } </script> |
Dies ist das JavaScript, dass dazu in den <head>-Bereich der Seite mit dem Bild muss.
Ersetze dein Kommentar mit deinem Kommentar zum Bild. Das Einzige,was nun noch zu konfigurieren istt, ist dieser Abschnitt:
| Code: |
document.formname.kommentar.value |
Da musst du formname mit dem Namen, des Formulars ersetzen und kommentar mit dem Namen des Inputfeldes.
So wird das ganze aufgerufen [mit obiger Konfiguration]:
| Code: |
<img src="./pfad/zum/bild.gif" onMouseOver="schreib(2);return true" onMouseOut="schreib(1)">
<form name="formname"> <input type="text" name="kommentar" style="background-color: none; border: 0; text-align:center;" size="100"> </form> |
Das Inputfeld hat von mir gleich noch ein paar Styleeigenschaften von mir zugewiesen bekommen, dass man nicht sieht, dass es sich um ein Input handelt ;)
Eine Demo zu diesem Script gibt es auch:
klick mich!
Geschrieben von michi am 18.06.2004 (4686x gelesen)
weiterempfehlen
Druckversion
kommentieren
nice ;)
Geschrieben von Phil Marx