Δημιουργία Pop-Up Window με Javascript

Κατηγορία: How To | Tricks & Tips, Web Developing Views:

Πολλές φορές τα pop-up ειναι κουραστικά και ενοχλητικά για τους επισκέπτες της σελίδας μας, ειδικά οταν αυτό γινεται αυτόματα. Ωστόσο σε πολλές περιπτώσεις ειναι πολύ χρήσιμα.

Με χρήση Javascript δημιουργούμε νέα παράθυρα.

Κώδικας για το <head> :

  1. <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
  2. function popup(link,name) {
  3. openpopup = window.open(link, name, 'width=500, height=500,
  4. top=0, left=0, menubar=yes, status=yes, resizable=yes,
  5. toolbar=yes, location=no, scrollbars=yes');
  6. openpopup.focus();
  7. }
  8. </SCRIPT>

Και στο <body>

Κώδικας για να ανοίγει σε νέα σελίδα /pop-up :

  1. <a href="URL" onclick="popup('URL', 'Window Name')">Πατήστε εδω για άνοιγμα pop-up</a>
  2. ή
  3. <input type="button" size="20" name="Click Me" onclick="popup('URL', 'Window Name')" />

URL = To URL της σελίδας που θα ανοίξει στο pop up
Window Name = Το όνομα του νέου παράθυρου.

Tip:

Βάζουμε στο <a href="--to link--" .... το link μας αντι για # ώστε εαν είναι κλειστή η Javascript, τουλάχιστον θα ανοίγει το link στο ίδιο παράθυρο. Αν δουλεύει η Javascript απλώς θα γίνεται το pop up. Οι μηχανές αναζήτησης δεν ακολουθούν javascript links.

` Ετικέτες: ,

Comments are closed.