Link med mouseover-boks?

Hej, skal det skrives i CSS? For ellers tror jeg godt jeg kan fixe det :-)

Hej

Nej, jeg vil netop gerne se, om der er en løsning med
javascript i stedet for css

Det lyder godt.

Jeg har forsøgt at lave lidt her, ved ikke om jeg har ramt helt ved siden af.

http://arto.sykonia.dk/mouseover.asp

Hvad med at prøve Overlib? Jeg tror den har en del muligheder:

http://www.bosrup.com/web/overlib/

Måske sådan noget, som er eksemplificeret her: http://www.eksperten.dk/spm/510856 !-)

Til madeindk

Mange tak!

Det er meget præcist det jeg tænker på.

Jeg går ud fra, at man også kan placere boksen ovenpå
linket?

Jeg prøver lige at kigge på det, og vender så tilbage.

Til mortenbock jeg kigger nok også lige på dit link.

Du kan placere den hvor du har lyst ved at skrive lidt om i koden.

Til madeindk

Dit eksempel er ret fedt.

Men lige et spørgsmål mere:

Jeg har linket i en tabelcelle, og jeg kan se, at
det hele rykkes udvides, når boksen kommer frem

- klart nok men tror du man kan lave noget med at
boksen åbnes i et lag ovenpå tabellen f.eks.
ved z-index:100; på en eller anden måde?

Noget i stil med: http://arto.sykonia.dk/mouseover.asp ?

Til madeindk

Præcist!

Fantastisk!

Altså det eneste du har tilføjet er
position: absolute; z-index: 100;" ?

Mon ikke jeg har hvad jeg skal bruge?

Du skal have tusind tak.

Også tak til jer andre.

Madeindk

Poster du et svar?

Med venlig hilsen
Martin

Ja, det eneste jeg tilføjet var positionen og z-index'et.

Her er mit svar, det var godt du fik hvad du kom efter :-)

Tror lige jeg smider koden her, i tilfælde af jeg skulle komme til at slette filen fra min server, måske kan andre bruge det :-)


    <script type="text/javascript">
   
    function view( targetId ){
       
        if (document.getElementById){
                target = document.getElementById( targetId );
                  if (target.style.display == "none"){
                      target.style.display = "";
                  } else {
                      target.style.display = "";
                  }
            }
        }
                   
    function hide( targetId ){
       
        if (document.getElementById){
                target = document.getElementById( targetId );
                  if (target.style.display == ""){
                      target.style.display = "none";
                  } else {
                      target.style.display = "none";
                  }
            }
        }

    </script>

<b><a href="#" onMouseOver="view('box');">Hjælp</a></b>

<div id="box" style="display:none; background-color:#CCCCCC; border: 1px dashed #BBBBBB; padding:10px; width:200px; position: absolute; z-index:100;">Her er indholdet af boxen...<br><br><a href="#" onClick="hide('box');">Luk denne box</a></div>

<br>

<table width="100%" height="25" cellpadding="0" cellspacing="0">

<tr>
<td>Tabel / celle med indhold...</td>
</tr>

</table>

Ja det er super!

Tak for det.

/Martin