CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mpjc Nybegynder

27. juli 2010 - 15:16 Der er 4 kommentarer og
1 løsning

Show / Hide script

Hej

Jeg har fundet dette script på nettet - http://woork.blogspot.com/2007/10/show-hide-layer-using-simple-javascript.html

Og det virker sådan set også fint - jeg vil bare gerne have det til at skjule teksten til at starte med og vise den når brugeren klikker på linket.

Aller nederst på http://woork.blogspot.com/2007/10/show-hide-layer-using-simple-javascript.html - er der en person som henviser til en kode der skulle gøre det - jeg kan dog bare ikke få koden til at virke.

Er der nogen som har mere forstand på Java end mig som vil fortælle mig, hvad jeg evt. gør forkert.

På forhånd tak for hjælpen.

Synes godt om

ggxdg Nybegynder

27. juli 2010 - 15:33 #1

Du kan vel bare style dit element til at være usynligt fra starten.

F.eks.:

<div id="divid1" style="display: none">
Jeg burde være gemt fra starten
</div>

Synes godt om

ggxdg Nybegynder

27. juli 2010 - 15:35 #2

Hvis det ikke giver nogen mening, eller ikke fungerer, så smid din kode ind, så vi kan se lidt på det.

Synes godt om

mpjc Nybegynder

27. juli 2010 - 15:41 #3

Tak for hjælpen GGXDG - hvorfor havde jeg ikke tænkt på display: none...

Havde hele tiden kørt med block!

Smider du et svar.

Synes godt om

ggxdg Nybegynder

27. juli 2010 - 15:47 #4

Jeg foretrækker at have alt i en stor rodet fil, så her har du lige det hele samlet:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>Untitled Document</title>

    <script language="javascript">
      function showlayer(layer){
        var myLayer = document.getElementById(layer).style.display;
        if(myLayer=="none"){
          document.getElementById(layer).style.display="block";
        } else { 
          document.getElementById(layer).style.display="none";
        }
      }
    </script>

  </head>


  <body>

    <div id="myName" style="display:none;">Antonio</div>

    <a href="#" onclick="java script:showlayer('myName')">Show/Hide Layer</a>
  </body>

</html>

Synes godt om

ggxdg Nybegynder

27. juli 2010 - 15:49 #5

svar her :P

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS