Mouseover - Hjælp lige ik?

Hvis du har et div tag i denne stil:
<div id=\"vismig\" style=\"visibility: hidden;\">
blabla...
</div>

Så kan du indsætte følgende javascript i en onmouseover:
document.all(\"vismig\").style.visibility=\"visible\";

øhmm, det forstod jeg altså ikke helt..

Min kode:

<!-- BG-Color:8D4956; -->
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>

<link rel=\"stylesheet\" href=\"style.css\">
    <title>Biggel.com - New look at internet</title>
</head>

<body bgcolor=\"8D4956\">
<div id=\"vismig\" style=\"visibility: hidden;\">
blabla...
</div>
<!-- Menu map start -->
<map name=\"menu\">
<area alt=\"Referencer\" coords=\"-4,0,86,17\"  >
<area alt=\"Projekter\" coords=\"96,-1,170,18\">
<area alt=\"Lab\" coords=\"182,1,209,19\">
<area alt=\"Info\" coords=\"218,-2,251,17\">
<area alt=\"Profil\" coords=\"259,-1,303,16\">
<area alt=\"Bestil\" coords=\"312,0,357,18\">
<area alt=\"Info\" coords=\"368,-3,405,18\">
<area alt=\"Issues\" coords=\"417,-2,465,19\">
<area alt=\"Historie\" coords=\"473,-1,537,16\">
<area alt=\"Kontakt\" coords=\"546,1,610,17\">
</map>
<!-- Menu map slut -->





<!-- Document start -->
<table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
<tr>
    <td><IMG  src=\"top.gif\"></td>
    <td><IMG src=\"topright.gif\"></td>
</tr>
<tr>
    <td>
    <!-- Index Start -->
    <iframe frameborder=\"0\" name=\"index\" width=\"100%\" height=\"400\" scrolling=\"auto\" src=\"index2.asp\"></iframe>
    <!-- Index Slut -->
    </td>
    <td><IMG src=\"right.jpg\"></td>
</tr>
<tr>
    <td><img src=\"menu.gif\" width=\"744\" height=\"33\" border=\"0\" usemap=\"#menu\"  ></td>
    <td><IMG src=\"bundright.jpg\"></td>
</tr>
</table>
<!-- Document slut -->

</body>



</html>

Prøv at se på følgende eksempel, så kan det være det letter forståelsen.... Du kan naturligvis placere hvad som helst (også billeder), imellem de forskellige <div> </div> tags.

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
    <title>Mouseover Div</title>
</head>

<body>
<div style=\"position: absolute; top: 10; left: 10;\">
  XXX
</div>
<div id=\"vismig\" style=\"position: absolute; top: 15; left: 15; z-index: 2; visibility: hidden;\">
  OOO
</div>
<div style=\"position: absolute; top: 20; left: 20;\"
onMouseOver=\"java script:document.all(\'vismig\').style.visibility=\'visible\';\"
onMouseOut=\"java script:document.all(\'vismig\').style.visibility=\'hidden\';\">
Hold mouse over me...
</div>
</body>
</html>

Ja, og men.

<div style=\"position: absolute; top: 20; left: 20;\"
onMouseOver=\"java script:document.all(\'vismig\').style.visibility=\'visible\';\"
onMouseOut=\"java script:document.all(\'vismig\').style.visibility=\'hidden\';\">
Hold mouse over me...
</div>

skal der ikke være noget tekst, men bare et sted på siden,.

det gjorde jeg så med en <table>.. men så blinkede den herre meget.. ?

Det er kun nødvendigt at
pakke \"Hold mouse over me...\" ind i en div tag for at få adgang til onMouseover

Prøv at udskifte

<div style=\"position: absolute; top: 20; left: 20;\"
onMouseOver=\"java script:document.all(\'vismig\').style.visibility=\'visible\';\"
onMouseOut=\"java script:document.all(\'vismig\').style.visibility=\'hidden\';\">
Hold mouse over me...
</div>

med

<IMG src=\"top.gif\"
onMouseOver=\"java script:document.all(\'vismig\').style.visibility=\'visible\';\"
onMouseOut=\"java script:document.all(\'vismig\').style.visibility=\'hidden\';\">

så skulle det kun ske når du er over billedet..

Jamen, læs lige hvad jeg skriver,
Jeg har et imagemap... Som har forskelige links
rundt omkring på det ene billed... nåre du *røre*
de steder med musen, kommer det et nyt image op, som dækker hele imagemapet...

Lukker