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

Calendar σε HTML ή ASP?


N1ghtW0lf

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

Δημοσ.

Καλησπερα σε ολους σας, φτιαχνω την πτυχιακη μου εργασια στη σχολη, κατασκευη ενος online reservation system για μια αεροπορικη εταιρια...

Το site θα φτιαχτει με HTML, ASP και μια DB απο πισω για την καταχωρηση δεδομενων. Χρησιμοποιω Dreamweaver CS4...

 

Θελω να φτιαξω ενα Calendar, για να μπορει ο χρηστης να διαλεγει την ημερομηνια που θελει ειτε για να φυγει ειτε να γυρισει.

Πως ομως? Δεν εχω ιδεα πως μπορω να φτιαξω ή αν υπαρχει καποιο ετοιμο προς χρηση. Θελω πχ, ενα popup menu που ανοιγει και διαλεγεις ποια ημερομηνια θελεις...

 

 

Πχ. Σαν αυτο της aegean εδω... www.aegeain.gr

 

Καθε βοηθεια ευπροσδεκτη!

 

Τασος

Δημοσ.

Σε ευχαριστω παρα πολυ!

Στην 2η σελιδα βρηκα αυτο ακριβως που εψαχνα να χρησιμοποιησω...

 

Μιλαω για το example3.

Το ερωτημα τωρα ειναι πως το χρησιμοποιω στην σελιδα που θελω να φτιαξω?

Δημοσ.

Στον πάτο της σελίδας έχει αναλυτικές οδηγίες. Πρέπει να προσθέσεις το

>
new vlaDatePicker(string element [, object options]);

στο onClick event του κουμπιού-κουτιού-είκονας που θές να χρησιμοποιήσεις. Αν δείς τα παραδείγματα θα καταλάβεις. Εκεί που λέει string element πρέπει να βάλεις το id του στοιχείου στο οποίο κάνεις κλίκ. Αν παράδειγμα ο html κώδικας για το input σου είναι αυτός:

>
<span id="exampleIII">
 <input name="day" style="border-width: 1px 0pt 1px 1px; width: 18px;" maxlength="2" type="text">
 <input value="/" style="border-width: 1px 0pt; width: 5px;" disabled="disabled" type="text">
 <input name="month" class="textbox" style="border-width: 1px 0pt; width: 16px;" maxlength="2" type="text">
 <input value="/" style="border-width: 1px 0pt; width: 5px;" disabled="disabled" type="text">
 <input name="year" style="border-width: 1px 0pt; width: 28px;" maxlength="4" type="text">
 <input style="border-width: 1px 1px 1px 0pt; width: 15px;" disabled="disabled" type="text">
 <img src="inc/specific/scripts/vista-like_ajax_calendar_version_2/images/calendar.gif" id="togglePicker" class="pickerImg" alt="" width="13" height="12">
</span>

τότε για να κάνεις αυτό που θές πρέπει να βάλεις στο head της html σελίδας σου αυτό:

>
<head>
<script type="text/javascript" src="jslib/mootools-1.2-core.js"></script>
<script type="text/javascript" src="jslib/vlaCal-v2.1.js"></script>
<link type="text/css" media="screen" href="styles/vlaCal-v2.1.css" rel="stylesheet" />
<script type="text/javascript">
	window.addEvent('domready', function() {
		//Datepicker
		new vlaDatePicker('exampleIII', { openWith: 'togglePicker', offset: { y: -2, x: 2 },separateInput: { day: 'day', month: 'month',year: 'year' } } );
	});
</script>
</head>

Αν ψαχουλέψεις στην σελίδα τα γράφει αναλυτικά. Απλά να έχεις στον νου σου ότι πρέπει τα ορίσματα της vlaDatePicker να είναι IDs HTML στοιχείων στην σελίδα σου. Και εννοείται πρέπει να αλλάξεις τα paths στα include ώστε να δείχνουν στο σωστό σημείο. CU

Δημοσ.

Καλημερα...και ευχαριστω καταρχας...

 

Δεν σε πιανω με αυτο που εννοεις με IDs... :(

 

Καταφερα τωρα να το κανω να ανοιγει το κουτακι, αλλα ειναι κενο μεσα, δειχνει μοναχα το γκριζο πλαισιο και ασπρο bg μεσα, αλλα τιποτα αλλο...

 

Τα Paths ειναι ολα σωστα απο οσο εχω δει, καπου αλλου κατι παιζει...

 

Τι εννοεις με IDs?

Δημοσ.
Καλημερα...και ευχαριστω καταρχας...

 

Δεν σε πιανω με αυτο που εννοεις με IDs... :(

 

Καταφερα τωρα να το κανω να ανοιγει το κουτακι, αλλα ειναι κενο μεσα, δειχνει μοναχα το γκριζο πλαισιο και ασπρο bg μεσα, αλλα τιποτα αλλο...

 

Τα Paths ειναι ολα σωστα απο οσο εχω δει, καπου αλλου κατι παιζει...

 

Τι εννοεις με IDs?

 

Κάθε HTML στοιχείο έχει και ένα ID= η ταυτότητα του στην σελίδα. Το ID αυτό το ορίζεις όταν γράφεις τον HTML κώδικα του στοιχείου, π.χ.:

>
<img src="inc/specific/scripts/vista-like_ajax_calendar_version_2/images/calendar.gif" id="togglePicker" class="pickerImg" alt="" width="13" height="12">

Εδώ έχεις μια εικόνα με id togglepicker οπότε από εκεί ξέρει το calendar ότι πρέπει να ενεργοποιηθεί και να εμφανιστεί μόλις κάνεις click αυτό.

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

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

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