Avatar billede dta Nybegynder
03. januar 2007 - 21:30 Der er 6 kommentarer og
1 løsning

Vis gem script

Har følgende stump kode der skal vise / gemme noget kode i en div men det er ikke Firefox compatibel, hvorledes ska en show hide script se ud?
function Viewbox(user,ValueShow) {

    user.style.display = ValueShow; 
}

<a href="java script:;" onclick="java script:Viewbox('sogefelt','block');Viewbox('sogelink','None');">

<div id="sogefelt" style="display: none;">
Avatar billede erikjacobsen Ekspert
03. januar 2007 - 21:40 #1
Du skal nok kigge på document.getElementById
Avatar billede dta Nybegynder
03. januar 2007 - 21:44 #2
Virker ikke Explorer så det er en kombination. Da jeg ikke er en haj til Javascript leder jeg efter det komplette script
Avatar billede erikjacobsen Ekspert
03. januar 2007 - 21:56 #3
Jo da. document.getElementById virker i alle browsere. Hvad har du prøvet?
Avatar billede dta Nybegynder
03. januar 2007 - 22:02 #4
Lyder godt ... Men jeg mangler scriptet
Avatar billede dta Nybegynder
03. januar 2007 - 22:06 #5
<script type="text/javascript">
<!--
function ShowHide(id) {
obj = document.getElementsByTagName("div");
if (obj[id].style.visibility == 'visible'){
obj[id].style.visibility = 'hidden';
obj[id].style.height = '0px';
}
else {
obj[id].style.visibility = 'visible';
obj[id].style.height = 'auto';
}
}
//-->
</script>

<!-- Set the box as invisible at first -->
<style type="text/css">
#lay{visibility:hidden;width:400px;height:0px;border:1px solid orange}
</style>


+ <a href="java script:ShowHide('lay')">Click here to show/hide the content</a><br />
<div id="lay">This is the text shown once the box is opened. Click again to close</div>
<br />
Some text...
Avatar billede crazysnap Seniormester
03. januar 2007 - 22:26 #6
Du kan også bare bruge getElementById som erikjacobsen foreslår, så slipper du for at lege med arrayet af div-tags (udnødvendigt)  :)

function ShowHide(id)
{
    obj = document.getElementById(id);
    if (obj.style.visibility == 'visible')
    {
          obj.style.visibility = 'hidden';
          obj.style.height = '0px';
    }
    else
    {
          obj.style.visibility = 'visible';
          obj.style.height = 'auto';
    }
}

- Snap
Avatar billede roenving Novice
22. januar 2007 - 06:59 #7
-- og ofte vil det være praktisk at bruge den negative tilgang, så man kan tillade sig at sætte display-properties med css:

function showHide(elm){
  elm.style.display = elm.style.display != "block" ? "block" : "none";
}
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