Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    Messaggi
    86

    Disabilitare elementi form

    Ciao a tutti!

    Ho un semplice form e una funzione javaScript per disabilitare alcuni campi,
    ma non tutto funziona come dovrebbe!

    Ho semplicato l'esempio, scrivendo questa semplice pagina HTML:

    <html>
    <Script language="JavaScript">
    function disableField(val)
    {
    if(val==1){
    alert("val=1");
    document.forms[0].impoQuietanza.disabled=false;
    //disabilito i pulsanti
    if(document.forms[0].fnotRestituito.disabled=true){
    alert("error")
    }
    document.forms[0].fnotRestituito.checked=false;
    document.forms[0].dataRicorso.disabled=true;
    document.forms[0].dataRicorso.checked=false;
    document.forms[0].pulisciData.disabled=true;
    document.forms[0].pulisciData.checked=false;
    }

    if(val==2){
    alert("val=2");
    //disabilito i pulsanti
    if(document.forms[0].fnotRestituito.disabled=true){
    alert("error")
    }
    document.forms[0].impoQuietanza.disabled=true;
    document.forms[0].impoQuietanza.checked=false;
    //riabilito i pulsanti che mi interessano
    document.forms[0].dataRicorso.disabled=false;
    document.forms[0].fnotRestituito.disabled=false;
    document.forms[0].pulisciData.disabled=false;

    }
    }

    </Script>



    <form action="">
    <table border="0" width="90%">
    <tr>

    <td width="25%">Importo Restituito <input type="radio"
    name="importoRestituito" value="1" nclick="disableField(1)"/></td>
    </tr>

    <tr>

    <td>Quietanza </td>
    <td nowrap>Importo<input type="text" name="impoQuietanza"
    size="11" maxlength="10" /></td>
    </tr>

    <tr>

    <td colspan="6">Importo non Restituito <input type="radio"
    name="importoRestituito" value="0" onclick="disableField(2)"/></td>
    </tr>

    <tr>

    <td>Ricorso Produttore</td>
    <td><input type="radio" name="fnotRestituito" value="1" /></td>

    <td>del: <input type="text" name="dataRicorso"
    size="11" maxlength="10" readonly="true" /> <a
    href="javascript:alert('dataRicorso')"
    onMouseOver="return true">

    [img]C:/Calendario.gif[/img]</a>

    <input type='button' name='pulisciData' value='Pulisci'
    onclick="alert('dataRicorso')"></td>
    </tr>

    </table>
    </form>

    </html>

    Vorrei capire perché non riesco a disabilitare l'immagine.

    Qualcuno può aiutarmi?
    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2007
    Messaggi
    86

    Modifica

    Ho modificato la funzione Javascript:

    function disableField(val)
    {
    if(val==1){
    alert("val=1");

    //riabilita i pulsanti
    document.forms[0].impoQuietanza.disabled=false;

    //disabilita i pulsanti
    if(document.forms[0].fnotRestituito.disabled=true){
    alert("error")
    }
    document.forms[0].fnotRestituito.checked=false;
    document.forms[0].dataRicorso.disabled=true;
    document.forms[0].calendario.disabled=true;
    document.forms[0].pulisciData.disabled=true;
    }

    if(val==2){
    alert("val=2");

    //disabilita i pulsanti
    document.forms[0].impoQuietanza.disabled=true;

    //riabilita i pulsanti
    document.forms[0].fnotRestituito.disabled=false;
    document.forms[0].dataRicorso.disabled=false;
    document.forms[0].calendario.disabled=false;
    document.forms[0].pulisciData.disabled=false;

    }
    }//fine funzione

    Nel form ho aggiunto a <img l'attributo name="calendario"

    ma allo stesso modo non riesco a disabilitare l'immagine

    Grazie per esservi collegati alla discussione,
    qualche idea ??

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    Messaggi
    86

    Nuovo

    Mi sono accorto di essere stato un po' vago, ma sono nuovo in questo lavoro...

    Nel file vorrei che quando clicco sul "radio button" Importo Restituito
    si disabilitino i campi da Importo Non Restituito in poi.

    Quando clicco sul "radio button" Importo Non Restituito
    deve disabiltarsi il campo testo di Importo Restituito

    Quando clicco di nuovo sul "radio button" Importo Restituito, se ho
    caricato un file, il campo testo del file dovrebbe pulirsi.

    Qualcuno sa dirmi come fare??

    P.S.
    Ho risolto il problema del'immagine cambiando il codice

    <a
    href="java-script:alert('dataRicorso')"
    onMouseOver="return true">
    [img]C:/Calendario.gif[/img]</a>

    nel form, con

    [img]/Forum/Calendario.gif[/img]

    mentre nella funzione javascript ho aggiunto il codice

    document.forms[0].imgDataRicorso.style.display='none';

    se il valore è uguale a 1, cioè se è stato checkato Importo Restituito(if(val==1))

    ed il codice

    document.forms[0].imgDataRicorso.style.display='';

    se il valore è uguale a 2, cioè se è stato ceckato Importo non Restituito(if(val==1))

    Grazie di nuovo

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.