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

    un pulsante che genera caselle e bottoni

    E' un pò difficile, forse impossibile ma io ci provo:

    ho un form. a un certo punto del form c'è una casella di testo e un pulsante. Io vorrei che ogni volta che si preme quel pulsante venisse generata un'altra casella e un altro pulsante con la medesima funzione. E' fattibile o sto dando i numeri?

    Holden

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` fattibile, credo (ma non so se ho capito giusto).

    Ci sono un paio di risposte simili nel forum nell'ultimo anno. prova con una ricerca.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    un esempio,
    però se hai bisogno di modifiche sostanziali leggi prima lo speciale DOM di pro.html.it dove è spiegato in maniera semplice quello che ti serve sapere per fare cose del genere
    codice:
    <script type="text/javascript">
    <!--
    var num=1;
    function aggiungi(){
    	if(document.createElement && document.getElementById && document.getElementsByTagName) {
    		// crea elementi
    		oTr=document.createElement("TR");
    		oTd1=document.createElement("TD");
    		oTd2=document.createElement("TD");
    		oText=document.createElement("INPUT");
    		oButt= document.createElement("INPUT");
    
    		// setta attributi
      		oText.setAttribute("type","text");
    		oText.setAttribute("name","testo"+num);
    		oButt.setAttribute("type","button");
    		oButt.setAttribute("value","aggiungi");
    
    		// setta gestori evento
    		oButt.onclick=function(){aggiungi();}
    
    		// appendi al relativo padre
    		oTd1.appendChild(oText);
     		oTd2.appendChild(oButt);
    		oTr.appendChild(oTd1);
    		oTr.appendChild(oTd2);
    		document.getElementById('tabella').getElementsByTagName('TBODY')[0].appendChild(oTr);
    
    		// incrementa variabile globale
    		num++
    	}
    }
    </script>
    <form name="modulo">
    <table border="1" id="tabella">
    <tbody>
    <tr>
    <td><input type="text" name="testo0" /></td>
    <td><input type="button" value="aggiungi" onclick="aggiungi()" /></td>
    </tr>
    </tbody>
    </table>
    </form>
    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.