Βοηθεια πάνω στην Javascript

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

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

Απάντηση
Άβαταρ μέλους
Mpouloukos
Δημοσιεύσεις: 9
Εγγραφή: 12 Ιούλ 2009 03:20

Βοηθεια πάνω στην Javascript

Δημοσίευση από Mpouloukos » 09 Ιαν 2014 20:42

Καλησπέρα.Προσπαθω να δημιουργήσω μια φόρμα κρατήσεων για μια εργασία που έχω για την σχολή μου και χρειάζομαι την βοήθεια σας ως προς το κομμάτι του Javascript.Θα σας δείξω την εκφώνηση,και μετά τον κώδικα που έχω γράψει μέχρι στιγμης.Κρατήστε στα υποψιν ότι για την εργασία μπορώ να χρησιμποιήσω ΜΟΝΟ HTML CSS & JAVASCRIPT.Αυτό σημαίνει όχι JQuery κ άλλα τέτοια,γιατί για κάποιο λόγο οι καθηγητές που θα μας εξετάσουν,το απαγορεύουν.
Η εκφώνηση έχει ώς εξής:
Θα δημιουργήσετε μια φόρμα HTML στην οποία ο χρήστης θα μπορεί να εισαγει τα στοιχεια της κράτησης(επιλογη μουσείουφήλωση αριθμου ατόμων,τύπο εισιτηρίων,ημερομηνία,τρόπο πληρωμης,και εισαγωγη στοιχείων πιστωτικής κάρτας).Στην φόρμα θα περιλαμβάονται και δύο πλήκτρα με τίτλους «Κράτηση» κ «Ακυρωση.
Οταν ο χρήστης επιλε΄γει το πλήκτρο «κρατηση» θα εκετελίται ενα σενάριο Javascript το οποίο θα ελέγχει τα στοιχεία που έχει δώσει ο χρήστης αν έχουν συμπληρωθεί σωστά.Αν είναι λάθος κάποιο από αυτα,θα βγάζει μήνυμα λάθους.Διαφορετικά θα υπολογίζει την συνολική τιμή τηε κρατησης και θα δημιουργεί και θα ανοίγει ένα παράθυρο επιβεβαίωσης.Στο παράθυρο αυτο θα εμφανίζονται οι λεπτομέρειες της κράτησης και η συνολική τιμή της.Επίσης θα υπάρχει πλήκτρο με τίτλο "Κλείσιμο Παραθύρου» το οποίο όταν επιλέγεται θα κλείνει το παράθυρο.
Σημειώσεις
Για την υλοποίηση της άσκησης θα πρέπει να χρησιμοποιήσετε το αντικείμενο window() και τις μεθόδους open() & close() του αντικειμένου αυτού.

Και εδώ είναι ο κώδικας που έχω γράψει.

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

<html>
<head>
<title> Κρατήσεις </title>
<link rel="stylesheet" type="text/css" href="mystyle.css"/>
<script>
function Validation&#40;&#41;
</script>
</head>
<body>
<h2> Κρατήσεις Μουσείων κ Εκθεσιακών χώρων</h2>
<form class="reservations" name="reservations">
<table class=".2">
<tr><td>Όνομα&#58;</td><td><input type="text" name="firstname" size="30"/></br></td></tr>
<tr><td>Επώνυμο&#58;</td><td><input type="text" name="lastname" size="30"/></td></tr>
<tr><td>Επιλογή Μουσείου&#58;</td><td><select name="museum">
<option value="Agios Andreas">Αρχαιολογικός Χώρος Αγίου Ανδρέα - Εκθετήριο</option>
<option value="Kastro">Αρχαιολογικό Μουσείο Σίφνου στο Κάστρο</option>
<option value="Apollonia">Λαογραφικό Μουσείο του "Συνδέσμου Σιφνίων" στη Απολλωνία</option>
<option value="Artemwnas">"Εμείς παλιά στα σπίτια μας" - Έκθεση Λαογραφικου Υλίκου "Ιωάννης Ατσόνιος" του Πολιτιστικού Συλλόγου Σίφνου στον Αρτεμώνα</option>
<option value="Eksampela">Μουσείο Εκκλησιαστικής Τέχνης του Ύπουργείου Πολιτισμού στη Μονή Βρύσης στα Εξάμπελα</option>
<option value="Fyrrogeia">Μιρκό Μουσειο Νεότερης Κεραμικής Τέχνης στα Φυρρόγεια</option>
</select></br>
<tr><td>Αριθμός Ατόμων&#58;</td><td><select name="people">
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
<option value="four">4</option>
<option value="five">5</option>
<option value="six">6</option>
</select></br>
<tr><td>Τύπος Εισιτηρίων&#58;</td><td><select name="ticket type">
<option value="normal">Κανονικό</option>
<option value="student">Φοιτητικό</option>
</select>
<tr><td>Ημερομηνία Κράτησης&#58;</td><td><input type="date" name="date"/></td></tr>
<tr><td>Τρόπος Πληρώμης&#58;</td><td><input type="radio" name="payment" value="Visa">Visa<input type="radio" name="payment" value="Mastercard">Mastercard<input type="radio" name="payment" value="American Express">American Express</td></tr>
<tr><th>Κάτοχος Κάρτας</th></tr>
<tr><td>Όνομα&#58;</td><td><input type="text" name="firstname1" size="30"/></td></tr></br>
<tr><td>Επώνυμο&#58;</td><td><input type="text" name="lastname1" size="30"/></td></tr></br>
<tr><td>Αριθμός Κάρτας&#58;</td><td><input type="text" name="ccname" size="20"/></td></tr></br>
<tr><td>Ημερομηνία Λήξης&#58;</td><td><input type="text" name="expmonth" size="2"/><input type="year" name="expyear" size="4"/></td></tr></br>
<tr><td>CCV code&#58;</td><td><input type="number" name="ccv" size="3"/></td></tr></br>
</table>
<button Onclick="Validation&#40;&#41;">Κράτηση</button><input type="reset" value="Ακύρωση"/>
</form>
</br>
</br>
<a href="BasikiSelida.html"><b>Επιστροφή στην Αρχική Σελίδα</b></a>
</body>
</html>
Την παραδίδω αύριο και έχω πελαγώσει γιατι με την Javascript δεν το κατέχω για κανένα λόγο...
Οποιαδήποτε βοήθεια είναι ευπροσδεκτη.

Άβαταρ μέλους
giannis17
Honorary Member
Δημοσιεύσεις: 1215
Εγγραφή: 06 Ιαν 2005 19:50
Τοποθεσία: Παγκράτι - Αθήνα
Επικοινωνία:

Βοηθεια πάνω στην Javascript

Δημοσίευση από giannis17 » 09 Ιαν 2014 21:03

Ο σκοπός των εργασιών είναι να δει ο καθηγητής τι ξέρετε και τι όχι και ο σκοπός της σχολής είναι να μάθετε κάποια πράγματα που όσο παρωχημένα κι αν ακούγονται πολλές φορές είναι χρήσιμα (πχ όταν θες να φτιάξεις μια stand-alone εφαρμογή που να μην εξαρτάται από εξωτερικές βιβλιοθήκες για κάποιο λόγο) αλλά όπως και να χει πρέπει να έχεις τις βασικές γνώσεις για να μπορέσεις να επεκτείνεις την εκάστοτε βιβλιοθήκη που χρησιμοποιείς.

Τέλος είναι αντί-ιδεοντολογικό και ανούσιο κάποιος να σου δώσει την λύση του προβλήματος έτοιμη. Αντ' αυτού ρίξε μια ματιά εδώ για να δεις πως ακριβώς γίνεται το form validation με javascript: www.w3schools.com/js/js_form_validation.asp

Eκτός αυτού θα χρειαστείς προσθέσεις και πολλαπλασιασμούς μέσα σε μερικά if για να βγάλεις το τελικό κόστος, ένα window.open που θα ανοίγει το pop-up με τις πληροφορίες της φόρμας μαζί με το τελικό κόστος (χρησιμοποιώντας την document.write) και ένα window.close να το κλείνει.
"There is only one problem with common sense; it’s not very common."
&#8211; Milt Bryce

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

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

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