Personalized Website Design. Professional Designers to handle all your requirements. Includes Email & Web Hosting. Site ready in less than 2 weeks.
Learn MoreWe help you create your own Shopping Cart. We have professional designers to handle all your requirements for a cheap price. Includes Email & Web Hosting. Website ready in less than 2 weeks.
Learn More
In this tutorial we are going to learn how to create a Coming Soon Page which allows the visitor to see a countdown timer and send their email address which can be stored in a database. If you are planning to launch new online project or your new website then coming soon pages can be handy tools for you as under construction page proven to get most out of these early announcements. A typical launching soon page contains a countdown and a form that collects emails from interested visitors. In this tutorial I implemented a launching soon with PHP and jQuery like this:
This page is very simple to modify and customize using just some lines of CSS code. It needs to have the website logo for branding, keywords used on the site, a brief paragraph explaining what is intended by the website and links to your social networking profile pages. Download the source code below.
JQuery makes it very easy to use AJAX to submit data back to server. AJAX allows you to make a round trip to the server without refreshing the page, on the response back from the server we will display a message depending on the result from the server. In order to implement the countdown I used this dynamic countdown script that lets you count down to relative events of a future date/time. As you can see on the screenshot it's fully customizable.
First add this line of code in the <head> tag of the page:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/countdown.js"></script>
<script type="text/javascript">$(document).ready(function()
{$("form#submit_leave_email").submit(function()
{var input_leave_email = $('#input_leave_email').attr('value');
$.ajax({type: "POST",url: "insert.php",data: "input_leave_email="+ input_leave_email,
success: function(){$("#submit_leave_email").fadeOut();
$("#update_success").fadeIn();}});return false;});});
</script>
In the <body> tag add the following lines of code to display the countdown timer:
<div id="count_down_container"></div>
<script type="text/javascript">var currentyear=new Date().getFullYear()
var target_date=new cdtime("count_down_container", "December 25, "+currentyear+" 0:0:00")
target_date.displaycountdown("days", displayCountDown)
</script>
To set a target date you have to change this line modifying December 25 and the hour 0:0:00 with your target date. In this example I used December 25 + the current year.
new cdtime("count_down_container", "December 25, "+currentyear+" 0:0:00")
These are the lines of PHP code to insert an email address into a database table. In this example I created a table NEWSLETTER with two attributes "id" and "email". ID attribute is our primary key. Modify the code below for your database connection, mysql user and password.
<?php
/* Connection to Database */
$link = mysql_connect('localhost', 'mysql_user', 'mysql_password');
if (!$link) {die('Could not connect: ' . mysql_error());}
if(isset($_POST['input_leave_email'])){
/* Remove HTML tag to prevent query injection */
$email = strip_tags($_POST['input_leave_email']);
$sql = 'INSERT INTO NEWSLETTER (email) VALUES( "'.$email.'")';mysql_query($sql);
echo $email;} else { echo '0'; }// close connectionmysql_close($link);
?>
Remember to modify your database connection parameters in the code. That's all. You can customize and reuse in your web project for free! Leave a comment for your suggestions, thanks!
I cannot thank you enough for the blog article. Will read on...
I am so grateful for your blog post.Much thanks again.
Fantastic blog.Much thanks again. Want more.
Really appreciate you sharing this blog.Much thanks again. Will read on...
Thanks-a-mundo for the article. Awesome.
This is one awesome article post.Really thank you!
Thanks-a-mundo for the blog article.Much thanks again. Great.
Appreciate you sharing, great article.Really thank you! Really Cool.
Really enjoyed this article post.Thanks Again. Great.
A big thank you for your blog post.
Thanks for the blog post.Really looking forward to read more. Will read on...
Great post.Really looking forward to read more. Keep writing.
I appreciate you sharing this blog post.Really thank you! Great.
Enjoyed every bit of your post.Much thanks again. Really Great.
Major thanks for the article.Thanks Again. Much obliged.
Really informative blog post.Much thanks again. Fantastic.
Thanks for the blog post.Really looking forward to read more. Awesome.
Wow, great blog post.Much thanks again. Want more.
Thanks for the article post. Awesome.
I appreciate you sharing this blog post.Really thank you! Awesome.
Looking forward to reading more. Great blog article.Really thank you! Much obliged.
wow, awesome post.Really thank you! Really Great.
I really enjoy the post.Really looking forward to read more. Really Great.
Awesome blog post.Much thanks again. Fantastic.
I really enjoy the article post.Much thanks again.
Thanks for sharing, this is a fantastic blog post.Much thanks again. Much obliged.
Thanks-a-mundo for the article.Thanks Again.
Im thankful for the blog article.Really looking forward to read more. Keep writing.
wow, awesome blog.Really looking forward to read more. Cool.
Great blog post.Really thank you! Awesome.
Thanks so much for the blog article.Really thank you! Really Great.
I think this is a real great post. Fantastic.
I loved your post.Much thanks again. Keep writing.
Im thankful for the blog post.Much thanks again. Want more.
I am so grateful for your article post.Much thanks again. Want more.
Im thankful for the article.Thanks Again. Great.
[...]Create a Coming Soon Page with PHP and jQuery » Cyferweb - Digital Solutions[...]
[...]Create a Coming Soon Page with PHP and jQuery » Cyferweb - Digital Solutions[...]
[...]Create a Coming Soon Page with PHP and jQuery » Cyferweb - Digital Solutions[...]
I really enjoy the article post. Awesome.
I cannot thank you enough for the article post.Really looking forward to read more.
Thanks again for the blog article.Really thank you! Want more.
Great, thanks for sharing this article.Really looking forward to read more. Awesome.
Really informative blog article.Really thank you! Will read on...
I truly appreciate this blog.Thanks Again. Really Cool.
Looking forward to reading more. Great blog.Thanks Again. Keep writing.
A round of applause for your post.Really looking forward to read more. Great.
Appreciate you sharing, great blog post. Awesome.
Really informative blog.Much thanks again. Fantastic.
Major thankies for the blog article.Really thank you! Keep writing.
I appreciate you sharing this blog article.Much thanks again. Want more.
Really appreciate you sharing this blog post.Really looking forward to read more. Really Cool.
Thank you for your article.Really thank you! Fantastic.
Really informative post. Cool.
I really like and appreciate your blog article.Really looking forward to read more. Will read on...
A big thank you for your blog post. Awesome.
Thanks again for the article post.Thanks Again. Really Cool.
Thanks a lot for the article post.Really thank you! Will read on...
Thank you ever so for you blog post.
Very good post.Much thanks again. Much obliged.
I appreciate you sharing this article post.Much thanks again. Fantastic.
Thank you for your blog.Much thanks again. Really Cool.
I really liked your blog post.Really looking forward to read more. Want more.
Great, thanks for sharing this blog.Thanks Again. Much obliged.
I value the blog post.Really thank you! Much obliged.
I appreciate you sharing this post.Thanks Again. Cool.
Really enjoyed this article post.Really looking forward to read more. Will read on...
Thank you ever so for you blog.Thanks Again. Fantastic.
Thanks again for the blog article.Much thanks again. Keep writing.
Thank you for your blog post.Really looking forward to read more. Want more.
I value the post.Really looking forward to read more. Really Great.
[...]Create a Coming Soon Page with PHP and jQuery » Cyferweb - Digital Solutions[...]
[...]Create a Coming Soon Page with PHP and jQuery » Cyferweb - Digital Solutions[...]
[...]Create a Coming Soon Page with PHP and jQuery » Cyferweb - Digital Solutions[...]
- which might be replaced are so expensive that you are not likely to
get your money back for quite a while. If any of the windows needed to be custom
made the price goes up again but with or without being custom made look for a four or five figure
price structure for the average property.
They are economical from an electricity saving standpoint and do add a lot of comfort to the home <a href=http://mkssiemianowice.pl>Hotele Kraków</a> by making it cooler in the summer and warmer inside winter and blocking
out excess noise. It would be good to experience a nice quiet pleasant house that's not drafty or horribly
hot.
According to help other consumer reports house windows which were -
<a href=http://ridix.pl>odziez reklamowa</a> - energy saving are easier than ever to find as they become more popular.
Almost all of the big name manufactures have produced their own private line with low-E coatings,
double and triple pane, some of them using gas filled and warm reflecting glass - . There are many new types available.
<a href=http://www.leftjaballnightboxing.com>Boxing</a>
Since our inception, we have been overwhelmed by the response from governments, universities, industry bodies, companies and individuals who all wish to engage and explore our platform to their benefit. iPledg – for those who wish to raise funds in a manner that doesn’t involve loans that have to be repaid or the giving away of equity in your enterprise or idea.
<a href=http://www.ipledg.com>seed funding</a>
People are so ridiculous about sporting activities betting and SBOBET has proved to be the greatest 1 that satisfies their requirements and it's the player's choice. The internet sites which provide SBOBET providers has the following advantages. It is a 1 cease for all sorts of game titles with more than 500 sporting functions which includes leagues, worldwide matches and so forth. One can decide on from the different betting games accessible on-line in the websites.
SBOBET has thousands and thousands of followers around the globe. The person welcoming web site and a variety of promotions drag the users to use this for all their activity betting routines. Below the player is finding the gain of enjoying vast variety of casino game titles at 1 position.Its like a 1 stop store. This provides independence of option and enjoys great returns in 24 hrs. SBOBET internet sites are ideal for people who do not have time to spare. This kind of folks are not capable to locate a appropriate resource for their betting actions. SBOBET is an exceptional option to be on the web and engage in so numerous online games. Net is giving you broad options to join and get membership also appreciate the freedom of betting different sports activities. SBOBET is trouble cost-free and all the members' are incredibly content with the services. From numerous feedbacks and testimonies you will get a much better thought about the rewards you can enjoy from SBOBET.
Find out how Dr Suzanne Gudakunst discovered how calories, carbs, and such have far less to do with the real reason you're fat and can't seem to lose weight regardless of what you do!
It is currently available at:
=> http://vikjohnsen.com
But hurry as lobbyist want her secret forever banned because it threatens the food & drug companies' continued stronghold on the masses in order for them to remain rich at the cost of YOUR health!
Lose 47 pounds in just 28 days magically
without changing one thing you eat using
Dr Suzanne's breakthrough "TOP SECRET
Fat Loss Secret!" ... It's all the rave! Hurry!
http://vikjohnsen.com
[url=http://vikjohnsen.com]fatloss[/url]
[url=http://whenifallpleasegrabmyhand.com]devotional[/url]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 next »