Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    283

    attivare e disattivare form

    ciao a tutti ho un form con due radio button

    <input onclick="if(this.checked) vedi1();" type="radio" name="stampa" value="flexografica">
    <input onclick="if(this.checked) vedi2();" type="radio" name="stampa" value="caldo">

    che a seconda della scelta fanno visualizzare delle select diverse ma con nomi uguali

    <div align="center" ID="visualizza1" STYLE="display:none;">
    <select size="1" name="latistampati">
    <option value="1">1</option>
    <option value="2">2</option>
    </select>
    </div>

    <div align="center" ID="visualizza2" STYLE="display:none;">
    <select size="1" name="latistampati">
    <option value="4">4</option>
    <option value="6">6</option>
    </select>
    </div>

    funziona tutto bene solo che quando invio il form ovviamente latistampati mi arriva esempio 2,4 visto che si chiamano uguali.
    Questo script è collegato ad un complesso script asp che crea una pagina pdf quindi non posso cambiare il nome del campo latidistampa.

    Vi chiedo se è possibile inserire nella funziona che disattiva e attiva il div una funziona che disattivi e attivi anche il campo non visibile


    --------------------------------------
    function vedi1()
    {if(document.all)
    document.all.visualizza1.style.display="";
    else
    if(document.layers)
    document.layers['visualizza1'].display="show";
    else
    if(document.getElementById)
    document.getElementById('visualizza1').style.displ ay="";


    if(document.all)
    document.all.visualizza2.style.display="none";
    else
    if(document.layers)
    document.layers['visualizza2'].display="none";
    else
    if(document.getElementById)
    document.getElementById('visualizza2').style.displ ay="none"

    function vedi2()
    {if(document.all)
    document.all.visualizza1.style.display="none";
    else
    if(document.layers)
    document.layers['visualizza1'].display="none";
    else
    if(document.getElementById)
    document.getElementById('visualizza1').style.displ ay="none";


    if(document.all)
    document.all.visualizza2.style.display="";
    else
    if(document.layers)
    document.layers['visualizza2'].display="show";
    else
    if(document.getElementById)
    document.getElementById('visualizza2').style.displ ay=""


    grazie anticipatamente a tutti.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    283
    era molto tempo che non frequentavo questo forum e devo ammettere che le cose cambiano

    ho risolto così



    function vedi1()
    {if(document.all)
    document.all.visualizza1.style.display="";
    else
    if(document.layers)
    document.layers['visualizza1'].display="show";
    else
    if(document.getElementById)
    document.getElementById('visualizza1').style.displ ay="";

    if(document.all)
    document.all.visualizza2.style.display="none";
    else
    if(document.layers)
    document.layers['visualizza2'].display="none";
    else
    if(document.getElementById)
    document.getElementById('visualizza2').style.displ ay="none";
    document.getElementById('latistampati2').value="";






    function vedi2()
    {if(document.all)
    document.all.visualizza1.style.display="none";
    else
    if(document.layers)
    document.layers['visualizza1'].display="none";
    else
    if(document.getElementById)
    document.getElementById('visualizza1').style.displ ay="none";
    document.getElementById('latistampati1').value="";

    if(document.all)
    document.all.visualizza2.style.display="";
    else
    if(document.layers)
    document.layers['visualizza2'].display="show";
    else
    if(document.getElementById)
    document.getElementById('visualizza2').style.displ ay=""




    <div align="center" ID="visualizza1" STYLE="display:none;">
    <select size="1" name="latistampati" id="latistampati1">
    <option value="1">1</option>
    <option value="2">2</option>
    </select>
    </div>

    <div align="center" ID="visualizza2" STYLE="display:none;">
    <select size="1" name="latistampati" id="latistampati2">
    <option value="4">4</option>
    <option value="6">6</option>
    </select>
    </div>

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    piuttosto che annullare i valori setta le select disabled o meno
    document.getElementById('latistampati1').disabled=true;

    il valore di un campo disabled non viene passato all' invio

    ciao

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    283
    ciao Xinod e grazie della risposta.
    ho provato come mi hai detto però quando clicco sul primo radio botton e visualizzo la prima select funziona ma quando poi clicco sul secondo radio botton per visualizzare le seconda select e nascondere la prima select, la seconda select è disattivata e quindi non è possibile selezionare niente.

    Lascio come ho fatto io e grazie comunque.

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    in entrambi i casi setta entrambe le select, quella da passare disabled=true, quella da non passare disabled=false

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    283
    ok ho fatto come hai detto, tutto ok grazie.

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    di nulla
    ciao

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.