---
title: "onmouseover via endast javascript"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/125385-onmouseover-via-endast-javascript"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "doggelito"
published: "2005-03-30T10:42:16.000Z"
updated: "2005-03-30T12:27:17.000Z"
replies: 12
views: 341
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/125385-onmouseover-via-endast-javascript"
---

# onmouseover via endast javascript

## #1 — doggelito, 2005-03-30T10:42Z

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?

Permalänk: https://www.webforum.nu/p/125385

## #2 — Jesper T, 2005-03-30T10:45Z

Har bilden ett speciellt id eller ett class-namn?

Permalänk: https://www.webforum.nu/p/1581909

## #3 — doggelito, 2005-03-30T10:47Z

ett id kommer att finnas på bilden. :)

Permalänk: https://www.webforum.nu/p/1581913

## #4 — nitro2k01, 2005-03-30T11:00Z

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"}
}

}

}
```

Permalänk: https://www.webforum.nu/p/1581921

## #5 — nitro2k01, 2005-03-30T11:01Z

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"}
}

}

}
```

 :)

Permalänk: https://www.webforum.nu/p/1581923

## #6 — doggelito, 2005-03-30T11:13Z

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"?

Permalänk: https://www.webforum.nu/p/1581936

## #7 — icaaq, 2005-03-30T11:17Z

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

mv icaaq

Permalänk: https://www.webforum.nu/p/1581938

## #8 — nitro2k01, 2005-03-30T11:19Z

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"}
}

}

}
```

Permalänk: https://www.webforum.nu/p/1581942

## #9 — nitro2k01, 2005-03-30T11:20Z

> **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

Permalänk: https://www.webforum.nu/p/1581943

## #10 — doggelito, 2005-03-30T11:26Z

jag bockar å bugar nitro2k01! :bire

Permalänk: https://www.webforum.nu/p/1581947

## #11 — icaaq, 2005-03-30T11:31Z

> **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

Permalänk: https://www.webforum.nu/p/1581950

## #12 — doggelito, 2005-03-30T11:42Z

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! :)

Permalänk: https://www.webforum.nu/p/1581954

## #13 — dectgap, 2005-03-30T12:27Z

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(){ ... }
}
```

Permalänk: https://www.webforum.nu/p/1581969

---

Tråden på webben: https://www.webforum.nu/amne/javascript/125385-onmouseover-via-endast-javascript