Avatar billede werd Nybegynder
12. februar 2002 - 23:08 Der er 2 kommentarer og
1 løsning

onclick(expand)?

hvordan gør man sådan at hvis man klikker på et element viser den mere tekst??
Avatar billede hono Nybegynder
12. februar 2002 - 23:11 #1
En kode jeg fik af nute (er godt nok ved onmouseover, men det kan jo rettes):

<!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 = "show";
    } 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 ditt bilde her</div>
<div name="divTwo" id="divTwo">Insett ditt bilde her</div>
<div name="divThree" id="divThree">Insett ditt bilde her</div>
<div name="divFour" id="divFour">Insett ditt bilde her</div>

</body>
</html>
Avatar billede hono Nybegynder
12. februar 2002 - 23:32 #2
Jeg går udfra at dette spm. "hænger sammen" med dette: http://www.eksperten.dk/spm/171699 . Jeg har ikke tid til at kigge på koder, men her er en lille ide. Lav en variabel der ved onclick øges med en. Tjek ved onclick om variablen er lige eller ulige, og udfra dette afgøress om den ene eller den anden tekst skal vises.

Hono
Avatar billede werd Nybegynder
15. februar 2002 - 13:44 #3
har lavet en løsnin kun i html... denne løsning var ikke så brugbar i mit tilfælde...
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