Skip to content

Instantly share code, notes, and snippets.

@lazypower

lazypower/default.html

Created April 14, 2011 15:54
Show Gist options
  • Save lazypower/919774 to your computer and use it in GitHub Desktop.
Save lazypower/919774 to your computer and use it in GitHub Desktop.
Download ZIP
iterates through a json data string and parses them into an unordered list for pagination.
Raw
default.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head><meta charset="utf-8" />
<!--[if IE]><![endif]-->
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" /><![endif]-->
<title>
University Bound Scholarship Program
</title><meta name="description" /><meta name="keywords" /><meta name="author" content="Transhuman Creative" /><link rel="shortcut icon" href="/favicon.ico" /><link href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold" rel="stylesheet" type="text/css" /><link rel="stylesheet" href="css/master.css" /><link rel="stylesheet" href="css/style.css?v=1.0" /><link rel="Stylesheet" href="css/validationEngine.jquery.css" type="text/css" /><script type="text/javascript">
jsonData = [{"id:": "1","Name":"Mr Crabs","MemberID":"7", "Submitted":"4/14/2011"},{"id:": "2","Name":"John Smith","MemberID":"3", "Submitted":"4/14/2011"},{"id:": "3","Name":"nurse betty","MemberID":"4", "Submitted":"4/14/2011"},{"id:": "5","Name":"Mr Crabs","MemberID":"7", "Submitted":"4/14/2011"},{"id:": "6","Name":"John Smith","MemberID":"3", "Submitted":"4/14/2011"},{"id:": "7","Name":"nurse betty","MemberID":"4", "Submitted":"4/14/2011"},{"id:": "8","Name":"John Smith","MemberID":"3", "Submitted":"4/14/2011"}];
</script>
</head>
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]><body class="ie7"> <![endif]-->
<!--[if IE 8 ]><body class="ie8"> <![endif]-->
<!--[if IE 9 ]><body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body>
<!--<![endif]-->
<form name="ctl01" method="post" action="Default.aspx?id=1245" id="ctl01">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE0MjQ4MTUwNjQPZBYEAgEPZBYCAg0PFgIeBFRleHQFuAQ8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+DQpqc29uRGF0YSA9IFt7ImlkOiI6ICIxIiwiTmFtZSI6Ik1yIENyYWJzIiwiTWVtYmVySUQiOiI3IiwgIlN1Ym1pdHRlZCI6IjQvMTQvMjAxMSJ9LHsiaWQ6IjogIjIiLCJOYW1lIjoiSm9obiBTbWl0aCIsIk1lbWJlcklEIjoiMyIsICJTdWJtaXR0ZWQiOiI0LzE0LzIwMTEifSx7ImlkOiI6ICIzIiwiTmFtZSI6Im51cnNlIGJldHR5IiwiTWVtYmVySUQiOiI0IiwgIlN1Ym1pdHRlZCI6IjQvMTQvMjAxMSJ9LHsiaWQ6IjogIjUiLCJOYW1lIjoiTXIgQ3JhYnMiLCJNZW1iZXJJRCI6IjciLCAiU3VibWl0dGVkIjoiNC8xNC8yMDExIn0seyJpZDoiOiAiNiIsIk5hbWUiOiJKb2huIFNtaXRoIiwiTWVtYmVySUQiOiIzIiwgIlN1Ym1pdHRlZCI6IjQvMTQvMjAxMSJ9LHsiaWQ6IjogIjciLCJOYW1lIjoibnVyc2UgYmV0dHkiLCJNZW1iZXJJRCI6IjQiLCAiU3VibWl0dGVkIjoiNC8xNC8yMDExIn0seyJpZDoiOiAiOCIsIk5hbWUiOiJKb2huIFNtaXRoIiwiTWVtYmVySUQiOiIzIiwgIlN1Ym1pdHRlZCI6IjQvMTQvMjAxMSJ9XTsNCjwvc2NyaXB0Pg0KZAIDD2QWBAIDD2QWBgIVDxBkEBUgAAExATIBMwE0ATUBNgE3ATgBOQIxMAIxMQIxMgIxMwIxNAIxNQIxNgIxNwIxOAIxOQIyMAIyMQIyMgIyMwIyNAIyNQIyNgIyNwIyOAIyOQIzMAIzMRUgAAExATIBMwE0ATUBNgE3ATgBOQIxMAIxMQIxMgIxMwIxNAIxNQIxNgIxNwIxOAIxOQIyMAIyMQIyMgIyMwIyNAIyNQIyNgIyNwIyOAIyOQIzMAIzMRQrAyBnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2RkAhcPEGQQFT4ABDIwMDAEMTk5OQQxOTk4BDE5OTcEMTk5NgQxOTk1BDE5OTQEMTk5MwQxOTkyBDE5OTEEMTk5MAQxOTg5BDE5ODgEMTk4NwQxOTg2BDE5ODUEMTk4NAQxOTgzBDE5ODIEMTk4MQQxOTgwBDE5NzkEMTk3OAQxOTc3BDE5NzYEMTk3NQQxOTc0BDE5NzMEMTk3MgQxOTcxBDE5NzAEMTk2OQQxOTY4BDE5NjcEMTk2NgQxOTY1BDE5NjQEMTk2MwQxOTYyBDE5NjEEMTk2MAQxOTU5BDE5NTgEMTk1NwQxOTU2BDE5NTUEMTk1NAQxOTUzBDE5NTIEMTk1MQQxOTUwBDE5NDkEMTk0OAQxOTQ3BDE5NDYEMTk0NQQxOTQ0BDE5NDMEMTk0MgQxOTQxBDE5NDAVPgAEMjAwMAQxOTk5BDE5OTgEMTk5NwQxOTk2BDE5OTUEMTk5NAQxOTkzBDE5OTIEMTk5MQQxOTkwBDE5ODkEMTk4OAQxOTg3BDE5ODYEMTk4NQQxOTg0BDE5ODMEMTk4MgQxOTgxBDE5ODAEMTk3OQQxOTc4BDE5NzcEMTk3NgQxOTc1BDE5NzQEMTk3MwQxOTcyBDE5NzEEMTk3MAQxOTY5BDE5NjgEMTk2NwQxOTY2BDE5NjUEMTk2NAQxOTYzBDE5NjIEMTk2MQQxOTYwBDE5NTkEMTk1OAQxOTU3BDE5NTYEMTk1NQQxOTU0BDE5NTMEMTk1MgQxOTUxBDE5NTAEMTk0OQQxOTQ4BDE5NDcEMTk0NgQxOTQ1BDE5NDQEMTk0MwQxOTQyBDE5NDEEMTk0MBQrAz5nZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2RkAhkPEGQQFTwABDIwMDgEMjAwNwQyMDA2BDIwMDUEMjAwNAQyMDAzBDIwMDIEMjAwMQQyMDAwBDE5OTkEMTk5OAQxOTk3BDE5OTYEMTk5NQQxOTk0BDE5OTMEMTk5MgQxOTkxBDE5OTAEMTk4OQQxOTg4BDE5ODcEMTk4NgQxOTg1BDE5ODQEMTk4MwQxOTgyBDE5ODEEMTk4MAQxOTc5BDE5NzgEMTk3NwQxOTc2BDE5NzUEMTk3NAQxOTczBDE5NzIEMTk3MQQxOTcwBDE5NjkEMTk2OAQxOTY3BDE5NjYEMTk2NQQxOTY0BDE5NjMEMTk2MgQxOTYxBDE5NjAEMTk1OQQxOTU4BDE5NTcEMTk1NgQxOTU1BDE5NTQEMTk1MwQxOTUyBDE5NTEEMTk1MBU8AAQyMDA4BDIwMDcEMjAwNgQyMDA1BDIwMDQEMjAwMwQyMDAyBDIwMDEEMjAwMAQxOTk5BDE5OTgEMTk5NwQxOTk2BDE5OTUEMTk5NAQxOTkzBDE5OTIEMTk5MQQxOTkwBDE5ODkEMTk4OAQxOTg3BDE5ODYEMTk4NQQxOTg0BDE5ODMEMTk4MgQxOTgxBDE5ODAEMTk3OQQxOTc4BDE5NzcEMTk3NgQxOTc1BDE5NzQEMTk3MwQxOTcyBDE5NzEEMTk3MAQxOTY5BDE5NjgEMTk2NwQxOTY2BDE5NjUEMTk2NAQxOTYzBDE5NjIEMTk2MQQxOTYwBDE5NTkEMTk1OAQxOTU3BDE5NTYEMTk1NQQxOTU0BDE5NTMEMTk1MgQxOTUxBDE5NTAUKwM8Z2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZGQCBw8WAh8ABdABPGRpdiBpZD0iZGlhbG9nLW1lc3NhZ2UiIHRpdGxlPSJOb3QgQXBwcm92ZWQiPgk8cD48c3BhbiBjbGFzcz0idWktaWNvbiB1aS1pY29uLWNpcmNsZS1jaGVjayIgc3R5bGU9ImZsb2F0OmxlZnQ7IG1hcmdpbjowIDdweCA1MHB4IDA7Ij48L3NwYW4+VGhpcyB2aWRlbyBpcyBub3QgeWV0IGFwcHJvdmVkLCBwbGVhc2UgY2hlY2sgYmFjayBzb29uIS48L3A+IDwvZGl2PmRkVoWO+3Wmafj/Nq9Ie9aROlM7lBY=" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['ctl01'];
if (!theForm) {
theForm = document.ctl01;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/Scholarship-Portal/WebResource.axd?d=SsiziuY6ZkMTI6aADz9yGRhIgpAoNN1clTj9KpD-zGGCWcZguugSyn7T8lgYuZ5Mg3lNJspUBn5a4J7NEd3Xlh1VWWo1&amp;t=634208634757546466" type="text/javascript"></script>
<script src="/Scholarship-Portal/ScriptResource.axd?d=bhXbmX6Aeh1hYDNTe1dolTCwSi1cIndxWp6IDPaW3kgnkqqD6M08-Ww3ysfvHn2WjcJxNLL0JL1TAf_hwh2IxQ1c-dymenooVr4YoaeSEr8aESMcT1c843mF51o3oO0qTyyo0Gfsgc6AhJw-U-mypbF-ESGrxdONgfaeum9KMGxrmIuA0&amp;t=5c2f384e" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/Scholarship-Portal/ScriptResource.axd?d=gJcpaeQa85UYNx8qGRgLCPQB0Hcglb-82kM4UKMzdbpjPOo1OZ649STZcQCCoUCfgN5fdYEJ9AM9X_kTJefZ59KEVgSu3KTCS-1a_yN9QRTULMorg7ppWmraKjv5lQeG54diI2fqwBgdQXaXJIPTV_Gyjx3bJPgLNOLhPaHTWMoNFZPt0&amp;t=5c2f384e" type="text/javascript"></script>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEW9gECz/PScgLn07LBBAKijP9aAs6lkccOAvzI2ZsGAqPz4YUGArubkfEKAsrkt+4MAtSlycQOAu2TpPEPAvXetLALAsqJs3MCs4//2w4Cz7mwxAoCmoz3gwYCjpDM/QECnump2QkCit2eiA4CxbWatAoCmtqgxAYCmtqkxAYCmtqYxQYCmtr4xAYCmNq8xAYCmNq0xAYCmNrAxAYCmdqMxAYCn9qgxAYCnNq8xAYCrdrcxAYCotqAxAYCotqgxAYCotqoxAYCotq8xAYCoNrExAYCoNqcxQYCodq8xAYCptqMxAYCptqAxAYCptq8xAYCptrcxAYCptqoxAYCptrExAYCptq0xAYCptrAxAYCp9qMxAYCp9rIxAYCp9rQxAYCp9rYxAYCp9qsxAYCp9qcxQYCp9qExAYCp9qAxAYCpNrQxAYCpNqkxAYCpNr4xAYCtdq8xAYCq9rcxAYCqNqExAYCqNqAxAYCqdqoxAYCqdqQxQYCrtrAxAYCr9rAxAYCr9q8xAYCrNq8xAYCrNrIxAYCrNrcxAYCrNqcxQYCgYTx4AcCwPC60wMC0J/cvg8C0J/Yvg8C0J/kvg8C0J/gvg8C0J/svg8C0J/ovg8C0J/0vg8C0J+wvQ8C0J+8vQ8Cz5/Qvg8Cz5/cvg8Cz5/Yvg8Cm4Gy7wIClO6YgQ4Cle6YgQ4Clu6YgQ4Cl+6YgQ4CkO6YgQ4Cke6YgQ4Cku6YgQ4Cg+6YgQ4CjO6YgQ4ClO7Ygg4ClO7Ugg4ClO7Qgg4ClO7sgg4ClO7ogg4ClO7kgg4ClO7ggg4ClO78gg4ClO64gQ4ClO60gQ4Cle7Ygg4Cle7Ugg4Cle7Qgg4Cle7sgg4Cle7ogg4Cle7kgg4Cle7ggg4Cle78gg4Cle64gQ4Cle60gQ4Clu7Ygg4Clu7Ugg4CqPmb4w0CgNfW5A0CxLS/kggCxLSjrwMCxLSXlgYCxLS7swkCxLSvSALEtNPlCwLEtMeCAwLEtOvfCgLEtJ/7DQLEtIOQBQL5nZ2/BgL5nYHUCQL5nfW8DAL5nZnYBwL5nY31DgL5nbGSBgL5naWvCQL5nclEAvmd/eELAvmd4b4DAs733fkJAs73wZYBAs73tf0HAs732ZoPAs73zbcGAs738cwJAs735WkCzveJhQgCzve9ogMCzveh/woC49yz5gcC49yngw8C49yL6g0C49y/hwUC49yj3AwC49zX+QcC49z7lg8C49zvswYC49yTzwkC49yHZAKYxZGTAgKYxYWoBQKYxemQCAKYxZ2sAwKYxYHJCgKYxbXmDQKYxdmDBQKYxc3YDAKYxfH1BwKYxeWSDwK9qve5CAK9qpvVAwK9qs+9BgK9qvPaCQK9qud3Ar2qi5MIAr2qv6gDAr2qo8UKAr2q1+INAr2q+78FAuq284wLAsKYnuwOAsKYsoUIAsKYpmgCwpiasw8CwpiOlgYCwpji+g4CwpjW3QUCwpjKoAwCwpi+iwsChvvX/Q4ChvvLwAUChvv/eQKG+9PcDwKG+8enBgKG+7uKDQKG+6/tBQKG+4OwDAKG+/eUCwKG++v/AwK70vVQArvS6bsPArvSndMKArvS8bcBArvS5ZoIArvS2X0Cu9LNwA8Cu9KhqwYCu9KVjg0Cu9KJ0QUCjLi1lg8CjLip+QcCjLjdkgECjLix9QkCjLilWAKMuJmjDwKMuI2GBgKMuOHqDgKMuNXNBQKMuMmQDAKhk9uJAQKhk8/sCQKhk+OFCwKhk9foAwKhk8uzCgKhk7+WAQKhk5P5CQKhk4dcAqGT+6APAqGT74sGAtqK+fwEAtqK7ccDAtqKgf8OAtqK9cMFAtqK6aYMAtqK3YkLAtqKsewDAtqKpbcKAtqKmZoBAtqKjf0JAofSqvEKAuig9J8MAu+99IEGAqz70rUPAsH8lt8PAsL8lt8PAs38lt8PAsT8lt8PArz/iYoJjmi2oFSz2f97HZpBz4YDV02K8p8=" />
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager1', document.getElementById('ctl01'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);
//]]>
</script>
<div class="wrap">
<div id="header" class="clearfix">
<div id="ub-logo" class="ir">The University Bound Scholarship Program</div>
<div id="students-top"></div>
</div>
<!-- /#header -->
<div id="main" class="clearfix">
<div id="ribbon">
<h1>Tell us how online education could change your life&mdash;<br/>
<strong>Win a $2,500 Scholarship.</strong></h1>
</div>
<!-- /#ribbon -->
<div class="endcap left"></div>
<div class="endcap right"></div>
<div id="ribbon-bottom">
<div id="students-bottom"></div>
</div>
<div class="clearfix">
<div class="col left">
<div id="share"><span class="share-text">Share this offer with friends! </span>
<!-- AddThis Button BEGIN -->
<span class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</span>
<!-- AddThis Button BEGIN -->
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4d962db5052e90bb"></script>
<!-- AddThis Button END -->
</div>
<div class="clearfix">&nbsp;</div>
<div id="intro-video">
<object id='player' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' name='player' width='440' height='270'>
<param name='movie' value='player-licensed.swf' />
<param name='allowfullscreen' value='false' />
<param name='allowscriptaccess" value='always' />
<param name="wmode" value="transparent">
<param name='flashvars' value="file=landingpage.flv&image=foo.jpg" />
<embed " + Environment.NewLine)
Type = 'application/x-shockwave-flash'
ID = 'player2'
name = 'player2'
src = 'player-licensed.swf'
width = '440'
height = '270'
allowscriptaccess = 'always'
allowfullscreen = 'false'
flashvars = "file=landingpage.flv&image=foo.jpg"
wmode = "transparent"
/>
</object>
</div>
<!-- /#intro-video -->
<p class="big oj">The University Bound Network supports those who embody the best of what can be achieved through online education.</p>
<p>We believe in the <strong>potential of online education</strong> as a flexible tool for busy and nontraditional students to empower themselves, advance their careers, and <strong>build the lives they want</strong>.</p>
<p>Because we believe that online education can <strong>change your life</strong>, we're awarding a <strong>$2500 scholarship</strong> to the current or future student who best expresses what the transformative <strong>power of education</strong> can do for them. </p>
<p class="blue"><strong>Tell us your story–we want to help you write the next chapter!</strong></p>
<div id="slider">
<div class="items">
<div class="item"> <img src="images/image-1.jpg" width="430" height="240" alt="Earn a degree online- from your own home, at your convenience. " />
<div class="caption">
<p>Earn a degree online- from your own home, at <strong>your</strong> convenience.</p>
</div>
</div>
<div class="item"> <img src="images/image-2.jpg" width="430" height="240" alt="Continue your education online without neglecting other responsibilities." />
<div class="caption">
<p>Continue your education online without neglecting other responsibilities.</p>
</div>
</div>
<div class="item"> <img src="images/image-3.jpg" width="430" height="240" alt="Advance your career and build a better life through online education." />
<div class="caption">
<p>Advance your career and build a better life through online education.</p>
</div>
</div>
</div>
<a class="prev browse left"></a> <a class="next browse right"></a> </div>
</div>
<!-- /.col .left -->
<div class="col right">
<div id="reg-form-wrapper" class="clearfix">
<div id="reg-form-header">
<h3>Register now to submit your video!</h3>
<p>It's as easy as putting a video on youtube.</p>
</div>
<p class="req">all fields are required </p>
<!-- /////// FORM ////////// -->
<div id="scholarshipFormContainer">
<div class="FormElement">
<label>Area of Interest</label>
<select name="ScholarshipForm$AreaOfInterest" id="ScholarshipForm_AreaOfInterest" class="validate[required]">
<option value=""></option>
<option value="ART">Art</option>
<option value="BUS">Business</option>
<option value="LAW">Law &amp; Criminal Justice</option>
<option value="LIB">Liberal Arts</option>
<option value="EDU">Education</option>
<option value="HEA">Healthcare</option>
<option value="HOS">Hospitality</option>
<option value="ITK">Information Technology</option>
<option value="NUR">Nursing</option>
<option value="PSY">Psychology</option>
</select>
</div>
<div class="FormElement">
<label>First Name</label>
<input name="ScholarshipForm$FirstName" type="text" id="ScholarshipForm_FirstName" class="validate[required]" />
</div>
<div class="FormElement">
<label>Last Name</label>
<input name="ScholarshipForm$LastName" type="text" id="ScholarshipForm_LastName" class="validate[required]" />
</div>
<div class="FormElement">
<label>Phone</label>
<input name="ScholarshipForm$Phone" type="text" id="ScholarshipForm_Phone" class="validate[required,custom[phone]] Phone" name="Phone" />
</div>
<div class="FormElement">
<label>E-Mail</label>
<input name="ScholarshipForm$EMail" type="text" id="ScholarshipForm_EMail" class="validate[required,custom[email]]" />
</div>
<div class="FormElement">
<label>Address</label>
<input name="ScholarshipForm$Address1" type="text" id="ScholarshipForm_Address1" class="validate[required]" />
</div>
<div class="FormElement">
<label>City</label>
<input name="ScholarshipForm$City" type="text" id="ScholarshipForm_City" class="validate[required]" />
</div>
<div class="FormElement">
<label>State</label>
<select name="ScholarshipForm$AddressState" id="ScholarshipForm_AddressState" class="validate[required]">
<option value=""></option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
<div class="FormElement">
<label>ZipCode</label>
<input name="ScholarshipForm$ZipCode" type="text" id="ScholarshipForm_ZipCode" class="validate[required,custom[zip]] Zip" />
</div>
<div class="FormElement">
<label>Date of Birth</label>
<select name="ScholarshipForm$dobMonth" id="ScholarshipForm_dobMonth" class="validate[required]">
<option value=""></option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<select name="ScholarshipForm$dobDay" id="ScholarshipForm_dobDay" class="validate[required]">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="ScholarshipForm$dobYear" id="ScholarshipForm_dobYear" class="validate[required]">
<option value=""></option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
</select>
</div>
<div class="FormElement">
<label>HS Grad Year</label>
<select name="ScholarshipForm$HSGradYear" id="ScholarshipForm_HSGradYear" class="validate[required]">
<option value=""></option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
</select>
</div>
<div class="formElement">
<label>EDU Complete</label>
<select name="ScholarshipForm$ddlEduComplete" id="ScholarshipForm_ddlEduComplete" class="validate[required]">
<option value=""></option>
<option value="GED">GED Recipient</option>
<option value="HS">High School Graduate</option>
<option value="SCL">Some College</option>
<option value="ADG">Associate's Degree</option>
<option value="BDG">Bachelor's Degree</option>
<option value="MDG">Master's Degree</option>
<option value="DDG">Doctoral Degree</option>
</select>
</div>
<div class="FormElement">
<label class="checkbox-label" for="policy"><input class="validate[minCheckbox[2]] checkbox" type="checkbox" name="group1" id="agree1" />I have read and agree to the University Bound <a href="http://www.university-bound.com/terms/privacy.aspx">Privacy Policy</a> and <a href="http://www.university-bound.com/terms/use.aspx">Terms of Use</a>.
</label>
</div><p />
<div class="FormElement">
<label class="checkbox-label" for="partnerContact"><input class="validate[minCheckbox[2]] checkbox" type="checkbox" name="group1" id="agree2" />I understand that I am not required to request information from any of our trusted partner schools to qualify for this scholarship. </label>
</div>
<div class="FormElement">
<input type="submit" name="ScholarshipForm$Submit" value="" id="ScholarshipForm_Submit" />
</div>
</div>
<!-- ///// END FORM ////// -->
</div>
<p class="blue-arrow"><strong>Register now</strong> to submit your video and <strong>WIN</strong>!</p>
</div>
<!-- /.col .left -->
</div>
<div id="video-submissions">
<div class="col left">
<h2>Video Submissions</h2>
<p>Vote now on your favorite video, and be sure to <a class="goto-form-link" href="#">submit your own</a>!</p>
</div>
<div class="col right">
<div id="video-search">
<!-- this needs a refactor, with an ajax search result option -->
</div>
</div>
<div id="video-module" class="clearfix">
<div id="video-feature">
<h3>Featured Video</h3>
<div id="video-holder">
</div>
</div>
<div id="playlist-pages">
<div class="pages">
</div>
</div>
</div>
<div class="navi"></div>
<a class="goto-form-link goto-form-btn ir" href="#">Submit Your Video And Enter to Win a $2,500 Scholarship</a>
</div>
<!-- /#video-submissions -->
</div>
<!-- /#main -->
<div id="dialog-message" title="Not Approved"> <p><span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>This video is not yet approved, please check back soon!.</p> </div>
</div><!-- /.wrap -->
<div id="footer" class="clearfix">
<div class="wrap clearfix">
<p class="copyright">Copyright &copy; 2011 University Bound. All rights reserved.</p>
<ul class="nav nav-footer">
<li class="first"><a href="http://www.university-bound.com/terms/privacy.aspx">Privacy Policy</a></li>
<li><a href="http://www.university-bound.com/terms/use.aspx">Terms of Use</a></li>
<li><a href="#">Entry Rules</a></li>
</ul>
</div><!-- /.wrap -->
</div><!-- /#footer -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/plugins.js?v=1"></script>
<script src="js/functions.js?v=1"></script>
<script src="js/jquery.maskedinput-1.2.2.min.js"></script>
<script src="js/jquery.validationEngine.js"></script>
<script src="js/jquery.validationEngine-en.js"></script>
<script src="js/scholarship-form.js"></script>
<script type="text/javascript">
$("#dialog-message").dialog({
modal: true,
autoOpen: true,
buttons: {
Ok: function () {
$(this).dialog("close");
}
}
});
</script>
<!--[if lt IE 7 ]>
<script src="js/dd_belatedpng.js?v=1"></script>
<![endif]-->
<script>
/*
* UNCOMMENT AFTER ENTERING GA ACCOUNT CODE
*
var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
g.async = true; g.src = '//www.google-analytics.com/ga.js'; s.parentNode.insertBefore(g, s);
})(document, 'script');
*/
</script>
<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
//]]>
</script>
</form>
</body>
</html>
Raw
function.js
$(function () {
$("#slider").scrollable({circular: true}).autoscroll(5000);
// $(".video-playlist").ytplaylist({
// holderId : "video-holder",
// playerWidth : 430,
// playerHeight : 262,
// addThumbs : true,
// showRelated : false,
// autoPlay : false
// });
$("#playlist-pages").scrollable({items:".pages"}).navigator({indexed:true});
$('.goto-form-link').click(function(){
$('html, body').animate({
scrollTop: $("#reg-form-wrapper").offset().top
}, 700);
return false;
});
});
//// playlist builder
$(function() {
var count = 1;
for (i in jsonData) {
if (count % 4 == 0 || count == 1) {
var html = '<ul class="video-playlist">';
} else {
var html = '';
}
html += '<li class="clearfix"><a href="#"><img src="images/vidThumbs/'+ jsonData[count].MemberID +'.jpg"';
html +=' alt="'+ jsonData[count].Name +' height="90" width="120"></a>';
html +='<span class="vid-data">Submitted by: ' + jsonData[count].Name +'</span>';
html +='<span class="vid-data">On: ' + jsonData[count].Submitted +"</span></li>";
if (count % 3 == 0 || count == 3 || count == jsonData.length) {
html += '</ul>'
}
$(".pages").append(html);
count ++;
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment