21. januar 2002 - 20:34Der er
14 kommentarer og 1 løsning
Drop down vindue sjover ting ;)
Jeg skal bruge noget simpelt dhtml... når man holder musen over et link eler bare et stykke text så skal den lave et float vindue hvor jeg bestemer farve text og alt det der. Når jeg så fjerne musen igen så skal den bare fjerne det... det er ikke en menu... jeg gider ikke links til andre spørgsmål! Ønsker bare en simpel klar løsning...
hmmm, det er jo bare et klik, men prøv dette forslag: <html> <head> <title>Untitled Document</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>
<html> <head> <title>Untitled Document</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\"> <p onMouseOver=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\" onMouseOut=\"MM_showHideLayers(\'Layer1\',\'\',\'hide\')\"> </p> <div id=\"Layer1\" style=\"position:absolute; width:25px; height:26px; z-index:1; visibility: visible; left: 34px; top: 90px\"><a href=\"#\" onMouseOver=\"MM_showHideLayers(\'Layer1\',\'\',\'show\',\'Layer2\',\'\',\'show\')\" onMouseOut=\"MM_showHideLayers(\'Layer1\',\'\',\'show\',\'Layer2\',\'\',\'hide\')\">link</a></div> <div id=\"Layer2\" style=\"position:absolute; width:200px; height:213px; z-index:2; left: 233px; top: 87px; visibility: hidden\">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div> </body> </html>
<html> <head> <title>Untitled Document</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\"> <p onMouseOver=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\" onMouseOut=\"MM_showHideLayers(\'Layer1\',\'\',\'hide\')\"> </p> <div id=\"Layer1\" style=\"position:absolute; width:37px; height:26px; z-index:1; visibility: visible; left: 34px; top: 90px\"> <p><a href=\"#\" onClick=\"MM_showHideLayers(\'Layer1\',\'\',\'show\',\'Layer2\',\'\',\'show\',\'Layer3\',\'\',\'hide\')\">link</a></p> <p><a href=\"#\" onClick=\"MM_showHideLayers(\'Layer1\',\'\',\'show\',\'Layer2\',\'\',\'hide\',\'Layer3\',\'\',\'show\')\">link2</a></p> </div> <div id=\"Layer2\" style=\"position:absolute; width:200px; height:213px; z-index:2; left: 233px; top: 87px; visibility: hidden\">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div> <div id=\"Layer3\" style=\"position:absolute; width:200px; height:212px; z-index:3; left: 234px; top: 88px; visibility: hidden\">en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst en anden tekst </div> </body> </html>
ups, havde ikke lige opdaget at linksne forsvandt, så her er der en uden fejl:-)
<html> <head> <title>Untitled Document</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\"> <p onMouseOver=\"MM_showHideLayers(\'Layer1\',\'\',\'show\')\" onMouseOut=\"MM_showHideLayers(\'Layer1\',\'\',\'hide\')\"> </p> <ul> <li><a href=\"#\" onClick=\"MM_showHideLayers(\'Layer2\',\'\',\'show\',\'Layer3\',\'\',\'hide\')\">link 1</a></li> <li><a href=\"#\" onClick=\"MM_showHideLayers(\'Layer2\',\'\',\'hide\',\'Layer3\',\'\',\'show\')\">link 2</a></li> </ul> <div id=\"Layer2\" style=\"position:absolute; width:200px; height:200px; z-index:2; left: 200px; top: 45px; visibility: hidden\">første link viser denne tekst bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div> <div id=\"Layer3\" style=\"position:absolute; width:200px; height:200px; z-index:3; left: 202px; top: 45px; overflow: auto; visibility: hidden\">dette lag viser teksten for andet link, trala la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la la </div> </body> </html>
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.