Skip to content

Instantly share code, notes, and snippets.

View noahub's full-sized avatar
💻
Doing computer stuff

Noah noahub

💻
Doing computer stuff
View GitHub Profile
@noahub
noahub / conversionClick.html
Last active August 29, 2015 14:21 — forked from johnnyopao/conversionClick.html
Adds targeted element as a Conversion Goal for your Unbounce landing page.
<script>
window.trackConversion = function() {
$('body').append('<iframe src="clkg/http/http/unbouncepages.com/blankpage/" style="display: none"></iframe>');
};
lp.jQuery(function($) {
$('#lp-pom-button-11').click(function () {
trackConversion();
});

Simple redirect to a URL:

<script type="text/javascript">
  window.location.replace('http://www.google.com/');
</script>

Redirect to a URL and pass through URL parameters and #anchor fragments

<script>
window.module.lp.form.data.validationRules['field_name'].digits = true;
</script>

Replace 'field_name' with the ID of your form field you want to add this validation to.

<script>
// unbounce-horizontal-forms 7453328
function HorizontalForm(a,b){var c=this;this.spacing=a,this.submitPlacement=b,this.$=window.lp.jQuery,this.$(function(){c.$form=c.$(".lp-pom-form").eq(0),c.$fields=c.$("div.lp-pom-form-field"),c.$button=c.$(".lp-pom-form .lp-pom-button").eq(0),"manual"!==c.submitPlacement&&(c.$fields=c.$fields.add(c.$button)),c.doLayout()}),this.$(window).resize(function(){c.doLayout()})}HorizontalForm.prototype.doLayout=function(){for(var a=this.$fields.eq(0).width()+this.spacing,b=this.$fields.eq(0).height(),c=this.$form.parent().width()-this.$form.position().left,d=0,e=0,f=0;f<this.$fields.length;f++){field=this.$fields.eq(f),e=0===f?e:e+a,e+a>c&&(d=0===f?d:d+b+this.spacing,e=0,b=field.height());var g=d;if(field.is(".lp-pom-button"))if("newline"===this.submitPlacement)g=d+b+spacing,e=0;else{g=d+19;var h=this.$form.find(":text").eq(0).height();field.css("height",h-1+"px")}else this.$(field).children("label").length||(g=d+19);field.css({top:g+"px",left:e+"px"}),field.height(
@noahub
noahub / datepicker-today-default-value.html
Last active April 24, 2023 23:29
Create a datepicker field in Unbounce and set its default value to today's date.
<script src="//a.unbounce.com/s/javascripts/jquery/jquery-ui.1.8.16.min.js"></script>
<script>
$(document).ready(function() {
var currentDate = new Date();
$( "#your_date_field" ).datepicker();
$( "#your_date_field" ).datepicker("setDate", currentDate);
});
</script>
@noahub
noahub / ipad_scroll_no_dbl_scroll
Created June 24, 2015 16:12
iPad fancybox scroll fix
<style>
#fancybox-content {
overflow: auto;
-webkit-overflow-scrolling: touch !important;
}
</style>
@noahub
noahub / params_to_iframe.html
Last active December 22, 2015 19:44
Pass Incoming URL parameters to iframe
<script>
//Replace #frame1 with the ID of your iframe
$('#frame1').attr('src', (function() {
return $('#frame1').attr('src') + window.location.search;
})());
</script>
If iframe URL already has a query string, append parameters using script below
<script>
@noahub
noahub / ajax_post.html
Created July 21, 2015 17:27
URL Parameter AJAX POST
<script>
//Replace #lp-pom-button-10 with your button's ID
$('#lp-pom-button-10').click(function() {
$.ajax({
type: 'POST',
data:(window.location.search.slice(1)),
url: 'http://requestb.in/pfyauwpf' //Replace this URL with your POST handler endpoint URL
});
});
@noahub
noahub / auto_submit_form.html
Last active August 29, 2015 14:26
Auto-Submit Form on page load
<script>
$(function() {
$(".lp-pom-form .lp-pom-button")[0].click();
});
</script>