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

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Bimal pedini · Answer 1 · 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

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

RajeeshMenoth · Answer 3 · 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..:)