Avatar billede nakhaii Nybegynder
27. februar 2007 - 22:14 Der er 11 kommentarer og
1 løsning

Skjult effekt

Hej Eksperter,

Hvordan laver man den effekt der er brugt på denne side www.rbk.dk/tilmelding/tilmelding.asp?id=332.

Når man klikker på enten herredouble, damedouble eller mixdouble?

Det skal kunne laves i php.
Avatar billede masik7 Nybegynder
27. februar 2007 - 22:24 #1
Det kan ikke laves med PHP, men fx. JavaScript, som de har på den der side..
Avatar billede nakhaii Nybegynder
27. februar 2007 - 22:30 #2
Ok, men er det så muligt at du evt. kunne give en kode eller lignende som kan implementeres i PHP?

Da jeg står og mangler det lidt akut.
Avatar billede simplus Nybegynder
27. februar 2007 - 22:34 #3
<script type="text/javascript">
  function toggle(lagNavn) {
    var obj = document.getElementById(lagNavn);
    if(obj)
      obj.style.display=(obj.offsetHeight==0?'block':'none');
  }
</script>

    <span onclick="toggle('link1');return false"><input type="checkbox" name="check">
<span><br>
    <div id="link1" style="display:none; padding: 5px;">
    DIT INDHOLD
    </div>



Mon ikke det skulle kunne gøre det?
Avatar billede nakhaii Nybegynder
27. februar 2007 - 22:55 #4
Der kommer da ikke noget flueben i checkfeltet. Men ellers fungerer det
Avatar billede jakobdo Ekspert
28. februar 2007 - 08:36 #5
Du skal lave noget i stil med:
<script type="text/javascript">
    function toggle(lagNavn)
    {
        var obj = document.getElementById(lagNavn);
        if(obj)
            obj.style.display=(obj.offsetHeight==0?'block':'none');
    }
</script>

<input onclick="toggle('link1');" type="checkbox" name="check" /><br />
<div id="link1" style="display:none; padding: 5px;">DIT INDHOLD</div>

i toggle() skal du så kontrollere om checkboxen er checked eller ej.
Er den checked, så skal div'en vises, hvis ikke, så skal den hiddes.
Avatar billede nakhaii Nybegynder
28. februar 2007 - 15:55 #6
Burger du nedstående har du to checkbokse. Klikker du først i den ene og derefter i den 2. lukker den første. Starter du med at klikke i nr. 2 åbner begge. De skal helst arbejde uafhængig af hinanden, samt skal der komme et hak i boksen. Så hvad skal der gøres ?

<head>
<script type="text/javascript">
  function toggle(lagNavn) {
    var obj = document.getElementById(lagNavn);
    if(obj)
      obj.style.display=(obj.offsetHeight==0?'block':'none');
  }
</script>
</head>

<body>

    <span onclick="toggle('link1');return false"><input type="checkbox" name="check">
<span><br>
    <div id="link1" style="display:none; padding: 5px;">
    DIT INDHOLD
    </div>
        <span onclick="toggle('link2');return false"><input type="checkbox" name="check2">
<span><br>
    <div id="link2" style="display:none; padding: 5px;">
    DIT INDHOLD2
    </div>

</body>
Avatar billede simplus Nybegynder
28. februar 2007 - 16:42 #7
Ja jeg kom til at sætte onclick i en span istedet for på selve input elementet. De rettelser jakobdo har gjort gør at scriptet fungere som det skal.

Med hensyn til hvis du vil have flere end 1 checkboxe jamen så skal du bare kopiere og sætte en nyt input element i og ændre link1 til link2 osv.
Avatar billede jakobdo Ekspert
28. februar 2007 - 16:52 #8
Prøv at se denne kode:

<html>
<head>
<script type="text/javascript">
    function toggle(myObj,lagNavn)
  {
        var obj = document.getElementById(lagNavn);
        if(obj)
        {
            if(myObj.checked == true)
            {
                myObj.checked = true;
                obj.style.display='block';
            }
            else
            {
                myObj.checked = false;
                obj.style.display='none';
            }
        }
  }
</script>
</head>
<body>
    Option 1: <input onclick="toggle(this,'link1');return true;" type="checkbox" name="check"><br />
    <div id="link1" style="display:none; padding: 5px;">Option 1</div>
  Option 2: <input onclick="toggle(this,'link2');" type="checkbox" name="check2"><br />
    <div id="link2" style="display:none; padding: 5px;">Option 2</div>
</body>
</html>
Avatar billede nakhaii Nybegynder
28. februar 2007 - 16:58 #9
Ok hvad så hvis du vil have nogle indput felter koblet på. Det vil sige de skal komme frem når man klikker i checkboksen?
Avatar billede jakobdo Ekspert
28. februar 2007 - 18:53 #10
Dem smider du så herind i mellem:

<div id="link1" style="display:none; padding: 5px;">PUT INPUT FELTRE HER.....</div>
Avatar billede nakhaii Nybegynder
12. april 2007 - 22:13 #11
lukker
Avatar billede jakobdo Ekspert
13. april 2007 - 09:16 #12
Selv tak for hjælpen!
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