- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Tag a onclick
-
Tag a onclick
Ciao a tutti,
ho un piccolo problema.
Dovrei trasformare un form con delle input di tipo submit e reset con delle anchor.questo è il mio codice di partenza
[HTML]
<form action="event_transaction.php" method="post" id="test">
...
<input type="submit" name="action" value="Modifica Evento" />
<input type="submit" name="action" value="Cancella Evento" />
<input type="reset" value="Reset" >
</form>
[/HTML]Come faccio a trasformare le input in anchor e farle funzionare alla stessa maniera?
Ho tentato con
[HTML]
<a name="action" href="#" onclick="document.getElementById('test').submit();return false;"> Modifica Evento </a>
<a name="action" href="#" onclick="document.getElementById('test').submit();return false;"> Cancella Evento </a>
[/HTML]Ma non riesco a capire quale delle 2 anchor di submit sia stata premuta
Ho provato a dare un id e un name alle anchor, ma non vengono passate come variabili della form ...Ed il reset del form è possibile con le anchor?
-
Mi rispondo da solo visto che alla fine ci sono riuscito.
Per distinguere la pressione del tasto ho pensato di crearmi una input di tipo hidden subito prima di lanciare la submit creando una funzione in javascript:
[HTML]
function invia_dati(form, name, value) {
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", name);
hiddenField.setAttribute("value", value);
document.getElementById(form).appendChild(hiddenField);
document.getElementById(form).submit();}[/HTML]
e richiamandola come segue:
[HTML]
<a href="#" onclick="invia_dati('test','action','Modifica');"> Modifica Evento </a>
<a href="#" onclick="invia_dati('test','action','Cancella');"> Cancella Evento </a>[/HTML]Per quanto riguarda il reset esiste l'istruzione document.getElementById('test').reset();