---
title: "onMouseover typ"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/106671-onmouseover-typ"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Mannen"
published: "2004-07-03T12:14:16.000Z"
updated: "2004-07-03T14:40:15.000Z"
replies: 3
views: 319
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/106671-onmouseover-typ"
---

# onMouseover typ

## #1 — Mannen, 2004-07-03T12:14Z

Hejsan
Behöver en onMouseOver typ till en ny sida. Det är så att jag har ett x antal bilder och när man för musen över bild x ska en text om bild x komma fram i en viss yta (sammm yta för alla)

Och när man tar bort musen så ska texten som står där vara kvar (tills jag för musen över en annan bild).

Hur löser jag detta?/Vart finns det kod?/Vad kan jag söka på?

Tack på förhand.

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

## #2 — Jojoxx, 2004-07-03T13:55Z

Där texten skall hamna;

```
<span id="texthere"></span>
```

och bilderna;

```
<img src="x.gif" onmouseover="document.getElementById('texthere').innerHTML='Valfri text...';" ...
```

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

## #3 — bossse, 2004-07-03T14:27Z

Så här kanske?

```
<html> 
<head> 
<title>LänkBeskrivning</title> 
<style type="text/css"> 
.box {position:absolute;  top:20px; left:5px; }
</style> 
</head>
<BODY bgcolor=green> 
<DIV ID="lank" STYLE="position:absolute; left:25%; top:2%; visibility: hidden; font-size:14pt; color:yellow;"></DIV> 
<SCRIPT LANGUAGE="javascript"> 
html_fore="" 
html_efter=""
divnamn="lank"; 
function visa(bild) 
{ if (bild) 
{ bild=html_fore+bild+html_efter 
if (document.all) 
{ document.all[divnamn].innerHTML=bild; 
document.all[divnamn].style.visibility="visible"; } 
else if (document.layers) 
{ document[divnamn].document.open(); 
document[divnamn].document.write(bild); 
document[divnamn].document.close(); 
document.layers[divnamn].visibility="visible"; 
} } 
else 
{ if (document.all) 
{ document.all[divnamn].innerHTML=""; 
document.all[divnamn].style.visibility="hidden"; 
} else if (document.layers) 
{ 
document[divnamn].document.open(); 
document[divnamn].document.write(""); 
document[divnamn].document.close(); 
document.layers[divnamn].visibility="hidden"; 
} } } 
//--> 
</SCRIPT>
<p class="box" >
<A HREF="#" OnMouseOver="visa('text till bild ett <BR> Går att placera texten var du vill');" ><img src=bild1.jpg width=50 height=50 border=0></A>
<BR>
<A HREF="#" OnMouseOver="visa('text till bild två <BR> Bara att ange positionen på raden efter body');" ><img src=bild2.jpg width=50 height=50 border=0></A> 
<BR>
<A HREF="#" OnMouseOver="visa('<font color=white>text till bild tre </font>');" ><img src=bild3.jpg width=50 height=50 border=0></A> 
<BR>
<A HREF="#" OnMouseOver="visa('<font color=white>text till bild fyra </font>');" ><img src=bild4.jpg width=50 height=50 border=0></A> 
</body> 
</html>
```

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

## #4 — Mannen, 2004-07-03T14:40Z

Tack så mycket båda, testade Jojoxx svar först och det fungerade utmärkt. Tack igen :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/106671-onmouseover-typ
