onmouseover via endast javascript

jag har ett problem:
jag skulle vilja ha en hover-effekt på en bild.
problemet är att jag inte har tillgång till sidan så jag kan inte göra en vanlig onmouseover="doHover();" i koden där bilden ligger.
men däremot har jag behörighet att inkludera ett javascript på sidan.
så: kan man via endast ett javascript göra en onmouseover effekt på min bild?

Har bilden ett speciellt id eller ett class-namn?

ett id kommer att finnas på bilden. :)

Om du vet src kan följande vara något:

window.onload=function(){
for (i in document.images){
if (document.images[i].src.toLowerCase().indexOf("bild1.gif")!=-1){
document.images[i].onmouseover = function(){this.src="bild1_hover.gif"}
document.images[i].onmouseout = function(){this.src="bild1.gif"}
}

if (document.images[i].src.toLowerCase().indexOf("bild2.gif")!=-1){
document.images[i].onmouseover = function(){this.src="bild2_hover.gif"}
document.images[i].onmouseout = function(){this.src="bild2.gif"}
}

}

}

Och om du vet id, så är metoden nästan likadan:

window.onload=function(){
for (i in document.images){
if (document.images[i].id="id1"){
document.images[i].onmouseover = function(){this.src="bild1_hover.gif"}
document.images[i].onmouseout = function(){this.src="bild1.gif"}
}

if (document.images[i].id="id2"){
document.images[i].onmouseover = function(){this.src="bild2_hover.gif"}
document.images[i].onmouseout = function(){this.src="bild2.gif"}
}

}

}

:)

va fint! :)
följdfråga:
min bild kommer att agera submitknapp i ett formulär och jag vet för tillfället inte om de som tillverkar sidan kommer att lägga bilden som en img-tagg eller input type="image".
koden ovan funkar ju om det är en img-tagg, men hur skulle koden se ut om det var en input type="image"?

Hur ska du kunna använda den som en submitknapp om det bara är en img :OO

mv icaaq

Denna kod funkar för både och, bara du får id rätt.

window.onload=function(){
if (!document.all) document.all = document.getElementsByTagName("*");
for (i in document.all){
if (document.all[i].id="id1"){
document.all[i].onmouseover = function(){this.src="bild1_hover.gif"}
document.all[i].onmouseout = function(){this.src="bild1.gif"}
}

if (document.all[i].id="id2"){
document.all[i].onmouseover = function(){this.src="bild2_hover.gif"}
document.all[i].onmouseout = function(){this.src="bild2.gif"}
}

}

}

icaaq skrev:

Hur ska du kunna använda den som en submitknapp om det bara är en img :OO

mv icaaq

T ex

<img src="..." onclick="document.forms['formen'].submit();">

:stud

jag bockar å bugar nitro2k01! :bire

nitro2k01 skrev:

icaaq skrev:

Hur ska du kunna använda den som en submitknapp om det bara är en img :OO

mv icaaq

T ex

<img src="..." onclick="document.forms['formen'].submit();">

:stud

Ja, det är iofs klart. Min tanke var att om dem som gör sidan bara anger den som img utan något onClick-event.

Men det kanske man kan lösa genom att hitta bilden och sedan sätta ett sådant event....

jaja hoppas att det löser sig :)

mv icaaq

mm, jag vet som sagt inte just nu hur de (3-part) kommer att koda, mina instruktioner är bara att bifoga en submitknapp som bild.

det blir säkert finfint i slutändan! :)

Varför en så onödigt komplicerad lösning, nitro?

Vad har du emot getElementById() ?

var elm = document.getElementById('id1');
if(elm) {
	elm.onmouseover = function(){ ... }
	elm.onmouseout  = function(){ ... }
}