Avatar billede crunch Nybegynder
22. november 2001 - 14:43 Der er 5 kommentarer og
1 løsning

show / hide layer..

Jeg har et stykke  html tekst,. jeg vil gerne have det sådan at når man kører musen over teksten vises / gemmes layeret. . Hvordan ?
Avatar billede nute Nybegynder
22. november 2001 - 14:46 #1
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<STYLE TYPE=\"text/css\">

#divOne {position:absolute;left:100px;top:125px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divTwo {position:absolute;left:120px;top:150px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divThree {position:absolute;left:130px;top:175px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divFour {position:absolute;left:140px;top:200px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}

</STYLE>

<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">

<!--
var ns, ns6, ie;

ns  = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie  = (document.all) ? true : false;

function showLayer( layer ){
  if( ns ){
        document.layers[layer].visibility = \"visible\";
    } else  if( ie ){
      document.all[ layer ].style.visibility = \"visible\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"visible\";
    }
}

function hideLayer( layer ){
  if( ns ){
        document.layers[layer].visibility = \"hidden\";
    } else  if( ie ){
      document.all[ layer ].style.visibility = \"hidden\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"hidden\";
    }
}

//-->
</SCRIPT>
<body>

<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divOne\');\" onMouseOut=\"hideLayer(\'divOne\');\">Show/hide \'divOne\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divTwo\');\" onMouseOut=\"hideLayer(\'divTwo\');\">Show/hide \'divTwo\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divThree\');\" onMouseOut=\"hideLayer(\'divThree\');\">Show/hide \'divThree\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divFour\');\" onMouseOut=\"hideLayer(\'divFour\');\">Show/hide \'divFour\'</a>
<div name=\"divOne\" id=\"divOne\">Insett din tekst her</div>
<div name=\"divTwo\" id=\"divTwo\">Insett din tekst her</div>
<div name=\"divThree\" id=\"divThree\">Insett din tekst her</div>
<div name=\"divFour\" id=\"divFour\">Insett din tekst her</div>

</body>
</html>

Avatar billede nikolajdu Nybegynder
22. november 2001 - 14:49 #2
Nute skal jeg så også komme med min version. Det er jo 2 populære scripts *LOL*
Avatar billede nute Nybegynder
22. november 2001 - 14:52 #3
jeg satt faktisk å ventet på deg :-D

PS!! legg merke til at jeg har laget mitt script olebole kompatibelt med visible/hidden ;-)
Avatar billede nikolajdu Nybegynder
22. november 2001 - 14:53 #4
Det kunne være jeg skulle tage mig sammen og lave Ole Bole beta version 0.9.
Avatar billede nute Nybegynder
22. november 2001 - 14:55 #5
det ville nok være smart. så slipper man for frmtidige skideballer :-)
Avatar billede crunch Nybegynder
23. november 2001 - 08:59 #6
tak. det va lige det.
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