Avatar billede jammerlab Nybegynder
21. januar 2002 - 20:34 Der 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...
Avatar billede ztyxx Nybegynder
21. januar 2002 - 20:41 #1
Avatar billede jammerlab Nybegynder
21. januar 2002 - 20:42 #2
hehe som sagt ztyxx så gider jeg ikke modtage links til andre spørgsmål jeg vil havde svar på mit spørgsmål ;)
Avatar billede ztyxx Nybegynder
21. januar 2002 - 20:44 #3
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>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<table width=\"800\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td height=\"30\" width=\"383\">
      <div id=\"Layer1\" style=\"position:absolute; width:30px; height:30px; z-index:1; left: 40px; top: 15px; visibility: visible\" onMouseOver=\"MM_showHideLayers(\'Layer2\',\'\',\'show\',\'Layer1\',\'\',\'show\')\" onMouseOut=\"MM_showHideLayers(\'Layer2\',\'\',\'hide\',\'Layer1\',\'\',\'show\')\"><a href=\"#\">link</a></div>
    </td>
    <td height=\"30\" width=\"411\">
      <div id=\"Layer2\" style=\"position:absolute; width:30px; height:30px; z-index:2; visibility: hidden; left: 430px; top: 15\">tekst</div>
    </td>
  </tr>
  <tr>
    <td height=\"39\" width=\"383\">&nbsp;</td>
    <td height=\"39\" width=\"411\">&nbsp;</td>
  </tr>
</table>
</body>
</html>
Avatar billede ztyxx Nybegynder
21. januar 2002 - 20:51 #4
her er en hvor det ikke står i en tabel

<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\')\">&nbsp;</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>
Avatar billede jammerlab Nybegynder
21. januar 2002 - 21:01 #5
er det muligt at lave så det ikke er mouseover? Og ved at det først sker ved at man klikker på linket?
Avatar billede ztyxx Nybegynder
21. januar 2002 - 21:09 #6
sagtens her er ovenstående eks. ændret til det:

<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\')\">&nbsp;</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>
Avatar billede ztyxx Nybegynder
21. januar 2002 - 21:41 #7
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\')\">&nbsp;</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&oslash;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>
Avatar billede ztyxx Nybegynder
23. januar 2002 - 12:43 #8
kunne du bruge det???
Avatar billede jammerlab Nybegynder
24. januar 2002 - 21:14 #9
jep... men ... eh? Hvordan pokker acceptere jeg dit svar her i den nye version?
Avatar billede ztyxx Nybegynder
28. januar 2002 - 12:47 #10
hehe, det hjælper nok på det hvis jeg lægger et svar:-)
Avatar billede jammerlab Nybegynder
28. januar 2002 - 15:09 #11
lol så gød det da :)
Avatar billede jammerlab Nybegynder
28. januar 2002 - 15:09 #12
upz gør even
Avatar billede ztyxx Nybegynder
28. januar 2002 - 16:07 #13
hehe, det kører da det her :-)
Avatar billede jammerlab Nybegynder
28. januar 2002 - 16:14 #14
lol ja det kunne ikke gå bedre :D Tak for hjælpen
Avatar billede ztyxx Nybegynder
28. januar 2002 - 16:15 #15
hehe, velbekomme, takker for point:-)
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