3 svar · 314 visningar · startad av Mannen
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.
Där texten skall hamna;
<span id="texthere"></span>
och bilderna;
<img src="x.gif" onmouseover="document.getElementById('texthere').innerHTML='Valfri text...';" ...
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>
Tack så mycket båda, testade Jojoxx svar först och det fungerade utmärkt. Tack igen :)