Avatar billede fantomas Nybegynder
10. oktober 2001 - 17:35 Der er 2 kommentarer og
1 løsning

layers med listbox i Explorer 5.5

Hej Alle Sammen

Jeg er i gang med at lave en form med flere lag, hvor jeg bruger lag.
I nedestående kode, kan man stadig se listboxene selvom man klikker på de andre faneblade. Hvordan
undgås det ?


<html>
<head>
<title>Indtast opgave</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) { //v3.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); return x;
}

function tmt_DivOnTop(theDiv){
    var t = 0;var z = (document.layers) ? \".zIndex\" : \".style.zIndex\";
    var fun = (document.getElementById) ? \"document.getElementById\" : \"MM_findObj\";
    var arr = (document.layers) ? document.layers : (document.all) ? document.all.tags(\"DIV\") : document.getElementsByTagName(\"DIV\");
    for(var i=0;i<arr.length;i++){var oz = eval(\"arr[\"+i+\"]\"+z);if(oz > t){t = oz;}}
    var obj = eval(fun+\"(theDiv)\");if(obj)eval(fun+\"(\'\"+theDiv+\"\')\"+z+\"=parseInt(\"+t+\")+1\");
}
//-->
</script>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<p><img src=\"gulfane.gif\" onClick=\"tmt_DivOnTop(\'side1\')\"><img src=\"gronfane.gif\" width=\"43\" height=\"30\" onClick=\"tmt_DivOnTop(\'side2\')\"><img src=\"rodfane.gif\" width=\"43\" height=\"30\" onClick=\"tmt_DivOnTop(\'side3\')\"><img src=\"blaafane.gif\" width=\"43\" height=\"30\" onClick=\"tmt_DivOnTop(\'side4\')\"></p>
<div id=\"side1\" style=\"position:absolute; width:830px; height:358px; z-index:5; top: 28px; left: 0px; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: visible\">
  <table border=\"0\" align=\"left\" width=\"800\">
    <tr colspan=\"4\">
      <td width=\"80\">&nbsp;</td>
      <td width=\"200\">&nbsp;</td>
      <td width=\"80\">&nbsp;</td>
      <td width=\"440\">&nbsp;</td>
    </tr>
    <tr>
      <td width=\"80\"><font face=\"Arial\">Navn:</font></td>
      <td width=\"200\">
        <div align=\"left\"> <font face=\"Arial\">
          <input type=\"text\" name=\"textfield\">
          </font></div>
      </td>
      <td width=\"80\"><font face=\"Arial\">Bestiller:</font></td>
      <td width=\"440\">
        <div align=\"left\"> <font face=\"Arial\">
          <input type=\"text\" name=\"textfield3\" value=\"Navn &lt;e@mail.dk&gt;\">
          </font></div>
      </td>
    </tr>
    <tr>
      <td width=\"80\"><font face=\"Arial\">Oprettet:</font></td>
      <td width=\"200\">
        <div align=\"left\"> <font face=\"Arial\">
          <input type=\"text\" name=\"textfield2\" value=\"0000-00-00\">
          </font></div>
      </td>
      <td width=\"80\"><font face=\"Arial\">Deadline:</font></td>
      <td width=\"440\">
        <div align=\"left\"> <font face=\"Arial\">
          <input type=\"text\" name=\"textfield4\" value=\"0000-00-00\">
          </font></div>
      </td>
    </tr>
    <tr>
      <td width=\"80\"><font face=\"Arial\">Modtager:</font></td>
      <td width=\"200\" align=\"left\">
        <div align=\"left\"> <font face=\"Arial\">
          <input type=\"text\" name=\"textfield5\" value=\"Navn &lt;e@mail.dk&gt;\">
          </font></div>
      </td>
      <td width=\"80\"><font face=\"Arial\">N&oslash;rd:</font></td>
      <td width=\"440\"> <font face=\"Arial\">
        <select name=\"select\" size=\"1\">
          <option value=\"1\" selected> Ikke taget</option>
          <option value=\"2\">Jens H. Nielsen</option>
          <option value=\"3\">Arthur Hjort</option>
          <option value=\"4\">Rasmus Dellgren</option>
          <option value=\"5\">Casper Larsen</option>
          <option value=\"6\">Michael Shermann</option>
        </select>
        </font></td>
    </tr>
    <tr>
      <td width=\"80\"><font face=\"Arial\">Prioitet:</font></td>
      <td width=\"200\"> <font face=\"Arial\">
        <select name=\"select4\" size=\"1\">
          <option value=\"1\">Asap</option>
          <option value=\"2\">Haster</option>
          <option value=\"3\" selected>Normal</option>
          <option value=\"4\">Rart at have</option>
        </select>
        </font></td>
      <td width=\"80\"><font face=\"Arial\">Status:</font></td>
      <td width=\"440\"> <font face=\"Arial\">
        <select name=\"select3\" size=\"1\">
          <option value=\"1\" selected>&aring;ben</option>
          <option value=\"2\">i gang</option>
          <option value=\"3\">f&aelig;rdig</option>
          <option value=\"4\">venter</option>
        </select>
        </font></td>
    </tr>
    <tr>
      <td width=\"80\"><font face=\"Arial\">Type:</font></td>
      <td width=\"200\"><font face=\"Arial\">
        <select name=\"select2\" size=\"1\">
          <option value=\"1\" selected>BQL</option>
          <option value=\"2\">MarkIV</option>
          <option value=\"3\">Excell</option>
          <option value=\"4\">Access</option>
          <option value=\"5\">Andet</option>
        </select>
        </font></td>
      <td width=\"80\">&nbsp;</td>
      <td width=\"440\">&nbsp;</td>
    </tr>
    <tr>
      <td width=\"80\">&nbsp;</td>
      <td width=\"200\"> <font face=\"Arial\"> </font></td>
      <td width=\"80\">&nbsp;</td>
      <td width=\"440\">&nbsp;</td>
    </tr>
    <tr>
      <td width=\"80\"><font face=\"Arial\">Form&aring;l:</font></td>
      <td colspan=\"3\" rowspan=\"2\">
        <textarea name=\"textfield6\" cols=\"90\" rows=\"6\"></textarea>
      </td>
    </tr>
    <tr>
      <td width=\"80\">&nbsp;</td>
    </tr>
  </table>
</div>
<div id=\"side2\" style=\"position:absolute; width:830px; height:358px; z-index:3; left: 0px; top: 28px; background-color: #00FF00; layer-background-color: #00FF00; border: 1px none #000000; visibility: visible\">
  <table border=\"0\" width=\"800\">
    <tr>
      <td width=\"80\">&nbsp; </td>
      <td width=\"720\">&nbsp; </td>
    </tr>
    <tr>
      <td width=\"80\">Kriterier:</td>
      <td rowspan=\"2\" width=\"720\">
        <textarea name=\"textfield7\" cols=\"90\" rows=\"16\"></textarea>
      </td>
    </tr>
    <tr>
      <td width=\"80\">&nbsp;</td>
    </tr>
  </table>
</div>
<div id=\"side3\" style=\"position:absolute; width:830px; height:358px; z-index:2; left: 0px; top: 28px; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000; visibility: visible\">
  <table border=\"0\" width=\"800\">
    <tr>
      <td width=\"80\">&nbsp;</td>
      <td width=\"720\">&nbsp;</td>
    </tr>
    <tr>
      <td width=\"80\"><font face=\"Arial\">Layout:</font></td>
      <td rowspan=\"2\" width=\"720\">
        <textarea name=\"textfield8\" cols=\"90\" rows=\"10\"></textarea>
      </td>
    </tr>
    <tr>
      <td width=\"80\">&nbsp;</td>
    </tr>
    <tr>
      <td width=\"80\"><font face=\"Arial\">Sortering:</font></td>
      <td width=\"720\">
        <input type=\"text\" name=\"textfield9\">
      </td>
    </tr>
    <tr>
      <td width=\"80\"><font face=\"Arial\">Andet:</font></td>
      <td rowspan=\"3\" width=\"720\">
        <textarea name=\"textfield10\" cols=\"90\" rows=\"4\"></textarea>
      </td>
    </tr>
    <tr>
      <td width=\"80\">&nbsp;</td>
    </tr>
  </table>
</div>
<div id=\"side4\" style=\"position:absolute; width:830px; height:358px; z-index:1; left: 0px; top: 28px; background-color: #0066FF; layer-background-color: #0066FF; border: 1px none #000000; visibility: visible\">
  <table border=\"0\" width=\"800\">
    <tr>
      <td width=\"80\">&nbsp; </td>
      <td width=\"720\">&nbsp; </td>
    </tr>
    <tr>
      <td width=\"80\">Svar:</td>
      <td rowspan=\"2\" width=\"720\">
        <textarea name=\"textfield11\" cols=\"90\" rows=\"16\"></textarea>
      </td>
    </tr>
    <tr>
      <td width=\"80\">&nbsp;</td>
    </tr>
  </table>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<br>
<br>
<p>
  <input type=\"submit\" name=\"Submit\" value=\"Opdater\">
  <input type=\"reset\" name=\"Submit2\" value=\"Reset\">
  <input type=\"submit\" name=\"Submit4\" value=\"Slet\">
  <input type=\"submit\" name=\"Submit3\" value=\"Send\">
  <input type=\"submit\" name=\"Submit5\" value=\"Print\">
</p>
</body>
</html>



Avatar billede fantomas Nybegynder
10. oktober 2001 - 17:38 #1
Det skal måske lige siges at når jeg indlæser siden åp min Mac med Explorer 5.5. Ser det korrekt ud, men når det indlæses på Explorer 5.5 på PC, tja så går den i ged.
Avatar billede jakoba Nybegynder
10. oktober 2001 - 18:08 #2
Det kan desværre ikke undgås.  <select  ligger (ligesom en <iframe ) automatisk på et højere z-index end du normalt kan stille et lag til.

Der er vis noget med at man kan placere et så højt lag i IE6, men ellers går det bare ikke.

mvh JakobA
Avatar billede stigc Nybegynder
10. oktober 2001 - 18:22 #3
du kan bruge iframes i stedet for layers. De kan lægges højere end en selectbox. Virker desværre ikke i Netscape!
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