Avatar billede ahrensberg Nybegynder
24. august 2006 - 21:47 Der er 4 kommentarer og
1 løsning

style.display på et andet element

Hej alle

Jeg har følgende funktioner:

    function do_invisible(element)
    {
        element.style.display = "none";
    }
   
    function do_visible(element)
    {
        element.style.display = "block";
    }

Jeg fjerner så en "select" med en onchange='do_invisible(this)', men hvordan får jeg den så frem igen? F.eks. hvis jeg nu giver min "select" et "name='dropdown'", hvorfor kan jeg så ikke fra en knap sige onchange='do_visible("dropdown")'?
Avatar billede ahrensberg Nybegynder
24. august 2006 - 21:49 #1
... selvfølgelig en knap med onclick, ikke onchange.
Avatar billede mclemens Nybegynder
24. august 2006 - 22:04 #2
Eksempel:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type"

content="text/html; charset=iso-8859-1"><title>Ingen titel</title>



<script type="text/javascript">
    function do_invisible(element)
    {
        element.style.display = "none";
    }
 
    function do_visible(f,element)
    {element=f[element];
        element.style.display = "block";
    }
</script>

</head><body>
<form>

<select name="test" onchange="do_invisible(this);">
<option>Skift og Push the buttom</option>
<option>Round, round</option>
<option>Woman in red</option>
</select>

<input type="button" value="test" onclick="do_visible(this.form,'test');">

</form>
</body></html>
Avatar billede mclemens Nybegynder
24. august 2006 - 22:08 #3
element.style.display = "block"; skal nok i ovenstående rettes til element.style.display = "inline"; ... her er lige et eksempel mere, og et svar:

Du kunne ikke skifte fordi når du gør dette: do_visible("dropdown") sendes en tekst streng op til din funktion - tekststrengen skal så forbindes med et element der har det name (eller måske i andre tilfælde id) før den kan skifte style på det element du ønsker ... ellers forsøger den at skifte style på en javascript variabel og det gav fejlen.



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>



<script type="text/javascript">
    function do_invisible(element)
    {
        element.style.display = "none";
    }
 
    function do_visible(element)
    {element=document.getElementsByName(element)[0];
        element.style.display = "inline";
    }
</script>

</head><body>


<select name="test" onchange="do_invisible(this);">
<option>Skift og Push the buttom</option>
<option>Round, round</option>
<option>Woman in red</option>
</select>






<input type="button" value="test" onclick="do_visible('test');">


</body></html>
Avatar billede ahrensberg Nybegynder
24. august 2006 - 22:12 #4
Perfekt! Jeg takker...
Avatar billede mclemens Nybegynder
24. august 2006 - 22:12 #5
Velbekom, og jeg takker for point :)
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