Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di gim
    Registrato dal
    Oct 2000
    Messaggi
    506

    Radio1 apre div1 e chiude div2 (e viceversa)

    Ciao a tutti. Mi rendo conto che l'argomento č vecchio di secoli, ma sinceramente non sono riuscito a trovare una soluzione completa nč qui nč su google.

    Ciō che dovrei ottenere sono due semplicissimi radio al cui clic si apra il rispettivo div (e si chiuda l'altro). Tutto qua.

    NON ci sono riuscito (o meglio tra le varie soluzioni, l'unica funzionante non va so IE e non capisco perchč)!

    Tra gli svariati tentativi, questo č l'ultima strada provata: il solito Apri /chiudi

    codice:
    <script> 
    function togglebis(num){
    if (document.getElementById('sub'+num).style.display == "none") {
    document.getElementById('sub'+num).style.display = "block";
    document.getElementById('led'+num).src = "chiudi.gif";
    } else {
    document.getElementById('sub'+num).style.display = "none";
    document.getElementById('led'+num).src = "apri.gif";
    }
    }
    </script>  
    
    ed il tasto 
    <a href="#" onClick="togglebis('4');return false">[img]apri.gif[/img] 
                      Dettagli</a>
    
    Da adattare al 
    
    <input type="radio" name="prova" value="" onClick="togglebis('4');return false">
    
    ed il contenuto dei due div
    
     <div style="display:none;" id="sub1"></div>
     <div style="display:none;" id="sub2"></div>
    Ma in questo modo, al clic di uno, non mi chiude l'altro.

    Qualcuno sā darmi qualche dritta?
    Grazie mille!

  2. #2
    "due semplicissimi radio"

    ne vedo uno solo!

  3. #3
    Utente di HTML.it L'avatar di gim
    Registrato dal
    Oct 2000
    Messaggi
    506
    codice:
    <input type="radio" name="prova" value="uno" onClick="togglebis('1');return false">
    <input type="radio" name="prova" value="due" onClick="togglebis('2');return false">

  4. #4
    codice:
    <input type="radio" name="prova" value="uno" onClick="togglebis(this);">
    <input type="radio" name="prova" value="due" onClick="togglebis(this);">
    
     <div style="display:none;" id="sub1">sub1</div>
     <div style="display:none;" id="sub2">sub2</div>
    
    
    <script>
    
    function togglebis(radio){
    if(radio.value=='due'){document.getElementById('sub2').style.display='block'; document.getElementById('sub1').style.display='none';}
    else if(radio.value=='uno'){document.getElementById('sub1').style.display='block';document.getElementById('sub2').style.display='none';}
    }
    
    </script>

  5. #5
    Utente di HTML.it L'avatar di gim
    Registrato dal
    Oct 2000
    Messaggi
    506
    Fan-ta-sti-co, non ci credo. Sono tre giorni che tribolo!
    Lo provo nella pagina che mi serve e ti faccio sapere.

    Intanto grazie mille! Sei stato illuminante!

  6. #6
    Utente di HTML.it L'avatar di gim
    Registrato dal
    Oct 2000
    Messaggi
    506
    Fan-ta-sti-co, non ci credo. Sono tre giorni che tribolo!
    Lo provo nella pagina che mi serve e ti faccio sapere.

    Intanto grazie mille! Sei stato illuminante!

  7. #7
    Utente di HTML.it L'avatar di gim
    Registrato dal
    Oct 2000
    Messaggi
    506
    Fan-ta-sti-co, non ci credo. Sono tre giorni che tribolo!
    Lo provo nella pagina che mi serve e ti faccio sapere.

    Intanto grazie mille! Sei stato illuminante!

  8. #8
    Utente di HTML.it L'avatar di gim
    Registrato dal
    Oct 2000
    Messaggi
    506
    Fan-ta-sti-co, non ci credo. Sono tre giorni che tribolo!
    Lo provo nella pagina che mi serve e ti faccio sapere.

    Intanto grazie mille! Sei stato illuminante!

  9. #9
    Utente di HTML.it L'avatar di gim
    Registrato dal
    Oct 2000
    Messaggi
    506
    Ops... non mi caricava la risposta e devo aver cliccato pių volte. Sorry!

    Comuqnue per la cronaca, funziona alla perfezione; grazie davvero.

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.