15. juni 2002 - 23:54 Der er 7 kommentarer og
1 løsning

Skjul div, hvis nyt

Hej,

jeg søger en funktion som kan skjule et div tag, og vise et nyt ved klik. Der er 7Div tags, jeg vælger feks div1 i en select boks, og hvis div3 er synligt skal det skjules, og div1 vises. Hvis jeg nu vælger div5 skal div3 skjules og div5 vises, kan i følge mig?

/Casper www.enter-s.dk
Avatar billede fireblast Nybegynder
16. juni 2002 - 03:01 #1
Hvis du gad give mig div names, ville det være rart:)
Avatar billede ztyxx Nybegynder
16. juni 2002 - 03:13 #2
prøv dette

<html>
<head>
<title>skjul/vis</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; width:200px; height:321px; z-index:1; left: 26px">
  <p><a href="#" onClick="MM_showHideLayers('Layer2','','hide','Layer3','','show')">div
    1</a></p>
  <p><a href="#" onClick="MM_showHideLayers('Layer2','','show','Layer3','','hide')">div
    2</a></p>
</div>

<div id="Layer2" style="position:absolute; width:300px; height:200px; z-index:2; left: 300px; top: 200px; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000">
  <p align="center">&nbsp;</p>
  <p align="center">&nbsp;</p>
  <p align="center"><font size="4" face="Verdana, Arial, Helvetica, sans-serif" color="#800040">dette
    er div 2</font></p>
  <p align="center"><font size="4" face="Verdana, Arial, Helvetica, sans-serif" color="#800040">klik
    videre</font></p>
</div>
<div id="Layer3" style="position:absolute; width:300px; height:200px; z-index:3; left: 300px; top: 200px; background-color: #999933; layer-background-color: #999933; border: 1px none #000000; visibility: visible">
  <div align="center">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><font face="Verdana, Arial, Helvetica, sans-serif" size="4" color="#FFFFFF">dette
      er div 1</font></p>
    <p><font face="Verdana" size="4" color="#FFFFFF">klik
      p&aring; det n&aelig;ste</font></p>
  </div>
</div>
</body>
</html>
Avatar billede =maddog= Nybegynder
16. juni 2002 - 17:35 #3
Mon ikke det her er mindre forvirrende. Skulle virke.

<html><head><script>
var curShown = 1; // currently shown div
function getdivstyle(id) {
    return (document.all)?document.all["div"+id].style:(document.layers)?document.layers["div"+id]:document.getElementById("div"+id).style;
}
function shownhide(id) {
    getdivstyle(curShown).visibility = 'hidden'
    getdivstyle(id).visibility = 'visible'
    curShown = id;   
}
</script></head><body>
<select onchange="shownhide(this.value);">
<option value="1" selected>div1
<option value="2">div2
<option value="3">div3
<option value="4">div4
<option value="5">div5
<option value="6">div6
<option value="7">div7
</select>
<div id="div1" style="visibility:visible;">div1</div>
<div id="div2" style="visibility:hidden;">div2</div>
<div id="div3" style="visibility:hidden;">div3</div>
<div id="div4" style="visibility:hidden;">div4</div>
<div id="div5" style="visibility:hidden;">div5</div>
<div id="div6" style="visibility:hidden;">div6</div>
<div id="div7" style="visibility:hidden;">div7</div>
</body></html>
22. juni 2002 - 23:04 #4
Drop et svar begge.
Madhunden for 14 fordi den var til at forstå.
ztyXXX for en 10'er som tak :-).
Avatar billede =maddog= Nybegynder
23. juni 2002 - 07:24 #5
oki doki partner.
Avatar billede ztyxx Nybegynder
24. juni 2002 - 01:38 #6
vil ikke have point hvis ikke mit forslag bruges :-)
26. juni 2002 - 12:30 #7
Det kan det også godt :)
30. juni 2002 - 17:44 #8
... admin@enter-s.dk
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