Προς το περιεχόμενο

Χειρισμός Τιμών πεδίων και υπολογισμοί


balios

Προτεινόμενες αναρτήσεις

Καλησπέρα ,είμαι καινούργιος στη δημιουργία ιστοσελίδων

και πειραματίζομαι και έχω κάποιες απορίες.

Αρχικά να αναφέρω ότι δουλεύω σε περιβάλλον dreamweaver 8 .

Η απορία μου είναι η εξής.Στη σελίδα που θέλω να φτίαξω υπάρχουν σε

κάποια σημεία κενά κουτάκια μέσα στα οποία ο χρήστης θα

μπορεί να βάζει κάποιες τιμές ,αριθμούς.Θα ήθελα σε κάποιο άλλο σημείο

της σελίδα που υπάρχει άλλο κουτάκι να μπορεί να εμφανίζεται το αποτέλεσμα μίας πράξης

πώς μπορω να το πετύχω αυτό

Δίνω ένα παράδειγμα.

Έστω ότι στο κουτάκι α ο χρήστης συμπληρώνει μία τιμή

στο κουτάκι β μια άλλη τιμή και στο κουτάκι ν την ν-ιοστή τιμη

 

θα ήθελα σε ένα άλλο κουτάκι ζ να εμφανίζεται το άθροισμα όλων αυτών των τιμών.

 

να διευκρινίσω ότι τα κουτάκια τα έχω δημιουργήσει επιλέγοντας απο το μενού Insert->form->text field.

 

Ευχαριστώ προκαταβολικά!

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Καλώς ήρθες στον κόσμο του web development :-)

 

Λοιπόν αυτό γίνεται με javascript.Μπορείς να πάρεις πολύ εύκολα τις τιμές των πεδίων με τον εξής τρόπο:

 

>var value = form.textFieldName.value;

 

Αντιστοίχως μπορείς να θέσεις και την τιμή σε ένα text

 

>form.textFieldName.value = "0";

 

Οπότε αυτό που πρέπει να κάνεις είναι να πάρεις τις τιμές από τα πεδία σου και μετά να κάνεις μία πρόσθεση ή ότι πράξη θέλεις.

Πρώτα όμως λάβε υπόψιν σου ότι η εντολή form.textFieldName.value συνήθως επιστρέφει string.Οπότε για να κάνεις πράξεις πρέπει να το μετατρέψεις σε αριθμό.\

 

Αυτό γίνεται κάνοντας parseInt(String);

 

Μετά μπορείς να κάνεις κανονικά πράξεις.

Το ζήτημα είναι πότε θέλεις να καλείται αυτή η λειτουργία της πράξης και γενικά όλων αυτών που είπα.

 

Μπορείς να βάλεις ένα event σε κάθε text που θέλεις.Μπορείς να χρησιμοποιήσεις τα onkeyup και onkeydown.Από εκεί να καλείς την javascript function που θα τα κάνει αυτά.

 

 

Αν δεν είμαι κατανοητός ή δεν έχεις ξανά ασχοληθεί με javascript και σου φαίνονται λίγο περίεργα postαρε τον ΗΤML κώδικά σου να στον συμπληρώσουμε.

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

  • Δημιουργία νέου...