the Forum
How to add email collection popup on my website
Posted on December 1, 2011 by Tony
Total Posts: 1 | Join date: 12-01-11
Tags: There are no tags for this entry.
2 answers, add yours below
Posted on on December 1, 2011 at 11:24am
by Michael Rosario
As much as I LOVE LOVE LOVE popups... Here is a good solution using jQuery and FancyBox.
BTW, looks like fancy box is using a popup for their site to tell folks that Fancybox 2 is out.
For now, we'll use fancy box 1.
So first we need the following in our header:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" ></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="scripts/fancybox/jquery.fancybox-1.3.4.css" />
We also need to add the following to the header, this will setup our fancy box:
<script type="text/javascript">
$(document).ready( function(){
$(".Popup").fancybox({ width: 500, height: 600}).click();
});
</script>
On the BODY, I would put the following:
<a href="form.html" class="Popup"></a>
<!-- Link to your form - wether it's a different page, constant contact, etc. -->
For more options, like auto-resizing, scrollbars and cool neat tricks - refer to their API at
http://fancybox.net/api
Posted on on December 9, 2013 at 7:15pm
by Charlotte Barry
add your answers here
comments powered by Disqus
Add New Thread
Trending Threads
- How to create a simultaneous search box using HTML/JavaScript?
- Posted on March 13, 2013 by Arnold
2 Replies | Add a Reply
- CarouFredSel is not loading consistently on page reload.
- Posted on April 30, 2013 by Michael Rosario
6 Replies | Add a Reply
- Removing all eventSources in jQuery FullCalendar plugin
- Posted on June 14, 2011 by Michael Rosario
3 Replies | Add a Reply
- Fancybox 2 is shifting on load
- Posted on September 12, 2012 by Michael Rosario
11 Replies | Add a Reply
- How to get a JSON feed with YouTube and parse using Jquery
- Posted on November 2, 2011 by Michael Rosario
1 Reply | Add a Reply
- I’d like to be able to add Facebook, Twitter, Pinterest, and Instagram feeds to my website
- Posted on July 25, 2014 by James
2 Replies | Add a Reply
- Enable GZIP on Pair.com
- Posted on April 4, 2014 by Michael Rosario
2 Replies | Add a Reply
- Issue using mediaelement.js with IE7/8 blank video with sound
- Posted on March 16, 2012 by Michael Rosario
3 Replies | Add a Reply