Φόρμες html και preview

[xalia]

έχω μία φόρμα html, όπως είναι λογικό μέσα έχει radio buttons η drop down menu, άρα μια τιμή θα περάσει σε php μετά... μπορώ με ένα εύκολο τρόπο να κάνω preview στην ίδια σελίδα? Να δώσω παράδειγμα για να γίνω κατανοητός...

μία φόρμα δε δύο κουμπιά, το ένα λέει red και το άλλο blue, από κάτω υπάρχει ένα sample text. Πως μπορώ ανάλογα με το πιο κουμπί κάνω click να αλλάζει το sample text σε μπλε η κόκκινο ανάλογο?

[gcapnias]

Ο πιο απλός τρόπος για να στήσεις ένα debug μηχανισμό στις φόρμες σου είναι να ελέγξεις από το onsubmit event στην φορμά σου με Javascript, και να κοιτάς τις τιμές που θα στείλει, και μετά αν θες να τις στέλνεις. Αν η τιμή που επιστρέφει η onsubmit είναι true, τότε τα δεδομένα θα φύγουν προς τον server, αλλιώς όχι.

 

Στην δική σου περίπτωση, εκτός από την παγίδευση του event onsubmit της φόρμας, θα μπορούσες από τα onclick events των κουμπιών, να αλλάζεις με Javascript το περιεχόμενο ή το class name ενός control...

 

 

George J.

[xalia]

gracpnias αυτό το onclick events είναι που με ενδιαφέρει! για έναν άσχετο με java script είναι δύσκολο?

[gcapnias]

Εξαρτάται από την εμπειρία που ήδη έχεις με Javascript και κώδικα γενικότερα. Πχ. ένα παράδειγμα αυτού που περιγράφεις πιο πάνω είναι:

 

>
<form method="POST" action="#" name="myForm">
<p>
 Επιλέξτε ένα χρώμα:  
 <input type="button" onclick="javascript:btnRedClicked();" value="Κόκκινο" name="btnRed">
 <input type="button" onclick="javascript:btnBlueClicked();" value="Μπλε" name="btnBlue"></p>
<p>
 Η επιλογή σας είναι:  
 <input name="txtChoice" size="20"></p>
<p>
 <input type="submit" value="Υποβολή">
 <input type="reset" value="Επαναφορά">
</p>
</form>
<script language="javascript" type="text/javascript">
function btnRedClicked(){
 document.myForm.txtChoice.value = document.myForm.btnRed.value;
}
function btnBlueClicked(){
 document.myForm.txtChoice.value = document.myForm.btnBlue.value;
}
</script>

 

George J.

[xalia]

ευχαριστώ πολύ θα το δοκιμάσω!