automatically load as fadein popup

Question

I would like the popup to automatically set on and not have to click to make the event. Can you help?

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
   $(document).ready(function(){     
   $('#open').click(function(){

     // enter code here
    $('.popup-overlay').fadeIn('slow');
    $('.popup-overlay').height($(window).height());
    return false;
});



$('#close').click(function(){
    $('#popup').fadeOut('slow');
    $('.popup-overlay').fadeOut('slow');
    return false;
  });
});
</script>
</head>
 <body>
  <div id="content">
   <div id="column-right"><a href="#" id="open">click aqui</a></div>

 </div>

 <div id="popup" style="display: none;">
  <div class="content-popup">
    <div class="close"><a href="#" id="close"><img src="images/close.png"/></a></div>
    <div> enter code here
        <h2>Contenido POPUP</h2>
  </div>
  </div>

Means whenever the page is loaded the pop up automatically opens without any client side event.

You want it to popup on load? I don't understand. This question is mostly code. — davidxd33, Jul 22 '14 at 12:54
that's right, I want the popup is automatically loaded. thanks for answering — user3802101, Jul 22 '14 at 12:56

EduSanCon · Answer 1 · 2014-07-22T13:21:46.993

2

Just take the code out of the click() event:

And remove the div with .popup-overlay class. It's useless

$(document).ready(function(){
    $('#popup').fadeIn('slow');
    $('#popup').height($(window).height());
});

edited Jul 22 '14 at 13:21

answered Jul 22 '14 at 12:55

EduSanCon

1,749
1
11
9

score 0 · Answer 2 · answered Jul 22 '14 at 13:08

0

You may need to fade the #popup also.

$(document).ready(function(){  
   $('#popup').fadeIn('slow');
   $('.popup-overlay').fadeIn('slow');
   $('.popup-overlay').height($(window).height());
});

answered Jul 22 '14 at 13:08

anwerj

2,386
2
17
36

there is no class .popup-overlay, so I supouse that #popup should have that class – EduSanCon Jul 22 '14 at 13:16
not work : [link]https://lahoradelascompras.com/sitio/SORTEO/formulario/index4.php – user3802101 Jul 22 '14 at 13:18
– user3802101 Jul 22 '14 at 13:27
don't you mean **.content-popup** by **.popup-overlay** , just cross check it. – anwerj Jul 22 '14 at 14:48

automatically load as fadein popup

2 Answers2