[js] semplice bottone form

**Trinità76** · 09-10-2005, 17:48

Salve a tutti,

mi servirebbe realizzare un bottone per un form con un valore in javascript.

il form ha due bottoni
resetta -> azione:imposta i valori iniziali del form -> <input type="reset" class="miaclasse" value="RESETTA">
modifica -> azione:submit -> <input type="submit" class="miaclasse" value="MODIFICA">

il terzo che mi servirebbe dovrebbe essere
deleterow -> azione:imposta il field del form con valore "" + fa il submit

È possibile?

**cavicchiandrea** · 09-10-2005, 20:04

Originariamente inviato da Trinità76
Salve a tutti,

mi servirebbe realizzare un bottone per un form con un valore in javascript.

il form ha due bottoni
resetta -> azione:imposta i valori iniziali del form -> <input type="reset" class="miaclasse" value="RESETTA">
modifica -> azione:submit -> <input type="submit" class="miaclasse" value="MODIFICA">

il terzo che mi servirebbe dovrebbe essere
deleterow -> azione:imposta il field del form con valore "" + fa il submit

È possibile?

Non capendo cosa intendi x "imposta il field del form con valore "" + fa il submit"
Per impostare una funzione nel terzo pulsante una soluzione potrebbe essere questa:
<head>
<script>
function Funzione(){
document.NOME_FORM.action="tuapagina.xxx";
docuemnt.NOME_FORM.submit();
}
</script>
</head>
<body>
<form name="NOME_FORM" action="pagina_predefinita.xxx" method="POST">
<input type="button" class="miaclasse" value="TUA FUNZIONE" OnClick="Funzione();">
</form>
</body>

**Trinità76** · 10-10-2005, 11:10

Originariamente inviato da cavicchiandrea
Non capendo cosa intendi x "imposta il field del form con valore "" + fa il submit"
Per impostare una funzione nel terzo pulsante una soluzione potrebbe essere questa:
[...]

Grazie Andrea per la risposta,
la provo subito.

Quello che intendevo è:
una pagina php precompila il form con delle informazioni (estratte da una query)... (dettaglio che mi ero dimenticato di dire =_=' )

quindi in praica io avrò dei campi e dei menù a tendina con dei valori già impostati (e nell'html sarà scritto: nel caso del menù a tendina -> selected; nel caso del field all'interno le informazioni estratte).

L'utente può modificare a mano quelle informazioni o cancellare tutto, però premendo il tasto RESETTA, i valori verranno di nuovo impostati con quelli di default (nell'html).

La mia domanda era:

anche se ho tutti i campi del form scritti, esiste un modo con un bottone, per non tenere conto delle informazioni dei campi e inviare alla pagina tutti field vuoti?

Con:

codice:

function Funzione(){
document.NOME_FORM.action="tuapagina.xxx";
docuemnt.NOME_FORM.submit();
}

faccio il submit alla tuapagina.xxx,
ma come imposto (sovrascrivo) i campi del form?
poniamo di avere ad esempio
un field
<input name="cognome" type="text" class="inputbox" id="cognome" value="tizio caio" size="35">
e un menù
<select name="regione" class="inputbox">
<option value="">nessuna selezione</option>
<option selected value="Abruzzo">Abruzzo</option>
<option value="Basilicata">Basilicata</option>
</select>

scusate la mia ignoranza in Js

**Trinità76** · 10-10-2005, 16:25

Ho dato un'occhiata a quella funzione ma ho notato che fa solo il submit. Come posso impostare tramite Js tutti i valori del form a valore empty?
Ossia:
nella mia pagina php avrò vari form creati in automatico,
per ogniuno di essi avrò un Js che manderà tutti i campi del form selezionato con valore empty alla formdati.php
Il problema è che con questa

codice:

<script type="text/javascript">
<!--//
function deleterow1(){
document.formdati1.action="formdati.php";
document.formdati1.submit();
} 
//-->
</script>

non setto nessun campo a valore empty e ne posso settarlo manualmente con document.formdati1.nomecampo="" perchè non posso conoscere a priori i nomi dei campi (in quanto tutti diversi)

Posso con un ciclo settare tutte le vars associate a formdati1 con valore empty?

**Trinità76** · 10-10-2005, 16:38

Forse potrei fare così? usando un for prop in...

codice:

<script type="text/javascript">
<!--//
function deleterow1(){
document.formdati1.action="formdati1.php";
for (prop in document.formdati1) { document.write(prop=""); }
document.formdati1.submit();
} 
//-->
</script>

Però avendo tanti form dovrei poter passare alla funzione il parametro del nomeform altrimenti dovrei scriverne 15 di funzioni... come si fa?

**Trinità76** · 11-10-2005, 10:38

help

ho scritto questa per azzerare tutti i paramentri del form ma quando clicco sul bottone non succede niente (mi sa manco il submit parte):

codice:

<script type="text/javascript">
<!--//
function deleterow(passedformname){
document.passedformname.action="dati.php";
for (prop in document.passedformname) { document.write(prop=""); }
document.passedformname.submit();
} 
//-->
</script>

il bottone in questione è:

Codice PHP:


<input type="button" class="miaclasse" value="ELIMINA" onClick="deleterow('<? /* il php scrive correttamente il nome del form */ ?>');">

**Mich_** · 11-10-2005, 11:34

Solo una risposta veloce (non so se e` sufficiente).

Vuoi passare il nome definito da name= oppure il nome definito da id= ?

Nel primo caso:
document.forms[passedformname].submit();

Nel secondo:
document.getElementById(passedformname).submit();

Il primo e` compatibile anche con IE5.0 e NN4 ma non con XHTML; il secondo e` compatibile con XHTML ma non con NN4 ed altri browser vecchi.

**Trinità76** · 11-10-2005, 11:55

Originariamente inviato da Mich_
Solo una risposta veloce (non so se e` sufficiente).

Vuoi passare il nome definito da name= oppure il nome definito da id= ?

Nel primo caso:
document.forms[passedformname].submit();

Nel secondo:
document.getElementById(passedformname).submit();

Il primo e` compatibile anche con IE5.0 e NN4 ma non con XHTML; il secondo e` compatibile con XHTML ma non con NN4 ed altri browser vecchi.

Grazie Mich_ per la risposta... mi sa che era proprio lì il problema =_='
Non esiste un modo veloce per sapere quale dei due script usare a seconda del utente/browser?
In questo caso nell'html dovrei definire contemporaneamente id e name...

**Mich_** · 11-10-2005, 12:15

Originariamente inviato da Trinità76
Non esiste un modo veloce per sapere quale dei due script usare a seconda del utente/browser?

Non ha senso. Devi decidere tu se vuoi fare una pagina compatibile con i vecchi browser o se vuoi usare le tecnologie nuove. In realta` sono molte le differenze tra HTML2 e XHTML, e in molti casi non c'e` compatibilita`.

In questo caso nell'html dovrei definire contemporaneamente id e name...

E` una cosa che viene fatta spesso (e spesso viene data la stessa stringa), ma non cambia il problema. Sono altre le sintassi diverse.

Se fai un giro nel forum di CSS e XHTML (sotto HTML) e ti guardi alcuni dei siti citati tra i "link utili" ti potrai rendere conto delle problematiche.

**Trinità76** · 11-10-2005, 12:27

Originariamente inviato da Mich_
Non ha senso. Devi decidere tu se vuoi fare una pagina compatibile con i vecchi browser o se vuoi usare le tecnologie nuove. In realta` sono molte le differenze tra HTML2 e XHTML, e in molti casi non c'e` compatibilita`.

Hai ragione ho detto una fagianata! In realtà io non ho programmato in xhtml per cui non ho l'esigenza dello switch... il mio html è un 4.01 quindi uso la sintassi n.1 con i parametri passati su name.

Ho scritto così e finamente ho avuto una risposta dal browser (anche se non ero quella che speravo):

codice:

<script type="text/javascript">
<!--//
function deleterow(passedformname){
	document.forms[passedformname].action="dati.php";
	for (prop in document.forms[passedformname]) { document.write(prop=""); }
	document.forms[passedformname].submit();
} 
//-->
</script>

Il risultato è una pagina con sfondo nero (

) e il cursore con clessidra...
che cosa può essere successo?
forse non devo usare il document.write?

Discussione: [js] semplice bottone form

Strumenti discussione

Ricerca discussione

Visualizza

[js] semplice bottone form

Re: [js] semplice bottone form

Re: Re: [js] semplice bottone form

Permessi di invio