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> </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===========
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.
20. august 2000 - 15:02
#1
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>
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???
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
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.
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.
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 ???
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> </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>
21. august 2000 - 03:23
#9
Ups...jeg har forkortet stien til din gif. Husk lige at sætte \'images/\' ind.
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;\">........
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> </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> </p> <p> </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> <p> </p><p> </p> <p> </p> <p align=\"center\"> </p> </html>
21. august 2000 - 04:53
#12
Ps: forhøjer lige pointværdien til 200 - bare for god ordens skyld :-)
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> </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> </p> <p> </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> <p> </p><p> </p> <p> </p> <p align=\"center\"> </p> </html> /Vh
21. august 2000 - 05:10
#14
Har du selv fundet på det med \'slukke-gif\'en\' ?
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.
21. august 2000 - 05:25
#16
;o)
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 ?
22. august 2000 - 20:29
#18
Skyd du bare ;o)
22. august 2000 - 21:44
#19
Ole > kan jeg skrive til dig over email ???
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
22. august 2000 - 21:51
#21
Ole > har skrevet til dig :-)
Vi tilbyder markedets bedste kurser inden for webudvikling