εισαγωγή 2 τιμών και πράξεις με αυτές

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

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
tempo
Δημοσιεύσεις: 808
Εγγραφή: 25 Μάιος 2002 16:41
Επικοινωνία:

εισαγωγή 2 τιμών και πράξεις με αυτές

Δημοσίευση από tempo » 25 Ιαν 2011 22:34

καλησπέρα,

θέλω να ρωτήσω το εξής:

πως μπορώ με html (ή με php) να δημιουργήσω δύο πεδία στα οποία θα εισάγω 2 τιμές οι οποίες θα αποθηκεύονται σε μεταβλητές με τις οποίες μετά θα κάνω μια πράξη πχ θα τις προσθέτω.

για παράδειγμα θέλω όταν θα βλέπω την σελίδα να έχω το εξής:

δώσε πόσα κιλά ντομάτες αγόρασες: (εδώ θα πληκτρολογώ τον αριθμό των κιλών)
δώσε την τιμή του κιλού: (εδώ θα πληκτρολογώ πόσο κάνει το 1 κιλό)

και τέλος να μου υπολογίζει το γινόμενο των 2 παραπάνω τιμών και να εμφανίζει

τελικά πλήρωσες: (εδώ θα εμφανίζει το γινόμενο)

ευχαριστώ
http://www.automotonet.com πραγματικές καταναλώσεις αυτοκινήτων και μοτοσυκλετών όπως διαμορφώνονται απο τους οδηγούς
http://www.ipedia.gr online εγκυκλοπαίδεια με ερωτήσεις και απαντήσεις απο τους επισκέπτες

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

εισαγωγή 2 τιμών και πράξεις με αυτές

Δημοσίευση από korgr » 25 Ιαν 2011 22:53

Αυτό γίνεται και μόνο με html+javascript
Αν θέλεις μπορείς μέσω ajax να αποθηκεύεις και δεδομένα σε βάση.
Χονδρικά στήνεις την φόρμα σου και μετά παίζεις με το event onchange στα textboxes καλώντας μια js function. Αυτή κάνει την πράξη και ορίζει το αποτέλεσμα στο σημείο που θα ορίσεις (πχ ενα τριτο textbox ή κάποιο div)

Άβαταρ μέλους
manos2010grr
Δημοσιεύσεις: 159
Εγγραφή: 17 Ιαν 2007 18:13
Επικοινωνία:

εισαγωγή 2 τιμών και πράξεις με αυτές

Δημοσίευση από manos2010grr » 26 Ιαν 2011 00:59

Φίλε μου δες αυτό με jquery

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript"> 
$&#40;document&#41;.ready&#40;function&#40;&#41;&#123; 				   
	$&#40;'#teliko'&#41;.click&#40;function&#40;&#41;&#123;					 
		var kilo = $&#40;"#kilo"&#41;.val&#40;&#41;;
		var timi = $&#40;"#timi"&#41;.val&#40;&#41;;
		var apotelesma= parseInt&#40;kilo&#41;+parseInt&#40;timi&#41;;
		$&#40;"form"&#41;.fadeOut&#40;0&#41;;
		$&#40;"#apotelesma"&#41;.append&#40;"Το αποτέλεσμα είναι&#58; "+apotelesma+" "&#41;;
		return false;
		&#125;&#41;;
	&#125;&#41;;
</script>
</head>

<body>
<form action="#" method="post">
Τα κιλά&#58; <input name="kilo" type="text" id="kilo" />
Η τιμή&#58; <input name="timi" type="text" id="timi" />
<input name="Αποτέλεσμα" type="submit" value="Αποτέλεσμα" id="teliko" />
</form>
<div id="apotelesma"> </div>
</body>
</html>

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες