login  Naam:   Wachtwoord: 
Registreer je!
 Forum

resize div

Offline ThAlmighty - 18/04/2006 18:16
Avatar van ThAlmightyHTML beginner hallo, ik ben nu bezig met een div resizer. ik wil dat als je er 2 keer op klikt dat hij "uitklapt" en met nog is 2x dat hij inklapt. Dit is de code:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function resize(id){ 
  3.   var frame = document.getElementById(id); 
  4.   if(frame.style.height < 52){ 
  5. 	frame.style.height = 1600;
  6.   }else{
  7.     frame.style.height = 50;
  8.   }
  9. }
  10. </script>


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div ID="cover" class="demo" onDblClick="resize('cover');"></div>


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. <!--
  3. .demo  {color:#000033; background-image: url(pics/hcc.gif);
  4. 		background-color:#cccccc; layer-background-color:#cccccc;
  5.         position:absolute; top:0px; left:0px; width:100%; height:50px;
  6.         z-index:100;}
  7. -->
  8. </style>


Hij doet het, maar het lukt hem maar 1 keer  1 keer uit en 1 keer inklappen, daaarna is hij dood.

Help me!

2 antwoorden

Gesponsorde links
Offline haytjes - 18/04/2006 18:28 (laatste wijziging 18/04/2006 18:36)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function resize(id){ 
  3.   var frame = document.getElementById(id); 
  4.   if(frame.style.height=="" || parseInt(frame.style.height)<52)
  5.   { 
  6. 	  frame.style.height = "1600px";
  7.   }
  8.   else
  9.   {
  10. 	  frame.style.height = "50px";
  11.   }
  12. }
  13. </script>

de eerste keer dat het script wordt aangeropen is frame.style.height leeg => if(frame.style.height=="") frame.style.height="1600px";

Ook krijg je de hoogte terug in 0000px, dus moet je eerst parseInt doen, om er alleen een getal van te maken.

En om valid bezig te zijn, moet je dan ook de getallen doorgeven met een px erachter (werkt ook zonder, hoor)
Offline ThAlmighty - 18/04/2006 19:04
Avatar van ThAlmighty HTML beginner bedankt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.199s