Simple Jquery Popup Onload Example

Today, We want to share with you Simple Jquery Popup Onload Example.In this post we will show you hide bootstrap modal on page load, hear for How to Launch Bootstrap Modal on Page Load we will give you demo and example for implement.In this post, we will learn about simple popup (modal, on-page-load with time-delay, fast & clean) with an example.

Simple Jquery Popup Onload Example

There are the Following The simple About Simple Jquery Popup Onload Example Full Information With Example and source code.

As I will cover this Post with live Working example to develop bootstrap modal on page load once, so the open bootstrap modal on page load in angular 4 for this example is following below.

Read Also:  Redirect to custom page after plugin activation

Step 1: HTML Source code

index.html

<div id="live_add_product" class="modal fade" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h4 class="modal-title">Lenovo Z570</h4>
      </div>
      <div class="modal-body">
        <p>Lenovo Ideapad Z570 (59-315960) Laptop (2nd Gen Ci5/ 4GB/ 750GB/ DOS/ 2GB Graph)  (15.6 inch, Grey, 2.6 kg)</p>
		<pre>
		<ul>
			<li>Awesome laptop & a definite VFM!!</li>
			<li>A classic laptop</li>
			<li>Ground-Breaking!!! Awesome.</li>
			<li>Excellent Buy :) ..Lenovo Service is Slow :( ...Bitter Sweet Experiance</li>
		</ul>
		</pre>
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>  

here simple tabindex=”-1″ will allow display the any events users to close the popup box using the keyboard Esc key on theire keyboard.

Read Also:  Laravel AJAX Insert Update Delete (CRUD) Example Tutorial

Step 2: Jquery Source Code

main.js

<script>
	 $(window).load(function(){
        $('#live_add_product').modal('show');
     });
 </script>	

Web Programming Tutorials Example with Demo

Read :

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about Simple Jquery Popup Onload Example.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.