Jag vill ha en liiiten kod för detta ;) såhär?:Göm/visa div
Har kikat på internet men de flesta man hittar är väälldigt långa och svåra att förstå sig på (kan inte mycket javascript alls).
Jag kommer ha ett par olika div's per sida, så det ska inte gälla bara en div...
Ungefär som Pelle har börjat göra nu på sidorna här, men jag har inte lurat ut riktigt hur han gör ;)
Så en liten, kort kod för hur man gömmer och visar en div om det finns...
/MolleSv: Göm/visa div
<html>
<head>
<title></title>
<script type="text/javascript" language=javascript>
<!--
function showText(currPic)
{
thisText = document.getElementById(currPic).style
if (thisText.display == "block")
{
thisText.display = "none"
}
else
{
thisText.display = "block"
}
}
-->
</script>
<style type="text/css">
#text1 {display:none; margin-left:0px}
#text2 {display:none; margin-left:0px}
#text3 {display:none; margin-left:0px}
#text4 {display:none; margin-left:0px}
#text5 {display:none; margin-left:0px}
</style>
</head>
<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor="#DBF6FF">
<table border="1">
<tr>
<td onmouseover="showText('text1');" onmouseout="showText('text1');">Bild 1</td>
<td onmouseover="showText('text2');" onmouseout="showText('text2');">Bild 2</td>
</tr>
<tr>
<td onmouseover="showText('text3');" onmouseout="showText('text3');">Bild 3</td>
<td onmouseover="showText('text4');" onmouseout="showText('text4');">Bild 4</td>
</tr>
</table>
<table>
<tr>
<td><div id="text1">Detta är texten till bild 1</div></td>
<td><div id="text2">Detta är texten till bild 2</div></td>
<td><div id="text3">Detta är texten till bild 3</div></td>
<td><div id="text4">Detta är texten till bild 4</div></td>
</tr>
</table>
</body>
</html>
inte bästa / smidigaste kanske, men det funkar. Jag använder id:t i <td> istället, så jag slipper div så mycket som möjligt..