Avatar billede manon Nybegynder
20. august 2000 - 15:00 Der er 20 kommentarer og
1 løsning

Layers ser underlig ud - optimering af script.

Hvorfor ser dette underligt ud ?

Hvem kan hjælpe mig med at rette de fejl der er på denne side?

Det er en ganske almindelig html side, som er lavet i Dreamweaver 3.0 og skal indeholde en menuknap som folder sig ud og viser en undermenu.

Måden det kan gøres på i dreamweaver, er at benytte sig af \"Layers\"!

Nu kommer så mine spm.:

1.: Hvorfor kan man ikke se den tekst som bliver skrevet inde på selve siden ? Dvs at undermenuens \"slukkelag\" gemmer den almindelig tekst! (den transparent.gif skulle jo være gennemsigtig!)

2.: Hvorfor indikeres at der er et link under menuen - der hvor undermenuen folder sig ud, dvs at musen skifter til en hånd, når undermenuen er foldet sammen ?

3.: Hvorfor fjerne menuen sig ikke af sig selv, men kun hvis man fører musen over toppen af \"knappen\" ?

4.: Hvordan kan man få dette til at se godt ud i NS ??

5.: Kan der bruges andre \"javascripts/DHTML\" methoder og hvordan? (hele løsninger-ingen links)!


Jeg vil ikke have - her kan du se/læse/lære link ! Jeg har brug for en gennemgået og brugbar \"trinfortrin\" løsning eller rettelser på selve scriptet :-)

Håber i kan hjælpe mig.


==========citat start =================

<html>
<head>
<title>testside</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
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 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 link=\"#FFFFFF\" vlink=\"#CCCCCC\" alink=\"#660000\" bgcolor=\"#FFFFFF\">
<div id=\"menu\" style=\"position:absolute; width:90; height:20; z-index:2; background-color: #006600; layer-background-color: #006600; border: 1px none #000000; left: 100; top: 100\"><font color=\"#FFFFFF\"><a href=\"#\" onMouseOver=\"MM_showHideLayers(\'menuemner\',\'\',\'show\')\">Main
  Link 1</a></font></div>
<div id=\"menuemner\" style=\"position:absolute; width:90; height:90; z-index:3; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 100; top: 120; visibility: hidden\">
  <font color=\"#FFFFFF\"><a href=\"#\">side1</a><br>
  <a href=\"#\">side2</a><br>
  <a href=\"#\">side3</a><br>
  <a href=\"#\">side4</a><br>
  <a href=\"#\">side5</a><br>
  <a href=\"#\">side6</a></font></div>
<p>&nbsp;</p>
<div id=\"slukkelag\" style=\"position:absolute; width:145px; height:145px; z-index:1; left: 82px; top: 89px\"><a href=\"#\" onMouseOver=\"MM_showHideLayers(\'menuemner\',\'\',\'hide\')\"><img src=\"images/transperant.gif\" width=\"124\" height=\"127\" border=\"0\"></a></div>
</body>
</html>


===================citat slut===========
Avatar billede manon Nybegynder
20. august 2000 - 15:02 #1
Nå - det skulle gerne se sådan her ud, cirka :-)

http://www.bratta.com/dhtml/howtos/coolmenus/example1.html
Avatar billede olebole Juniormester
21. august 2000 - 02:29 #2
<ole>
Det ser da skide godt ud på Mac...!?!
Funker perfekt - jeg kan se teksten igennem - X-browser...jeg kan ikke finde på mere at forlange  ;o)
Det skulle da lige være, hvis andre PC-brugere oplever de fejl, du beskriver. Men jeg kan ikke se, der skulle vre noget galt med den metode, du bruger...meget snedigt iøvrigt med den gif  ;o)
/Vh
</bole>
Avatar billede manon Nybegynder
21. august 2000 - 02:37 #3
HEEEEEEEEEEEJ Ole

det er lige dig jeg har brug for - hvor har du dog været ??? *GGG*

Mener du det ? Ser det godt ud på Mac ??
Jeg har fundet ud af hvordan jeg laver en gennemsigtig.gif - så derfor kan man godt se teksten nu *GG*

Men kan du svare på spm nr.2+3+4???

Avatar billede olebole Juniormester
21. august 2000 - 03:05 #4
2+3 >> Du skal også tænde / slukke dit \'slukkelag\'. Hvis ikke du gør det, ligger din gif jo stadig med sin onmouseover på.
Du kalder bare to funktioner efter hinanden med \';\' imellem - både i din mouseover og mouseout.
4 >> Det SER godt ud i NS!  ;o)
/Vh
Avatar billede olebole Juniormester
21. august 2000 - 03:07 #5
Det vil selvfølgelig også sige, at du skal starte med \'slukkelag\' som \'hidden\'.

Gif\'en vil også ligge og \'skygge\' for evt. links, hvis ikke du gemmer den.
Avatar billede olebole Juniormester
21. august 2000 - 03:12 #6
Undskyld...punkt 3 kan jeg ikke besvare. Det gør den hos mig!

Prøv evt, at bruge en gul gif og en rød baggrundsfarve på \'slukkelag\'. Bare for at checke positionerne.
Avatar billede manon Nybegynder
21. august 2000 - 03:18 #7
øhhh....du siger: \"Du kalder bare to funktioner efter hinanden med \';\' imellem - både i din mouseover og mouseout\"..........

Hvor i scriptet?? ;-)

og så siger du: at jeg skal starte med et slukkelag som hidden ???
Avatar billede olebole Juniormester
21. august 2000 - 03:21 #8
<html>
<head>
<title>testside</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
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 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 link=\"#FFFFFF\" vlink=\"#CCCCCC\" alink=\"#660000\" bgcolor=\"#FFFFFF\">
<div id=\"menu\" style=\"position:absolute; width:90; height:20; z-index:2; background-color: #006600; layer-background-color: #006600; border: 1px none #000000; left: 100; top: 100\"><font color=\"#FFFFFF\"><a href=\"#\" onMouseOver=\"MM_showHideLayers(\'menuemner\',\'\',\'show\');MM_showHideLayers(\'slukkelag\',\'\',\'show\')\">Main
  Link 1</a></font></div>
<div id=\"menuemner\" style=\"position:absolute; width:90; height:90; z-index:3; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 100; top: 120; visibility: hidden\">
  <font color=\"#FFFFFF\"><a href=\"#\">side1</a><br>
  <a href=\"#\">side2</a><br>
  <a href=\"#\">side3</a><br>
  <a href=\"#\">side4</a><br>
  <a href=\"#\">side5</a><br>
  <a href=\"#\">side6</a></font></div>
<p>&nbsp;</p>
<div id=\"slukkelag\" style=\"position:absolute; width:145px; height:145px; z-index:1; left: 82px; top: 89px\"; visibility: hidden;><a href=\"#\" onMouseOver=\"MM_showHideLayers(\'menuemner\',\'\',\'hide\');MM_showHideLayers(\'slukkelag\',\'\',\'hide\')\"><img src=\"transperant.gif\" width=\"124\" height=\"127\" border=\"0\"></a></div>
</html>
Avatar billede olebole Juniormester
21. august 2000 - 03:23 #9
Ups...jeg har forkortet stien til din gif. Husk lige at sætte \'images/\' ind.
Avatar billede olebole Juniormester
21. august 2000 - 03:26 #10
Dobbelt UPS...flyt lige gåseøjnene her:
    ........ left: 82px; top: 89px\"; visibility: hidden;>........
hen for enden, sådan:
    ........ left: 82px; top: 89px; visibility: hidden;\">........
Avatar billede manon Nybegynder
21. august 2000 - 04:52 #11
Hej igen Ole

Dit script virker fint, men .......(*en eller anden dah lærer jeg det nok*).....når jeg så vil tilføje flere menuer, så går der koks i den! Hvorfor vil dette her ikke virker?

( er en ny side )

<html>
<head>
<title>testside</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
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 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 link=\"#FFFFFF\" vlink=\"#CCCCCC\" alink=\"#660000\" bgcolor=\"#FFFFFF\">
<div id=\"menu\" style=\"position:absolute; width:90; height:20; z-index:2; background-color: #006600; layer-background-color: #006600; border: 1px none #000000; left: 100; top: 100\"><font color=\"#FFFFFF\"><a href=\"#\" onMouseOver=\"MM_showHideLayers(\'menuemner\',\'\',\'show\');MM_showHideLayers(\'slukkelag\',\'\',\'show\')\"><font size=\"2\" face=\"Times New Roman, Times, serif\">Main
  Link 1</font></a></font></div>
<div id=\"menuemner\" style=\"position:absolute; width:90; height:90; z-index:3; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 100; top: 120; visibility: hidden\">
  <font color=\"#FFFFFF\"><a href=\"#\">side1</a><br>
  <a href=\"#\">side2</a><br>
  <a href=\"#\">side3</a><br>
  <a href=\"#\">side4</a><br>
  <a href=\"#\">side5</a><br>
  <a href=\"#\">side6</a></font></div>
<p>&nbsp;</p>
<div id=\"slukkelag\" style=\"position:absolute; width:228px; height:177px; z-index:1; left: 82px; top: 89px; visibility: hidden;\"><a href=\"#\" onMouseOver=\"MM_showHideLayers(\'menuemner\',\'\',\'hide\',\'menuemner2\',\'\',\'hide\');MM_showHideLayers(\'slukkelag\',\'\',\'hide\')\"><img src=\"images/transperant.gif\" width=\"213\" height=\"158\" border=\"0\"></a></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id=\"menu2\" style=\"position:absolute; width:90; height:20; z-index:4; background-color: #006600; layer-background-color: #006600; border: 1px none #000000; left: 200; top: 100\"><font color=\"#FFFFFF\"><a href=\"#2\" onMouseOver=\"MM_showHideLayers(\'menuemner2\',\'\',\'show\');MM_showHideLayers(\'slukkelag\',\'\',show\')\"><font face=\"Times New Roman, Times, serif\" size=\"2\">Main
  Link 2</font></a></font></div>
<div id=\"menuemner2\" style=\"position:absolute; width:90; height:90; z-index:6; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 199px; top: 111px; visibility: hidden\">
  <font color=\"#FFFFFF\"><a href=\"#\">side7</a><br>
  <a href=\"#\">side8</a><br>
  <a href=\"#\">side9</a><br>
  <a href=\"#\">side10</a><br>
  <a href=\"#\">side11</a><br>
  <a href=\"#\">side12</a></font></div>
<p>&nbsp;

<p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p>
<p align=\"center\">&nbsp;</p>
</html>
Avatar billede manon Nybegynder
21. august 2000 - 04:53 #12
Ps: forhøjer lige pointværdien til 200 - bare for god ordens skyld :-)
Avatar billede olebole Juniormester
21. august 2000 - 05:07 #13
Du havde glemt et gåseøje ved \'show\' i det andet kald i Menu2. Og så er left-og topværdier for \'menuemner2\'  korrigeret.

<html>
<head>
<title>testside</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
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 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 link=\"#FFFFFF\" vlink=\"#CCCCCC\" alink=\"#660000\" bgcolor=\"#FFFFFF\">
<div id=\"menu\" style=\"position:absolute; width:90; height:20; z-index:2; background-color: #006600; layer-background-color: #006600; border: 1px none #000000; left: 100; top: 100\"><font color=\"#FFFFFF\"><a href=\"#\" onMouseOver=\"MM_showHideLayers(\'menuemner\',\'\',\'show\');MM_showHideLayers(\'slukkelag\',\'\',\'show\')\"><font size=\"2\" face=\"Times New Roman, Times, serif\">Main
  Link 1</font></a></font></div>
<div id=\"menuemner\" style=\"position:absolute; width:90; height:90; z-index:3; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 100; top: 120; visibility: hidden\">
  <font color=\"#FFFFFF\"><a href=\"#\">side1</a><br>
  <a href=\"#\">side2</a><br>
  <a href=\"#\">side3</a><br>
  <a href=\"#\">side4</a><br>
  <a href=\"#\">side5</a><br>
  <a href=\"#\">side6</a></font></div>
<p>&nbsp;</p>
<div id=\"slukkelag\" style=\"position:absolute; width:228px; height:177px; z-index:1; left: 82px; top: 89px; visibility: hidden;\"><a href=\"#\" onMouseOver=\"MM_showHideLayers(\'menuemner\',\'\',\'hide\',\'menuemner2\',\'\',\'hide\');MM_showHideLayers(\'slukkelag\',\'\',\'hide\')\"><img src=\"images/transperant.gif\" width=\"213\" height=\"158\" border=\"0\"></a></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id=\"menu2\" style=\"position:absolute; width:90; height:20; z-index:4; background-color: #006600; layer-background-color: #006600; border: 1px none #000000; left: 200; top: 100\"><font color=\"#FFFFFF\"><a href=\"#2\" onMouseOver=\"MM_showHideLayers(\'menuemner2\',\'\',\'show\');MM_showHideLayers(\'slukkelag\',\'\',\'show\')\"><font face=\"Times New Roman, Times, serif\" size=\"2\">Main
  Link 2</font></a></font></div>
<div id=\"menuemner2\" style=\"position:absolute; width:90; height:90; z-index:5; background-color: #009900; layer-background-color: #009900; border: 1px none #000000; left: 200px; top: 120px; visibility: hidden\">
  <font color=\"#FFFFFF\"><a href=\"#\">side7</a><br>
  <a href=\"#\">side8</a><br>
  <a href=\"#\">side9</a><br>
  <a href=\"#\">side10</a><br>
  <a href=\"#\">side11</a><br>
  <a href=\"#\">side12</a></font></div>
<p>&nbsp;

<p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p>
<p align=\"center\">&nbsp;</p>
</html>


/Vh
Avatar billede olebole Juniormester
21. august 2000 - 05:10 #14
Har du selv fundet på det med \'slukke-gif\'en\' ?
Avatar billede manon Nybegynder
21. august 2000 - 05:15 #15
Jubiiiiiiiiiiiiii - det virker *LOL*

Jeg er jo bund ærlig - så jeg må nok falde til patten - nej, det har jeg ikke fundet på - det har Dreamweaver og en tutorial som jeg fandt på nettet.
Avatar billede olebole Juniormester
21. august 2000 - 05:25 #16
;o)
Avatar billede manon Nybegynder
22. august 2000 - 14:51 #17
OLE !!!!!!!!

> jeg har lavet nogle tilføjelser til alt det der og er igen på dybt vand!
Jeg har brug for noget NS + Mac ekspertise/hjælp.

Skal jeg oprette et nyt spm så du kan få nolge point for din hjælp ?
Avatar billede olebole Juniormester
22. august 2000 - 20:29 #18
Skyd du bare  ;o)
Avatar billede manon Nybegynder
22. august 2000 - 21:44 #19
Ole > kan jeg skrive til dig over email ???
Avatar billede olebole Juniormester
22. august 2000 - 21:47 #20
Det ved jeg da ikke, om du kan finde ud af  ;oD
Check din manual og prøv!
/Vh
Avatar billede manon Nybegynder
22. august 2000 - 21:51 #21
Ole > har skrevet til dig :-)
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