Javascript script που κρύβει ένα popup παράθυρο

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Javascript script που κρύβει ένα popup παράθυρο

Δημοσίευση από dimsis » 05 Οκτ 2009 10:33

Javascript script που κρύβει ένα popup παράθυρο μετά από κάποια δευτερόλεπτα

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Self closing popup div &#40; auto hiding div after some time &#41;</title>
<script type="text/javascript">
	function show&#40;&#41;&#123;e=document.getElementById&#40;'o'&#41;;e.style.visibility='visible';&#125;
	function hide&#40;&#41;&#123;e=document.getElementById&#40;'o'&#41;;e.style.visibility='hidden';&#125;
	setTimeout &#40;"hide&#40;&#41;", 5000&#41; 
</script>
</head>
<body>
<h1>Hidding a popup div after some time...</h1>
<div id="o" onclick="hide&#40;&#41;" style="position&#58;absolute; left&#58;10px; top&#58;100px; width&#58;300px; height&#58;150px;background-color&#58;#FFFFCC;border&#58;1px solid #ccc;padding&#58;5px; overflow&#58;auto">
  <h1>Click to hide</h1>
  This is a self hiding div. Click on it or wait 5 seconds to hide it</div>
</body>
</html>
Demo: http://www.avadaz.com/playground/autoclose.htm

Αυτό είναι για popup παράθυρο:
http://www.codelifter.com/main/javascri ... ndow1.html
Το πρόβλημα είναι πως τα popup παράθυρα πλέον στις περισσότερες περιπτώσεις μπλοκαρονται από τους browsers.

Οπότε η λύση είναι κάποιο popup div που εμφανίζεται και κρύβεται όποτε το χρειαζόμαστε.

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

Javascript script που κρύβει ένα popup παράθυρο

Δημοσίευση από Rapid-eraser » 05 Οκτ 2009 10:40

Γενικότερα τα modals σαν τεχνική έχουν αντικαταστήσει τα popups.


dimsis++
Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες