13. oktober 2005 - 22:30 Der er 6 kommentarer og
1 løsning

Skjul <div> ved klik på link

Hej,

Jeg har nedenstående script, og det virker meget tilfredstillende. Når man klikker på linket skjul/vis, bliver det i første omgang vist og hvis man klikker igen blvier det vist.

Nu vil jeg dog gerne have, at der er vist i begyndelsen og herefter, hvis man vælger at klikke på linket, bliver det fjernet.

På forhånd tak for hjælpen!

<script>
imgout=new Image(9,9);
imgin=new Image(9,9);

/////////////////BEGIN USER EDITABLE///////////////////////////////
    imgout.src="pic/add2.gif";
    imgin.src="pic/remove2.gif";
///////////////END USER EDITABLE///////////////////////////////////

//this switches expand collapse icons
function filter(imagename,objectsrc){
    if (document.images){
        document.images[imagename].src=eval(objectsrc+".src");
    }
}

//show OR hide funtion depends on if element is shown or hidden
function shoh(id) {
 
    if (document.getElementById) { // DOM3 = IE5, NS6
        if (document.getElementById(id).style.display == "none"){
            document.getElementById(id).style.display = 'block';
            filter(("img"+id),'imgin');         
        } else {
            filter(("img"+id),'imgout');
            document.getElementById(id).style.display = 'none';         
        } 
    } else {
        if (document.layers) { 
            if (document.id.display == "none"){
                document.id.display = 'block';
                filter(("img"+id),'imgin');
            } else {
                filter(("img"+id),'imgout'); 
                document.id.display = 'none';
            }
        } else {
            if (document.all.id.style.visibility == "none"){
                document.all.id.style.display = 'block';
            } else {
                filter(("img"+id),'imgout');
                document.all.id.style.display = 'none';
            }
        }
    }
}

</script>

<img src="pic/add2.gif" name="imgfirst" width="9" height="9" border="0" ><a  href="#first" onClick="shoh('first');" >Skjul/Vis</a>

<div style=\"display: none;\" id=\"first\" >
Nu er jeg vist!</div>
Avatar billede softspot Forsker
14. oktober 2005 - 01:50 #1
Er det ikke bare et spørgsmål om at fjerne den style der skjuler det...

<div id="first" >Nu er jeg vist!</div>
Avatar billede horsmark Nybegynder
15. oktober 2005 - 10:00 #2
_skal_ være:
<div style=\"display: block;\" id=\"first\" >Nu er jeg vist!</div>
22. oktober 2005 - 18:47 #3
Mange tak. Blot en ting mere.
Funktionen med "nu er jeg vist" holder op med at virke når dette sættes ind i body-tagget:
onload="var SymTmpWinOpen = window.open;  VisBillede(); window.open = SymTmpWinOpen;"

Altså, den "glemmer" om den stod på vist eller ikke-vist
(Det er lavet med cookies, se evt. http://exp.dk/spm/644224)
Avatar billede roenving Novice
23. oktober 2005 - 00:23 #4
Hvadfor indsættes NIS-funktioner i body-onload ?-)

-- Norton Internet Security findes vel kun på klient-computerne og ikke på din server ?-)
23. oktober 2005 - 22:17 #5
roenving-> Er desværre ikke helt med. Hehe...?

Tak til softspot og horsemark.
Avatar billede softspot Forsker
23. oktober 2005 - 22:44 #6
Eeeeh... velbekomme - tror jeg nok... :)
Avatar billede roenving Novice
24. oktober 2005 - 14:04 #7
SymTmpWinOpen er en NIS-funktion, som indsættes af Norton Internet Security !-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester