JavaScript Pop-Ups

• Ενδέχεται 13, 2024

Το JavaScript σχεδιάστηκε για να προσθέτει διαδραστικότητα στις ιστοσελίδες, οπότε δεν προκαλεί έκπληξη το γεγονός ότι διαθέτει διάφορες λειτουργίες για να είναι απλό να συλλέγει πληροφορίες και να το εμφανίζει σε ένα χρήστη που χρησιμοποιεί αναδυόμενα παράθυρα. Πριν κοιτάξουμε αυτά τα κουτιά, λάβετε υπόψη ότι ενώ αυτά είναι συχνά ο απλούστερος τρόπος συλλογής και προβολής πληροφοριών, δεν είναι αναγκαστικά τα πιο ελκυστικά ή φιλικά προς το χρήστη. Μεταξύ άλλων, τα αναδυόμενα παράθυρα απαιτούν από το χρήστη να πιέσει ένα κουμπί για να κλείσει το παράθυρο μετά από κάθε μήνυμα ή εισαγωγή - αυτό μπορεί να γίνει παλιό. Επίσης, από άποψη σχεδιασμού ιστού, έχετε πολύ λίγο έλεγχο σχετικά με την παρουσίαση πληροφοριών σε αναδυόμενα παράθυρα. Τούτου λεχθέντος, στο σωστό μέρος, και χρησιμοποιούμε με μετριοπάθεια, τα pop-up κουτιά μπορούν να είναι απλά και αποτελεσματικά.

Υπάρχουν τρεις τύποι αναδυόμενων πλαισίων - ειδοποίηση, επιβεβαίωση και προτροπή. Το απλούστερο και πιο συχνά χρησιμοποιούμενο αναδυόμενο παράθυρο είναι επιφυλακτικό. Η ειδοποίηση παίρνει ένα επιχείρημα - ένα μήνυμα προς το χρήστη. Όταν εμφανιστεί ένα πλαίσιο ειδοποίησης, ο χρήστης δεν μπορεί να συνεχίσει μέχρι να πατήσει το πλήκτρο "OK". Ο κωδικός για ένα κουτί ειδοποίησης είναι απλός:

alert ("Αυτή είναι μια ειδοποίηση")



Το πλαίσιο επιβεβαίωσης είναι μόνο λίγο πιο περίπλοκο. Όπως η ειδοποίηση, επιβεβαιώστε παίρνει ένα επιχείρημα - το μήνυμα. Όταν εμφανιστεί ένα πλαίσιο επιβεβαίωσης, ο χρήστης μπορεί να επιλέξει να απαντήσει χρησιμοποιώντας τα κουμπιά "OK" ή "Cancel". Σε αντίθεση με την προειδοποίηση, επιβεβαιώνει την τιμή επιστροφής - 0 σημαίνει ότι ο χρήστης πατήσει "Ακύρωση" και το 1 σημαίνει "ΟΚ". Ο κωδικός για ένα πλαίσιο επιβεβαίωσης είναι ίδιο με ένα πλαίσιο ειδοποίησης εκτός από το ότι θέλετε να συλλέξετε την αξία επιστροφής με κάποιο τρόπο:

save_me = επιβεβαιώστε ("Αυτό είναι ένα αναδυόμενο παράθυρο επιβεβαίωσης")



Παρόλο που είναι το πιο περίπλοκο από τα αναδυόμενα παράθυρα, το prompt είναι ακόμα αρκετά απλό. Το Prompt λαμβάνει δύο επιχειρήματα - ένα μήνυμα προς τον χρήστη και μια προεπιλεγμένη τιμή (ή "" εάν δεν θέλετε προεπιλεγμένη τιμή.) Όταν εμφανιστεί το πλαίσιο προτροπής, ο χρήστης μπορεί να εισάγει τις ζητούμενες πληροφορίες και να πατήσει "OK". Υπάρχει επίσης ένα κουμπί "Ακύρωση". Η τιμή επιστροφής είναι η απάντηση του χρήστη. Εάν ο χρήστης ακυρώσει την τιμή επιστροφής είναι μηδενικό. Αν αφήσουν κενό το πλαίσιο προτροπής, η τιμή επιστροφής θα είναι η κενή συμβολοσειρά (""). Πιθανότατα θέλετε να ελέγξετε για αυτές τις αξίες και να κάνετε κάτι ξεχωριστό παρά χρήση μηδενικό ή την κενή συμβολοσειρά ως απάντησή τους. Ο κωδικός για ένα prompt πλαίσιο είναι:

response = prompt ("Αυτή είναι μια ερώτηση", "Απάντηση εδώ")



Μπορείτε να δείτε μια επίδειξη αυτών των αναδυόμενων πλαισίων εδώ

---

Οδηγίες Βίντεο: Build a Popup With JavaScript (Ενδέχεται 2024).