Avatar billede swasper Nybegynder
10. maj 2000 - 13:36 Der er 13 kommentarer og
1 løsning

show/hide layers

Hvrodan laver man sådan at når man kører musen hen over et link så popper der et nyt lag op med en række menuer i, som man kan klikke på, layeren skal selvfølgelig forsvinde når man flytter musen der fra ??.
Avatar billede mariah Nybegynder
10. maj 2000 - 14:09 #1
jeg har en fil, med koderne. Send mig din email. mariah@mailme.dk
Avatar billede swasper Nybegynder
10. maj 2000 - 14:15 #2
mariah> Jeg har sendt en mail til dig med min mail adresse...
Avatar billede kermit Nybegynder
10. maj 2000 - 14:17 #3
Hej Mariah ... Må jeg ikke også være så heldig ?

mailme@kermit.dk
Avatar billede mariah Nybegynder
10. maj 2000 - 14:19 #4
kermit - din mailadresse er det ikke nærmere kermit@mailme.dk??

Ved i forøvrigt hvorfor man ikke kan få en tabel i Netscape til at blivwe 100 % høj???

Har I et javascript eller noget andet??
Avatar billede moses Praktikant
10. maj 2000 - 14:32 #5
Jeg kunne også godt tænke mig ....

Og mig ....

Osse mig .....

Jeg vil også ......

Kan vi ikke få den ski...  kode her på Experten, som det er tiltænkt !!!!!
Avatar billede swasper Nybegynder
10. maj 2000 - 14:33 #6
Nej den er god nok, Kermit's e-mail adresse er mailme@kermit.dk!!
Avatar billede swasper Nybegynder
10. maj 2000 - 14:35 #7
mariah> bliver det i dag du sender koden til mig eller hva' ? :-)
Avatar billede mariah Nybegynder
10. maj 2000 - 14:37 #8
ök så få i den her - så er i glade, og det er jeg også....


<html>
<head>
<title>Undermenuer i layers</title>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="../main.css">
<script language="JavaScript">
<!--

function MM_showHideLayers() { //v2.0
  var i, visStr, args, theObj;
  args = MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr  = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) { //IE
      if (visStr == 'show') visStr = 'visible'; //convert vals
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;
  } }
}
//-->
</script>
</head>

<body>
<div id="Layer1" style="position:absolute; left:125px; top:25px; width:750px; height:255px; z-index:1; visibility: visible">
<h3>Undermenu i layers</h3>

</div>
<span id="Layer2" style="position:absolute; left:125px; top:109px; width:125; height:255px; z-index:2; visibility: visible">
  <a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','show','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')"><img src="Images/soeg.gif" width="100" height="20" border="0"></a><br>
</span>
<span id="Layer3" style="position:absolute; left:125px; top:129px; width:125; height:255px; z-index:3; visibility: visible">
  <a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','show','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')"><img src="Images/ehandel.gif" width="100" height="20" border="0"></a><br>
</span>
<span id="Layer4" style="position:absolute; left:125px; top:149px; width:125; height:255px; z-index:4; visibility: visible">
  <a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','show')"><img src="Images/foretrukne.gif" width="100" height="20" border="0"></a><br>
</span>
<span id="Layer5" style="position:absolute; left:250px; top:109px; width:400; height:255px; z-index:5; visibility: hidden">
<a href="http://www.altavista.com">Altavista</a><br>
<a href="http://www.webcrawler.com">Webcrawler</a><br>
<a href="http://www.jubii.dk">Jubii</a><br>
<a href="http://www.kvasir.dk">Kvasir</a><br>
</span>
<span id="Layer6" style="position:absolute; left:250px; top:129px; width:255px; height:256px; z-index:6; visibility: hidden">
<a href="http://www.iso.dk">Iso</a><br>
<a href="http://www.stop4u.com">Stop For You</a><br>
<a href="http://center.jubii.dk/">Jubii Butikscenter</a><br>
<a href="http://www.zoom.dk/">Danmarks shoppingguide</a><br>
</span>
<span id="Layer7" style="position:absolute; left:250px; top:149px; width:257px; height:257px; z-index:7; visibility: hidden">
<a href="http://www.tv2.dk">TV2</a><br>
<a href="http://www.dr.dk">DR</a><br>
<a href="http://www.dmi.dk">Danmarks Meteorologiske Institut</a><br>
<a href="http://www.tele.dk">TeleDanmark</a><br>
<a href="http://www.dsb.dk">DSB</a><br>
</span>
<div id="Layer8" style="position:absolute; left:125px; top:400px; width:750px; height:255px; z-index:8; visibility: visible">

</div>
</body>
</html>
Avatar billede swasper Nybegynder
10. maj 2000 - 14:40 #9
mariah> jeg kan først accepterer dit svar i aften når jeg har testet din kode :-)
Avatar billede mariah Nybegynder
10. maj 2000 - 14:43 #10
ok, med mig
Avatar billede krogstrup Nybegynder
10. maj 2000 - 15:05 #11
Hej alle

Nu har jeg modificeret scriptet således at lagene forsvinder når man fjerner musen fra laget, MEN MEN MEN:

Ved punkt 1 har jeg gjort således at der kun kommer ren tekst frem i laget og her virker scriptet fuldstændig efter hensigten, men i punkt 2 og 3 har jeg indsat links i lagene og her forsvinder laget med det samme jeg kører musen hen over linksene og det er jo ikke meningen.

Det lyder forvirrende, men prøv at teste nedenstående kode, så forstår i hvad jeg mener...

Er der nogen der har løsningen på den med linksene ???

________________________________

<html>
<head>
<title></title>

<script language="JavaScript">
<!--

function MM_showHideLayers() { //v2.0
  var i, visStr, args, theObj;
  args = MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr  = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) { //IE
      if (visStr == 'show') visStr = 'visible'; //convert vals
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;
  } }
}
//-->
</script>

</head>

<body>

<span id="Layer2" style="position:absolute; left:125px; top:109px; width:125; height:255px; z-index:2; visibility: visible">
<a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','show','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')">Punkt 1</a><br></span>

<span id="Layer3" style="position:absolute; left:125px; top:129px; width:125; height:255px; z-index:3; visibility: visible">
<a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','show','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')">Punkt 2</a><br></span>

<span id="Layer4" style="position:absolute; left:125px; top:149px; width:125; height:255px; z-index:4; visibility: visible">
  <a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','show')">Punkt 3</a><br></span>

<span id="Layer5" style="position:absolute; left:250px; top:109px; width:400; height:255px; z-index:5; visibility: hidden;" onMouseOut="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')">
Altavista<br>
Webcrawler<br>
Jubii<br>
Kvasir<br>
</span>

<span id="Layer6" style="position:absolute; left:250px; top:129px; width:255px; height:256px; z-index:6; visibility: hidden" onMouseOut="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')">
<a href="http://www.iso.dk">Iso</a><br>
<a href="http://www.stop4u.com">Stop For You</a><br>
<a href="http://center.jubii.dk/">Jubii Butikscenter</a><br>
<a href="http://www.zoom.dk/">Danmarks shoppingguide</a><br>
</span>

<span id="Layer7" style="position:absolute; left:250px; top:149px; width:257px; height:257px; z-index:7; visibility: hidden" onMouseOut="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')">
<a href="http://www.tv2.dk">TV2</a><br>
<a href="http://www.dr.dk">DR</a><br>
<a href="http://www.dmi.dk">Danmarks Meteorologiske Institut</a><br>
<a href="http://www.tele.dk">TeleDanmark</a><br>
<a href="http://www.dsb.dk">DSB</a><br>
</span>




</body>
</html>
Avatar billede stoffer Nybegynder
10. maj 2000 - 15:59 #12
Avatar billede stoffer Nybegynder
10. maj 2000 - 16:00 #13
mariah ---> du skulle vel ikke tilfældigvis være fra IMMA :)
Avatar billede olebole Juniormester
11. maj 2000 - 01:50 #14
<ole>
krogstrup >> Du skal bare bruge NS, så er der ingen problemer med noget, der forsvinder, når du kører over links'ne...der er der nemlig intet, der forsvinder - under nogen omstændigheder ;-)

Prøv stoffers Eksperten-link - eller, hvis det skal være helt 'pro', så check 'The Dynamic Duo' på:
    http://www.dansteinman.com
Det er www's ULTIMATIVE DHTML tutorial. Han klasker bratta.com og dynamicdrive.com LANGT op ad væggen.

stoffer >> Det har VIRKELIG rykket for mig siden vi krydsede klinger i det spørgsmål...takket være Dan Steinman - og spacey her fra Eksperten, som var den, der gjorde mig opmærsom på hans eksistens. Tak til de to!
/Vh
</bole>
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