How to Make aWeber Pop-up With JQuery
- 1). Download and embed jQuery into your site. Download the latest version of jQuery from the jQuery site. Embed the jQuery file into the head section of your HTML page. This sample code demonstrates the method to embed the jQuery file.
<script type="text/javascript" src="jquery.js"></script> - 2). Download and install a jQuery pop-up plugin. This sample embeds the fancybox lightbox plug-in and links to its accompanying stylesheet file. The plug-in interacts with the jQuery framework to produce the pop-up box. You may download the plug-in for free from the fancybox website.
<script src="fancybox.js" type="text/javascript"></script>
<link rel="stylesheet" href="/links/?u=fancybox.css" type="text/css" media="screen"/> - 3). Write a jQuery function. This jQuery function waits for the user to click on a link with an id of inline. When pressed, the link activates the jQuery. The jQuery subsequently calls the pop-up box.
<script type="text/javascript">
$(document).ready(function() {
$("a#inline").fancybox({
'hideOnContentClick': true
});
});
</script> - 4). Write the HTML code. This code creates a link with an id of inline. When pressed, the link activates the pop-up box and activates the aWeber JavaScript script that has been placed inside of the data div.
<a href="/links/?u=#data">This activates the popup</a>
<div style="display:none"><div><script type="text/javascript" src="http://yourAWeberAddress.com/yourAWeberJSFile.js"></script></div></div>
Source...