Προς το περιεχόμενο

Εμφάνιση παραθύρου στην αρχή της σελίδας

Uberalles_gr

Από τον Uberalles_gr
στο Web Design - Development

Προτεινόμενες αναρτήσεις

Uberalles_gr Grand Master

Uberalles_gr

Δημοσ.
  • Μέλος
Δημοσ.
δες αυτό νομίζω ότι είναι ότι ζητάς

 

http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/index.htm

Θέλω να σκιάζει και την σελίδα μου

 

 

Αν γράφεις με jQuery μπορείς να χρησιμοποιήσεις το http://www.ericmmartin.com/projects/simplemodal/

Την είχα δει και εγώ αυτή την σελίδα. Αλλά αυτό που δεν μου κάνει είναι ότι πρέπει να πατήσεις εσύ το κουμπί για να γίνει το effect που θέλω. Το είχα προσπαθήσει με το <body onload=''> αλλά δεν κατάφερα τίποτα

 

Ευχαριστώ πάντως για τις απαντήσεις σας

Maniakos Experienced

Maniakos

Δημοσ.
Δημοσ.

Την είχα δει και εγώ αυτή την σελίδα. Αλλά αυτό που δεν μου κάνει είναι ότι πρέπει να πατήσεις εσύ το κουμπί για να γίνει το effect που θέλω. Το είχα προσπαθήσει με το <body onload=''> αλλά δεν κατάφερα τίποτα

 

Ευχαριστώ πάντως για τις απαντήσεις σας

 

Δεν είναι δύσκολο αυτό που θες. Με μια μικρή τροποποίηση στο Basic Modal Dialog από τα examples εδώ:

http://www.ericmmartin.com/projects/simplemodal-demos/

 

>
<!DOCTYPE html>
<html>
<head>
<title> SimpleModal Basic Modal Dialog </title>
<meta name='author' content='Eric Martin' />
<meta name='copyright' content='2009 - Eric Martin' />

<!-- Contact Form CSS files -->
<link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />

<!-- IE 6 "fixes" -->
<!--[if lt IE 7]>
<link type='text/css' href='css/basic_ie.css' rel='stylesheet' media='screen' />
<![endif]-->

<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/basic.js'></script>

[b][color="red"]
<script type="text/javascript">
   $(function() {
       $('#basic-modal-content').modal();
   });
</script>
[/b][/color]

</head>
<body>
<div id='basic-modal'><h2>Basic Modal Dialog</h2>
<p>A basic modal dialog with minimal styling and without any additional settings. There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on external CSS for the look and feel.</p>
<input type='button' name='basic' value='Demo' class='basic demo'/> or <a href='#' class='basic'>Demo</a>
</div>
<div id="basic-modal-content">
<h3>Basic Modal Dialog</h3>
<p>For this demo, SimpleModal is using this "hidden" data for its content. You can also populate the modal dialog with standard HTML or with DOM element(s).</p>
<p>Examples:</p>
<p><code>$('#basicModalContent').modal(); // jQuery object; this demo</code></p>
<p><code>$.modal(document.getElementById('basicModalContent')); // DOM</code></p>
<p><code>$.modal('<p><b>HTML</b> elements</p>'); // HTML</code></p>

<p><a href='http://www.ericmmartin.com/projects/simplemodal/'>More details...</a></p>
</div>

</body>
</html>

 

Και με triggers/events μπορείς να κάνεις το ίδιο.

StavrosD Crazy Insomniac

StavrosD

Δημοσ.
Δημοσ.

Φτιάξε 2 DIV στο body, ένα που να πιάνει όλη την σελίδα (position: absolute;top:0px;left:0px;width:100%;height 100%) και ένα που να έχει το μήνυμα που θες το οποίο να είναι κεντραρισμένο. Το πρώτο div κάνε το ημιδιαφανές με το χρώμα που θες και το αντίστοιχο transparency.

 

Βάλε τέτοιο z-index στο καθένα ώστε πάνω από όλα τα αντικείμενα της σελίδας να είναι το div με το μήνυμα, μετά το άλλο για την σκίαση και ύστερα όλα τα άλλα.

 

Αρχικά τα έχεις εμφανή, και μετά αλλάζεις το display σε none.

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

Προς την λίστα θεμάτων
  • Δημιουργία νέου...