Πώς να κάνω μια Div Pop -up

Έχοντας ένα div ή τμήμα του κώδικα εμφανίζονται σε ένα pop- up παράθυρο είναι χρήσιμο σε διάφορα πλαίσια . Μπορεί να θέλετε να την ειδοποίηση του χρήστη κάποιων σχετικών πληροφοριών σε ένα γρήγορο και άμεσο τρόπο . Χρησιμοποιώντας ένα μικρό κομμάτι της JavaScript , μπορείτε να δημιουργήσετε ένα pop- up παράθυρο για ένα τμήμα του περιεχομένου . Οδηγίες
Η

1 Ανοίξτε το IDE ( Integrated Development Environment ) της επιλογής σας . 2

Βρείτε τον κωδικό που θέλετε να εμφανίζονται σε ένα pop-up παράθυρο , καθώς και τι θέλετε να ενεργοποιεί το pop -up , όπως το πάτημα ενός κουμπιού
εικόνων 3

Διαμορφώστε τον κωδικό σας , σύμφωνα με την ακόλουθη σύνταξη : .

<Τύπος script = " text /javascript " >

λειτουργία show_alert ( ) {

alert (" Πληκτρολογήστε το εναλλακτικό κείμενο εδώ ")? }

Δημιουργήστε ένα κουμπί για την ενεργοποίηση του συναγερμού :

Η

4 Αποθηκεύστε τις αλλαγές στον κώδικα σας και ελέγξτε ότι λειτουργεί σωστά .
5

Τοποθετήστε το περιεχόμενο του div , χρησιμοποιώντας αυτή την τροποποιημένη σύνταξη μετά από συνεννόηση πώς η λειτουργικότητα pop- up λειτουργεί με την προηγούμενη σύνταξη . Θα χρειαστεί να χρησιμοποιήσετε " . InnerHTML " για να τραβήξει το περιεχόμενο HTML του div . Επίσης , βεβαιωθείτε ότι το div έχει ένα μοναδικό id:

<. br >

Σύνταξη:

show_alert λειτουργία () {

alert ( test.innerHTML ) ?

}

στην λειτουργία ειδοποίησης, "test" είναι η πρώτη λέξη που περιλαμβάνεται , όπως είναι το όνομα του div , και " . innerHTML " χρησιμοποιείται για να λαμβάνει το περιεχόμενο των εν λόγω div . Χρησιμοποιήστε το όνομα του id div για τον κωδικό σας .
Η
εικόνων