Vis/skjul info i boks (ligesom i reklarmer)

javascript filen:

function toggleGallery(recordID) {
  objRecord = GetElement(recordID);
  objRecord.style.visibility = (objRecord.style.visibility=="visible" ? "hidden" : "visible");
}
function toggleView(recordID) {
  objRecord = GetElement(recordID);
  objRecord.style.display = (objRecord.style.display=="block" ? "none" : "block");}

function GetElement(strElement) {
        if (document.getElementById) {
                // IE5+, Netscape 6, Mozilla
                return (document.getElementById(strElement));}
        else if (document.all) {
                // IE4
                return (eval("document.all." + strElement));}
        else if (document.layers) {
                // Netscape 4
                return (eval("document." + strElement));}
        else {
                // Crap!
                return (null);}
}

--
linket til forklaringen skal se således ud:

<a href="#" onclick="toggleView('..');">tekst</a>
--
indholdet af forklaringen:

<div id=".." style="display:block;">forklaringen</div>


så skal du udskifte .. med et navn på forklaringen.. du skal huske at det skal være det samme i både linket og <div>-boksen!

Bare lav et element, hvor der indeni er et andet element, f.eks.

<div onclick="st=document.getElementById('forklaring1').style;st.display=st.display!='block'?'block':'none';" style="cursor:pointer;">
  Dette er en ganske almindelig tekst ...
  <div id="forklaring1" style="display:none;">
    Her er der en længere forklaring<br>
    Som sikkert fylder en hel masse<br>
    <span onclick="this.parentNode.style.display='none';event.cancelBubble=true;">Luk forklaring</span>
  </div>
</div>

-- jeg er her gået udfra, at det kun er nyere browsere, som kommer forbi !-)

Hej gandso,
Super!
Tak for dit hurtige svar - jeg har lige én mere:
Jeg vil gerne have et teksten ikke rykker sig, men at boksen med forklaringen "lægger" sig oven på den eksistrende tekst. - er det noget layer-noget??

PS. Grunden til at jeg bruger !='block' er, at du så kan tillade dig at sætte style-properties (herunder display !-) i et style-sheet ...

Sådan, så:

<div id="minDiv">En div-tekst</div>
<span id="minSpan">En span-tekst</span>
<div onclick="st=document.getElementById('forklaring1').style;st.display=st.display!='block'?'block':'none';" style="cursor:pointer;">
  Dette er en ganske almindelig tekst ...<br>
  <div id="forklaring1" style="display:none;position:absolute;background:white;">
    Her er der en længere forklaring<br>
    Som sikkert fylder en hel masse<br>
    <span onclick="this.parentNode.style.display='none';event.cancelBubble=true;">Luk forklaring</span>
  </div>
</div>
tekst

Wow - tak også til roenving!
Hvilke browsere understøtter?

Alle browsere, som er nyere end 2001, desuden også IE5 ...

-- jeg er selv holdt op med at understøtte v4-browserne, men ellers kan man bruge en funktion, som ligner den gandso har lavet, men huske, at style ikke er et selvstændigt objekt i Nestscape 4 (og span-tingen skal så også ændres !-)

roenving - tak - svid et svar.

Håber det er ok - gandso? også tak til dig!

så lidt

Velbekomme '-)

-- og tak for point ;~}

oh oh - længe siden denne blev skrevet. Jeg har lige et spr til den..
Når den er åben lukkes den lige meget hvor jeg klikker på den. Det duer jo ikke hvis jeg vil lade folk indtaste f.eks. tf nr inden i forklaring1

Har nogen et bud?

-- øeh, umiddelbart lyder det meget ulogisk at man skal indtaste noget i en forklaring ...

fair nok - det er jo nogle år siden den startede - denne gang er det meningen at folk skal kunne taste en mobil nummer og herefter kunne sende den - altså en form.