Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Modificare dimensione div

    Ciao a tutti!

    Ho un problema con uno script che dovrebbe modificare l'altezza di un div che funge da contenitore:
    In pratica ho uno span a scomparsa che si occupa di mostrare o nascondere del contenuto in base ad una selezione fatta su una checkbox. E fin qui tutto bene, ma quando provo a modificare la dimensione del div che contiene lo span per allungarlo non succede assolutamente nulla.
    Il codice dello script è questo:

    codice:
    function toggleShow(val){ 
       var h = document.getElementById('reg').offsetHeight; 
       if(val == 1){
    
          document.getElementById('visual').style.display = 'block'; 
          if(h < 800) document.getElementById('reg').style.height = h + 200; 
       } 
       else{ 
          document.getElementById('visual').style.display = 'none'; if(h>600)
          document.getElementById('reg').style.height = h - 200; } 
    }
    Mentre questo è dove chiamo la funzione:

    codice:
    <span id="tesserato"> 
    <p id="iscrtitle">Tesseramento:</p> 
    <input type="radio" name="tesserato" id="tessi" value="1" onclick="toggleShow(this.checked)" /> 
    <label for="tessi">Tesserato</label>
    <input type="radio" name="tesserato" id="tesno" value="0" onclick="toggleShow(!this.checked)" checked /> 
    <label for="tesno">Non Tesserato</label> 
    </span>
    Qualcuno mi aiuta a capire perché l'altezza non viene modificata?
    Devo modificarla da 600 a 800 e viceversa

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    aggiungi +'px' ogni volta che setti l' altezza
    per es.
    document.getElementById('reg').style.height = (h + 200)+'px';

    ciao

  3. #3
    Ora va!
    Grazie mille!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.