Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
88 lines (63 sloc) 2.21 KB
<!DOCTYPE html>
<meta charset='UTF-8' />
<title>Wufoo in a Lightbox | Colorbox</title>
<link rel='stylesheet' href='colorbox/colorbox.css' media='screen'>
<link rel='stylesheet' href='style.css' />
<script src="js/jquery-1.4.min.js"></script>
<script src="colorbox/jquery.colorbox-min.js"></script>
<script >
__savedHeight = 0;
function resizeTheColorbox(height) {
if (height > 0) {
__savedHeight = new Number(height);
var newHeight = __savedHeight + 50; // addition is the submit button offset
height : newHeight
$(function() {
"inline" : true,
"href": "#wufoo-form iframe",
"width": 500,
"innerHeight": $("#wufoo-form iframe").height() // Only deals with initial load
$(document).bind('cbox_complete', function(){
<div id="examples-header" style="width: 100%; background: #bb3b1f;">
<table border="0" cellspacing="0" style="width: 800px; margin: 0 auto;">
<th style="text-align: left;"><img src="" alt="Wufoo Examples" /></th>
<td id="demo-info">Demo for <a href=''>Wufoo in a Lightbox</a></td>
<div id="page-wrap">
<h1>Wufoo in a lightbox</h1>
<h2>Using <a href=''>jQuery</a> and <a href="">Colorbox</a></h2>
<p><a href="#wufoo-form" class="button open-lightbox">Click Here to Open Lightbox</a></p>
<div id="wufoo-form">
<script type="text/javascript">var host = (("https:" == document.location.protocol) ? "https://secure." : "http://");document.write(unescape("%3Cscript src='" + host + "' type='text/javascript'%3E%3C/script%3E"));</script>
<script type="text/javascript">
var s7p8a3 = new WufooForm();
'resizeDone': resizeTheColorbox,