Visualizzazione risultati 1 fino 7 di 7

Discussione: Abilitare un elemento con un click

  1. #1
    Guest

    Predefinito Abilitare un elemento con un click

    Salve vorrei sapere come posso fare ad abilitare un input di tipo text con la pressione di un pulsante
    spero di essere stato abbastanza chiaro nella descrizione del problema

    grazie in anticipo

  2. #2
    Guest

    Predefinito

    Stasera ti posto un esempio che ho a casa ;)


    Ciaoooo!!!!!!

  3. #3
    Guest

    Predefinito

    ho anche un altro problema... ho un campo codice che di norma è disabilitato ma puo' essere abilitato con il codice che mi posterai tu stasera (ndr) . Ma se il pulsante per abilitare non viene cliccato il campo rimane giustamente disabilitato ma (e dico MA) non viene inviato nel array $_POST... Quindi o mi dai una mano o mi attacco al tram..

    grazie!!


    p.s.: ovviamente aspetto il codice :))))))

  4. #4
    Guest

    Predefinito

    Ti posto l'intero html che ho nella mia pagina esempio.
    Cerca di studiarla e capire come funziona.
    Per l'altro tuo quesito, forse non dovresti disabilitare il campo ma settargli la proprietà di sola lettura, o ancora potresti metterci un valore di default.
    Ma a cosa ti serve importare il suo valore se è vuoto?
    Codice HTML:
    <html>
    <head>
    <title>Documento senza titolo</title>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function abilita(){
    var objRadio = document.getElementsByName('radio1') 
    for(i=0;i<objRadio.length;i++){ 
    objRadio[i].disabled=false 
    }
    document.prova.testo.disabled=false;
    document.prova.menu2.disabled=false;
    
    /*var objRadio = document.getElementsByName('radio1') 
    for(i=0;i<objRadio.length;i++){ 
    objRadio[i].disabled=false 
    }*/
    
    }
    
    function disabilita() {
    var objRadio = document.getElementsByName('radio1') 
    for(i=0;i<objRadio.length;i++){ 
    objRadio[i].disabled=true 
    } 
    document.prova.testo.disabled=true;
    document.prova.menu2.disabled=true;
    for(i=0;i<document.prova.elements.length;i++){ 
    if(document.prova.elements[i].type=='checkbox'){
    document.prova.elements[i].checked=true; 
    }
    }
    
    }
    //-->
    </script>
    </head>
    
    <body onLoad="disabilita()">
    <form name="prova">
      <p>
        <select name="menu1" onChange="abilita()">
          <option></option>
          <option>abilita</option>
        </select>
    </p>
      <p>
        <input type="text" name="testo" value="ciao">
    </p>
      <p>
        <input name="radio1" type="radio" value="radiobutton" checked>
        <input name="radio1" type="radio" value="radiobutton">
      </p>
    <p>
    <input name="casella0" type="checkbox" value="pippo">
    <input name="casella1" type="checkbox" value="pippo2">
    </p>
      <p>
        <select name="menu2" disabled>
        <option selected>ciao</option>
        </select>
      </p>
    </form>
    </body>
    </html>

    Ciaooooooooo!!!!!!!!!!!!!!

  5. #5
    Guest

    Predefinito

    il concetto è questo:
    io ho un campo codice che per default è il max(codice) da tabella ma siccome ogni tanto si possono cancellare delle righe l'utente puo' scegliere di mettere un codice che preferisce (per esempio il 5 che era stato cancellato qualche giorno fa) L'utente puo' quindi cliccare sul pulsante modifica per poter mettere il valore che gli pare altrimenti lo lascia come è (ovvero il massimo). Faro' come dici tu lo metto readonly... Il fatto era che se lo disabilitavo (e rimaneva tale perche' l'utente non premeva sul pulsante) non veniva memorizzato nell'array POST (non so se mi sono spiegato...)

    Analizzero' il codice che mi hai postato grazie mille.

    Deme

  6. #6
    Guest

    Predefinito

    <html>
    <head>
    <title>Documento senza titolo</title>
    <script language="JavaScript" type="text/JavaScript">
    function abilita(){
    document.prova.provaInput.disabled=false
    }
    function disabilita(){
    document.prova.provaInput.disabled=true
    }


    </script>
    </head>
    <body>
    <form name="prova">
    <input type = "text" name = "provaInput" value = "2" /> <button onClick = "abilita()">Abilita</button> <button onClick = "disabilita()">Disabilita</button>
    </form>
    </body>
    </html>

    Ho guardato il codice ma non riesco a far funzionare questo correttamente :(((((
    Qualcuno mi spiega perchè non funziona ?

  7. #7
    Guest

    Predefinito

    <body onLoad="disabilita();">

    Prova così.


    Ciaooooo!!!!!!!

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •