custom contact form με πατημα κουμπιου

[killer76]

Γεια σας. Θελω να κανω κατι που πιστευω οτι ειναι απλο (αλλα δεν ξερω), χωρις να χρησιμοποιησω cms. Απλα custom κωδικα μιας και ειναι μια σελιδα μονο με μια λειτουργια. Θελω να φτιαξω μια σελιδα που στην ουσια θα ειναι μια contact form. Δηλαδη ενα index.html το οποιο θα ειναι contact form. Οι προυποθεσεις τωρα.

 

Για την εμφανιση, για να μην λεω πολλα, θελω να μοιαζει με του twitter οταν δεν εχουμε συνδεθει. Δηλαδη ωραιο φοντο, ωραια λευκη γραμματοσειρα με τον τιτλο του site κλπ. Στο οποιο ομως θελω να ειναι στο κεντρικο σημειο μια μικρη παραγραφος σαν προλογος και απο κατω θα υπαρχει ενα κουμπι ¨δηλωστε συμμετοχη¨.

 

Οταν καποιος πατησει εκει θα ηθελα να του ξεδιπλωνει απο κατω η contact form ή σαν popup κλπ. *Θα προτιμουσα να μην ειναι σαν λινκ για δευτερη σελιδα εκτος και αν δεν γινεται αλλιως. Επισης και τα πεδια της φορμας, τα οποια θα ειναι τα βασικα ονομα,τηλεφωνο, email, κλπ κλπ(Ενταξει αν εχω τα βασικα θα καταλαβω πως μπορω να προσθεσω ενα πεδιο ακομα), θελω ομως να ειναι και αυτα στην συγχρονη εποχη, μεγαλα πεδια και γραμματοσειρες ψιλογκρι, captcha....

 

Τελος οταν συμπληρωνει καποιος την φορμα, να μου ερχονται τα στοιχεια σε email.

 

ευχαριστω

[iojik]

Σαν Landing page χρειάζεσαι, οπωσδήποτε και τη συνδρομή με το aweber για να μαζεύεις μαιλς

 

ανταλλαγή δωρεάν αλλά όχι τόσο ωραία όπως το θες: blogspot! βγάζεις όλα τα widgets και αφήνεις μόνο το ποστ και θα χώσεις το κωδικό από ένα δωρεάν contact form site. Εγώ χρησιμοποιώ

>http://www.foxyform.com

και μου στέλνει μαιλς ειδοποιήσεις

[killer76]

Κοιτα, θελω οσο γινεται να αποφυγω αλλες σελιδες αλλιως θα χρησιμοποιουσα κανα emailmeform κλπ.

 

Για το design θα χρησιμοποιησω κανα frontpage η dreamwaver(ποιο προτεινετε?).

Οποτε το κυριο προβλημα ειναι πως θα φτιαξω το "ξεδιπλωμα" και πως θα μπορω να παραμετροποιησω την εμφανιση των πεδιων της φορμας.

[warlock9_0]

http://www.w3schools.com/jquery/jquery_slide.asp

[killer76]

http://www.w3schools...query_slide.asp

 

Φίλε σε ευχαριστω για το λινκ. Απο αυτο χρησιμοποιησα αυτον των κωδικα http://www.w3schools...ry_slide_toggle σε ενα wordpress που εχω (δημιουργια σελίδας, και εισαγωγη του κωδικα στο html tab), αλλα δεν δουλευε. Εμφανιζόταν το κειμενο αλλα χωρις να δουλευει το εφε. Τελος παντων ισως κατι φταιει στο wp. Ας φτιαξω το site το νεο πρωτα και θα ασχοληθω με αυτο μετα.

 

Γιατι εχω ψιλοκολησει σε αλλα ποιο βασικα

Πρωτη φορα χρησιμοποιώ dreamweaver (αντι για joomla) και τα βρισκω σκουρα. Λοιπον στις παρακατω εικόνες σας δειχνω πως είναι τωρα το site και τι θέλω να κανω. Ενταξει τα χρώμματα και τα κουμπια κλπ θα τα κάνω πολύ καλυτερα αν βρω τον τρόπο. Αυτά τα έχω κάνει με την ζωγραφική μονο και μονο για να σας δείξω τι ακριβως θέλω και αν μπορείτε να βοηθήσετε.

 

1.ετσι είναι τώρα.

 

2.έτσι θέλω να γίνει περίπου.

(Δηλαδή η μαυρη μπάρα επάνω να φτάσει μεχρι το τέλος και το κείμενο να είναι διάφανο ωστε να φαίνεται το φοντο πισω)

 

3.αν πατάω το "διαβάστε περισσότερα να βγαίνει κάτι σαν συνεφάκι

 

4.και αν πατήσει κάποιος "δηλώστε συμμετοχή" να ξεδιπλώνει η φόρμα από κάτω.

 

 

Ευχαριστώ

[SlackulatoR]

Στείλε μου αν θες ένα π.μ να σε βοηθήσω να το φτιάξεις. To ότι δεν δούλευε το εφέ ίσως είχες κάνει κάποιο λάθος με την έκδοση του jquery script ή κάτι παρόμοιο.

[killer76]

Δεν το έχω live καταρχήν και οπως είπα πρώτα με καιει να φτιαξω το template

[killer76]

Μια ερωτησούλα που αφορά το ίδιο site για να μην ανοίγω αλλο νήμα. Χρησιμοποίησα αυτόν τον κώδικα για dropdown menu

 

 <form> <p align="center"><b>Select a Site </b> 
<select id="setit" style="color: #0000FF" size="1" name="test"> 
<option value="">Select one</option> 
<option value="http://www.altavista.com">AltaVista</option> 
<option value="http://www.yahoo.com">Yahoo</option> 
<option value="http://www.google.com">Google</option></select> 
<input type="button" value="Go" onclick="window.open(setit.options[setit.selectedIndex].value)"> </p></form>

που βρήκα εδώ. 

 

Ξέρετε πως μπορώ

 

α) να το κάνω να δουλεύει χωρίς το go,  απλά με την αλλαγή?

 

β) να μην ανοίγει νέο παράθυρο αλλα στο τρέχων (αυτό με επείγει πιο πολύ)

 

γ) να μένει στην τελευταία επιλογή

 

 

αν έχω πχ 3 σελίδες car.html, moto.html, bicycle.html και το έχω φτιάξει το μενού με τις επιλογές car, moto, bicycle με προεπιλογή το car, αν επιλέξει κάποιος το bicycle να του ανοίγει η σελίδα στο ίδιο παράθυρο και επάνω το menu ομως να δηλώνει οτι είναι στο bicycle και όχι να ξαναγυρνάει στο car.