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

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

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

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

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

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

Και στο <body>

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

<a href="URL" onclick="popup('URL', 'Window Name')">Πατήστε εδω για άνοιγμα pop-up</a>
ή
<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.

1 αστέρι2 αστέρια3 αστέρια4 αστέρια5 αστέρια!!! (2 votes, average: 5.00 out of 5)
Loading ... Loading ...
` Ετικέτες: ,

Leave a Reply

You must be logged in to post a comment.


@ ads.freestuff.gr Δωρεάν Διαφήμιση
-->