[CSS] voor dummies #16 | Digital Corner (DIG/DEV) - forum.fok.nl

DIG Digital Corner

Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.

Je bent niet ingelogd. Klik hier om in te loggen of hier om een gratis account aan te maken.

actieve topics nieuwe topics

abonnement Unibet Coolblue Bitvavo

actieve topics nieuwe topics

abonnement Unibet Coolblue Bitvavo

donderdag 23 juni 2011 @ 11:08:41 #301

#ANONIEM

#ANONIEM heeft geen usericon ingesteld

pi_98546152

Met javascript. Ik zoek voorbeeld, momento.

CSS:

1
2
3
4
5
6
7
8
9

#layer1 {
        visibility : visible;
        position : relative;
    }

    #layer2 {
        visibility : hidden;
        position : absolute;
    }

Javascript:

1
2
3
4
5
6
7
8
9
10
11
12
13

<script>
      function opendiv() {
      document.getElementById('layer2').style.visibility ='visible';
      document.getElementById('layer2').style.position ='relative';
      document.getElementById('layer3').style.visibility='hidden';
    }

    function closediv() {
      document.getElementById('layer2').style.visibility ='hidden';
      document.getElementById('layer2').style.position ='absolute';
      document.getElementById('layer3').style.visibility='visible';
    }
  </script>

HTML:

1
2
3
4
5
6
7

<div id="layer1">
              <a href="#" onclick="opendiv();" id="layer3">Toon melding</a>
          </div>
          <div id="layer2">
           Lorum text  <br>
            <a href="#" onclick="closediv();" id="layer3">Verberg melding</a>
          </div>

[ Bericht 0% gewijzigd door #ANONIEM op 23-06-2011 11:10:16 ]

actieve topics nieuwe topics

abonnement Unibet Coolblue Bitvavo

PRIVACYBELEID | ALGEMENE VOORWAARDEN | CONTACT | ALLE RECHTEN VOORBEHOUDEN

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')