open popup in page load

Question

0.00/5 (No votes)

See more:

hi guys ,

I have some code that , when i click on button popup will open but the popup should open on page load please give me solution guys ..

JavaScript

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery.reveal.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#button').click(function (e) { // Button which will activate our modal
            $('#modal').reveal({ // The item which will be opened with reveal
                animation: 'fade',                   // fade, fadeAndPop, none
                animationspeed: 600,                       // how fast animtions are
                closeonbackgroundclick: true,              // if you click background will modal close?
                dismissmodalclass: 'close'    // the class of a button or element that will close an open modal
            });
            return false;
        });
    });
</script>

this is the code when i click on buton popup will open ,but in page load popup should open please help me guys..
thanks you

Posted 7-May-15 0:44am

u mani

Updated 21-Jan-17 22:23pm

Add a Solution

3 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

RajeeshMenoth · Answer 1 · 2015-05-07T00:52:00

Solution 1

Hi,

Ref this article : Open Show jQuery Modal POPUP Window on Page Load with Example

Posted 7-May-15 0:52am

RajeeshMenoth

Comments

u mani 7-May-15 7:09am

have u modify my above code ..popup will opening in button click but i need to open in page load please tell me how to write

[no name] 7-May-15 7:30am

Change #overlay to #modal in the above ref.you can do some changes in that.try your self.find out the bug and fix yourself "u mani". happy coding..:)

Bimal pedini · Answer 2 · 2015-05-07T00:56:00

Solution 2

XML

<script type="text/javascript">
     $(document).ready(function () {
         $("#button").click(function () {
             $("#modal").dialog();
         });
     });
 </script>

XML

<div id="modal" style="display: none;">
    This is your pop up , you can append your html content on it
</div>

This will help to get a dialog box popup.

Thanks
Bimal

Posted 7-May-15 0:56am

Bimal pedini

Updated 7-May-15 0:59am

v2

Comments

u mani 7-May-15 7:02am

hi thanks for comment ..when i click on button popup opening but i want to open in page load please tell me how to do ... thanks

Bimal pedini · Answer 3 · 2015-05-07T01:25:00

Solution 3

XML

<script type="text/javascript">
     $(document).ready(function () {
        $("#modal").dialog();         
     });
 </script>

you need to write above code directly under the ready method that it will popup on the load time .

i think this will help you.

Thanks
Bimal

Posted 7-May-15 1:25am

Bimal pedini

open popup in page load

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

open popup in page load

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us