11. juli 2002 - 16:06
Der er
7 kommentarer og 1 løsning
Klappe skjulte layers sammen
Hejsa Jeg har en række med layers til at stå under hinanden. Når jeg skjuler det øverste vil jeg godt have de andre til at hoppe opad. Er der nogen er kan hjælpe med det? Min kode ligner dette: <html> <head> <meta http-equiv="Content-Type" content="TEXT/HTML; charset=windows-1252"> <title>DIV EKS</title> <script language="JavaScript"> var ns, ns6, ie; ns = (document.layers) ? true : false; ns6 = (document.getElementById) ? true : false; ie = (document.all) ? true : false; function getLayerStyle( lyr ){ if( ns ){ return document.layers[lyr]; } else if( ie ){ return document.all[lyr].style; } else if( ns6 ){ return document.getElementById(lyr).style; } } function ShowHide(layer){ newlayer = getLayerStyle(layer) if (newlayer.visibility == "hidden") { newlayer.visibility = "visible"; } else if (newlayer.visibility == "visible") { newlayer.visibility = "hidden"; } } </script> </head> <body> <a href="java script:ShowHide('mitlayer1')">Vis/Skjul</a> <div name="mitlayer1" id="mitlayer1" style="background-color: #000000; visibility: hidden"> <font color="#FFFFFF">HEJ MED DIG</font> </div> <a href="java script:ShowHide('mitlayer2')">Vis/Skjul</a> <div name="mitlayer2" id="mitlayer2" style="background-color: #000000; visibility: hidden"> <font color="#FFFFFF">HEJ MED DIG</font> </div> <a href="java script:ShowHide('mitlayer3')">Vis/Skjul</a> <div name="mitlayer3" id="mitlayer3" style="background-color: #000000; visibility: hidden"> <font color="#FFFFFF">HEJ MED DIG</font> </div> </body> </html>
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
Jeg har den her liggende : <html> <head> <script language="javascript"> <!-- ns4 = (document.layers)? true:false ie4 = (document.all)? true:false ie5 =(document.getElementById)? true:false ns6 = (document.getElementById && !document.all)?true:false; function showhide(menu){ if (ns6||ie5 && document.getElementById(menu).style.display=='none'||document.getElementById(menu).style.display=='undefined') { document.getElementById('menu1_sub').style.display='none'; document.getElementById('menu2_sub').style.display='none'; document.getElementById('menu3_sub').style.display='none'; document.getElementById(menu).style.display=''; }else if (ns6||ie5 && document.getElementById(menu).style.display==''){ alert('hej igen') document.getElementById(menu).style.display='none' }else if (ie4 && document.all[menu].style.display=='none') { document.all['menu1_sub'].style.display='none'; document.all['menu2_sub'].style.display='none'; document.all['menu3_sub'].style.display='none'; document.all[menu].style.display=''; }else if (ie4 && document.all[menu].style.display==''){ document.all[menu].style.display='none' }else if (ns4 && document.layers[menu].style.display=='none') { document.layers['menu1_sub'].style.display='none'; document.layers['menu2_sub'].style.display='none'; document.layers['menu3_sub'].style.display='none'; document.layers[menu].style.display=''; }else if (ns4 && document.layers[menu].style.display==''){ document.layers[menu].style.display='none' } } --> </script> </head> <body> <a href="#" id="menu1" name="menu1" onClick="showhide('menu1_sub')" style="cursor:hand;">Vis Menu 1</a> <br> <div id="menu1_sub" name="menu1_sub" style="display:none"> <a href="#" target="_blank">aaasd</a><br> <a href="#" target="_blank">asda</a><br> </div> <a href="#" id="menu2" name="menu2" onClick="showhide('menu2_sub')" style="cursor:hand;">Vis Menu 2</a> <br> <div id="menu2_sub" name="menu2_sub" style="display:none"> <a href="#" target="_blank">asda</a><br> <a href="#" target="_blank">asdad</a><br> </div> <a href="#" id="menu3" name="menu3" onClick="showhide('menu3_sub')" style="cursor:hand;">Vis Menu 3</a> <div id="menu3_sub" name="menu3_sub" style="display:none"> <a href="#" target="_blank">asdad</a><br> </div> </body> </html>
Og hvis vi skal optimere din egen (og mi for den sags skyld...) lidt : <html> <head> <meta http-equiv="Content-Type" content="TEXT/HTML; charset=windows-1252"> <title>DIV EKS</title> <script language="javascript"> ns4 = (document.layers)? true:false ie4 = (document.all)? true:false ie5 =(document.getElementById)? true:false ns6 = (document.getElementById && !document.all)?true:false; function ShowHide(id){ var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style; if(styleObj.display == "none"){ styleObj.display = "" }else{ styleObj.display = "none" } } </script> </head> <body> <a href="java script:ShowHide('mitlayer1')">Vis/Skjul</a> <div name="mitlayer1" id="mitlayer1" style="display:none;background-color: #000000;"> <font color="#FFFFFF">HEJ MED DIG</font> </div> <br> <a href="java script:ShowHide('mitlayer2')">Vis/Skjul</a> <div name="mitlayer2" id="mitlayer2" style="display:none;background-color: #000000;"> <font color="#FFFFFF">HEJ MED DIG</font> </div> <br> <a href="java script:ShowHide('mitlayer3')">Vis/Skjul</a> <div name="mitlayer3" id="mitlayer3" style="display:none;background-color: #000000;"> <font color="#FFFFFF">HEJ MED DIG</font> </div> </body> </html>
ok så da :)) Den sidste version er den bedste :))
Tak for det :o) Spiller du stadig CS?
Jo, men næsten aldrig på boomtown længere - Hver anden gang jeg forsøger at logge ind siger den min CD key er in use - Sikke en omgang fis - Det sker kun der... :)) Spiller mest på bredbånd i disse dage - Hvad med dig :)
Det var da spooky... og temmelig kedeligt :o( Jeg spiller lidt, og kun på BT.. det er der jeg "kender" folk.
Vi tilbyder markedets bedste kurser inden for webudvikling