Variablen eines Images innerhalb des <img ..> Befehles anspreche
Eric Falbe
- javascript
0 Rouven0 Ingo Turski
Folgendes klappt leider nicht:
<img src="PROUD Of His Foot Long.jpg" width="150" name="Foot" alt="PROUD Of His Foot Long" id="Test"
onMouseover="document.this.border = 8;"
onMouseout="document.this.border = 0;">
Aber ich weiss auch im Moment gar nicht so genau, wie denn nun die Konventionen fuer "this" sind.
Aber vielleicht kann man die Variablen von einem IMAGE trotzdem direkt innerhalb des IMG-Befehles ansprechen, ohne den Namen haben zu muessen.
Hi,
jup, this ist kein Problem. Aber ohne document...
onmouseover = "this.style...
Empfehlung: width="150" raus und durch style="width: 150px" ersetzen, dann kannst du es auch hinterher über die .style-Eigenschaft manipulieren, border analog.
MfG
Rouven
jup, this ist kein Problem. Aber ohne document...
onmouseover = "this.style...
Empfehlung: width="150" raus und durch style="width: 150px" ersetzen, dann kannst du es auch hinterher über die .style-Eigenschaft manipulieren, border analog.
Also so geht es nicht
<HTML>
<HEAD>
<TITLE>A Simple Program</TITLE>
</HEAD>
<BODY>
Here is the output of my program:<BR>
<img src="duke.gif" width="150" name="duke" alt="no picture on server" id="Test"
onMouseover=style="width: 150px";
onMouseout=style="width: 50px";>
</BODY>
</HTML>
(Und mir einem zusätzlichen Paar Klammern um die style-Zuweisung auch nicht)
Hi,
Folgendes klappt leider nicht:
kein Wunder. ;-)
<img src="PROUD Of His Foot Long.jpg"
unzulässige Leerzeichen in der URL.
width="150" name="Foot" alt="PROUD Of His Foot Long" id="Test"
wird name und id überhaupt benötigt?
onMouseover="document.this.border = 8;"
den Wert in Quotes und mit einer gültigen Einheit versehen, außerdem fehlen die weiteren Angaben für diese Eigenschaft. Du meinst: onmouseover='this.style.border="8px solid black;"' ?
Aber ich weiss auch im Moment gar nicht so genau, wie denn nun die Konventionen fuer "this" sind.
nicht nur das..;-)
freundliche Grüße
Ingo
unzulässige Leerzeichen in der URL.
Nee das geht so; zumindest bei mir.
den Wert in Quotes und mit einer gültigen Einheit versehen, außerdem fehlen die weiteren Angaben für diese Eigenschaft. Du meinst: onmouseover='this.style.border="8px solid black;"' ?
Der code klappt aber er hat einen kleinen Fehler:
onmouseover='this.style.border="8px solid black";'
Die inneren Anführungszeichen müssen vor das Semikolon.
Leider konnte ich keine Dokumentation über die Randveränderung mittels style finden. Aber es funktioniert ja jetzt und das ist das wichtigste.
Danke Ingo Turski
Hi,
unzulässige Leerzeichen in der URL.
Nee das geht so; zumindest bei mir.
Wenn Dir das reicht - ok. Wenn es auch in weniger Fehlertoleranten Browsern funktionieren soll, müßtest Du eine gültige URL verwenden. Leerzeichen werden übrigens mit %20 maskiert. Sinnvoller wäre aber, z.B. Unterstriche zu verwenden.
Du meinst: onmouseover='this.style.border="8px solid black;"' ?
Der code klappt aber er hat einen kleinen Fehler:
onmouseover='this.style.border="8px solid black";'
Die inneren Anführungszeichen müssen vor das Semikolon.
nö. Das Semikolon kann da bleiben, innerhalb und/oder außerhalb der inneren Anführungszeichen gesetzt werden oder auch ganz weggelassen werden. Es trennt sowohl CSS-Anweisungen (innerhalb der inneren Anführungszeichen) als auch Javascript-Befehle (außerhalb der inneren aber innerhalb der äußeren Anführungsstriche). Da hier nur je eine CSS- und Javascriptanweisung notiert ist, ist ein Trennzeichen optional.
freundliche Grüße
Ingo