onMouseover typ — webForum

MannenMedlem sedan jan. 2003247 inlägg

Trådstart3 juli 2004 12:14#1

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.

JojoxxMedlem sedan juni 20004 308 inlägg

3 juli 2004 13:55#2

Där texten skall hamna;

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

och bilderna;

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

bossseMedlem sedan juni 2003771 inlägg

3 juli 2004 14:27#3

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>

MannenMedlem sedan jan. 2003247 inlägg

3 juli 2004 14:40#4

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