Skip to content

Instantly share code, notes, and snippets.

@Swader
Last active August 29, 2015 13:56
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save Swader/9083696 to your computer and use it in GitHub Desktop.
Save Swader/9083696 to your computer and use it in GitHub Desktop.
Alternative embed code for Typeform, lets you use hidden fields in embed mode without server side tweaks. Relies on a #tf_container div being present in the body somewhere.
// DO NOT FORGET TO ADD A #tf_container DIV WHERE YOU WANT THE FORM TO APPEAR
var div=document.createElement('div');
div.setAttribute("class", "typeform-widget");
div.setAttribute("data-url", "https://bitfalls.typeform.com/to/tZ8wBZ"+location.search);
div.setAttribute("data-text", "Best PHP IDE for 2014");
div.setAttribute("style", "width:100%;height:600px;");
var tid = setInterval( function () {
if ( document.readyState !== 'complete' ) return;
clearInterval( tid );
var tfcon = document.getElementById('tf_container');
tfcon.appendChild(div);
(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'widget.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()
}, 100 );
var div=document.createElement("div");div.setAttribute("class","typeform-widget");div.setAttribute("data-url","https://bitfalls.typeform.com/to/tZ8wBZ"+location.search);div.setAttribute("data-text","Best PHP IDE for 2014");div.setAttribute("style","width:100%;height:600px;");
var tid=setInterval(function(){if("complete"===document.readyState){clearInterval(tid);document.getElementById("tf_container").appendChild(div);var b,a;a=document;b=a.createElement;var c=a.getElementsByTagName;a.getElementById.call(a,"typef_orm")||(b=b.call(a,"script"),b.id="typef_orm",b.src="https://s3-eu-west-1.amazonaws.com/share.typeform.com/widget.js",a=c.call(a,"script")[0],a.parentNode.insertBefore(b,a))}},100);
var tid = setInterval( function () {
if ( document.readyState !== 'complete' ) return;
clearInterval( tid );
var tfcon = document.getElementById('tf_container');
var el;
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
el=document.createElement('a');
el.setAttribute('href', "https://bitfalls.typeform.com/to/tZ8wBZ"+location.search);
el.setAttribute('target', '_blank');
el.setAttribute('title', 'Go To Typeform');
el.innerHTML = "You're on a mobile client. Please click here to go to the survey";
} else {
el=document.createElement('div');
el.setAttribute("class", "typeform-widget");
el.setAttribute("data-url", "https://bitfalls.typeform.com/to/tZ8wBZ"+location.search);
el.setAttribute("data-text", "Best PHP IDE for 2014");
el.setAttribute("style", "width:100%;height:600px;");
}
tfcon.appendChild(el);
(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'widget.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()
}, 100 );
var tid=setInterval(function(){if("complete"===document.readyState){clearInterval(tid);var b=document.getElementById("tf_container"),a;/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)?(a=document.createElement("a"),a.setAttribute("href","https://bitfalls.typeform.com/to/tZ8wBZ"+location.search),a.setAttribute("target","_blank"),a.setAttribute("title","Go To Typeform"),a.innerHTML="You're on a mobile client. Please click here to go to the survey"):(a=document.createElement("div"),
a.setAttribute("class","typeform-widget"),a.setAttribute("data-url","https://bitfalls.typeform.com/to/tZ8wBZ"+location.search),a.setAttribute("data-text","Best PHP IDE for 2014"),a.setAttribute("style","width:100%;height:600px;"));b.appendChild(a);a=document;var b=a.createElement,c=a.getElementsByTagName;a.getElementById.call(a,"typef_orm")||(b=b.call(a,"script"),b.id="typef_orm",b.src="https://s3-eu-west-1.amazonaws.com/share.typeform.com/widget.js",a=c.call(a,"script")[0],a.parentNode.insertBefore(b,
a))}},100);
var formurl = "https://sitepoint.typeform.com/to/NfTGuu";
var formtitle = "Most Popular PHP Framework, 2015";
var tid = setInterval( function () {
if ( document.readyState !== 'complete' ) return;
clearInterval( tid );
var tfcon = document.getElementById('tf_container');
var el;
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
el=document.createElement('a');
el.setAttribute('href', formurl+location.search);
el.setAttribute('target', '_blank');
el.setAttribute('title', 'Go To Typeform');
el.innerHTML = "You're on a mobile client. Please click here to go to the survey";
} else {
el=document.createElement('div');
el.setAttribute("class", "typeform-widget");
el.setAttribute("data-url", formurl+location.search);
el.setAttribute("data-text", formtitle);
el.setAttribute("style", "width:100%;height:800px;");
}
tfcon.appendChild(el);
(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'widget.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()
}, 100 );
var formurl = "https://sitepoint.typeform.com/to/NfTGuu";
var formtitle = "Most Popular PHP Framework, 2015";
var posturl = "http://www.sitepoint.com/best-php-framework-2015-survey/";
var tid = setInterval(function() {
if (document.readyState !== 'complete') return;
clearInterval(tid);
var tfcon = document.getElementById('tf_container');
var el;
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
el = document.createElement('a');
el.setAttribute('href', formurl + location.search);
el.setAttribute('target', '_blank');
el.setAttribute('title', 'Go To Typeform');
el.innerHTML = "You're on a mobile client. Please click here to go to the survey";
} else {
el = document.createElement('div');
el.setAttribute("class", "typeform-widget");
el.setAttribute("data-url", formurl + location.search);
el.setAttribute("data-text", formtitle);
el.setAttribute("style", "width:100%;height:800px;");
}
tfcon.appendChild(el);
var link = document.getElementById('sp_linkgenerator_link');
document.getElementById('sp_linkgenerator_btn').addEventListener("click", function(e) {
var email = document.getElementById('sp_linkgenerator_email').value;
var url = posturl + "?ref=" + md5(email);
link.innerHTML = url;
link.href = url;
});
(function() {
var qs, js, q, s, d = document,
gi = d.getElementById,
ce = d.createElement,
gt = d.getElementsByTagName,
id = 'typef_orm',
b = 'https://s3-eu-west-1.amazonaws.com/share.typeform.com/';
if (!gi.call(d, id)) {
js = ce.call(d, 'script');
js.id = id;
js.src = b + 'widget.js';
q = gt.call(d, 'script')[0];
q.parentNode.insertBefore(js, q)
}
})()
}, 100);
! function(a) {
"use strict";
function b(a, b) {
var c = (65535 & a) + (65535 & b),
d = (a >> 16) + (b >> 16) + (c >> 16);
return d << 16 | 65535 & c
}
function c(a, b) {
return a << b | a >>> 32 - b
}
function d(a, d, e, f, g, h) {
return b(c(b(b(d, a), b(f, h)), g), e)
}
function e(a, b, c, e, f, g, h) {
return d(b & c | ~b & e, a, b, f, g, h)
}
function f(a, b, c, e, f, g, h) {
return d(b & e | c & ~e, a, b, f, g, h)
}
function g(a, b, c, e, f, g, h) {
return d(b ^ c ^ e, a, b, f, g, h)
}
function h(a, b, c, e, f, g, h) {
return d(c ^ (b | ~e), a, b, f, g, h)
}
function i(a, c) {
a[c >> 5] |= 128 << c % 32, a[(c + 64 >>> 9 << 4) + 14] = c;
var d, i, j, k, l, m = 1732584193,
n = -271733879,
o = -1732584194,
p = 271733878;
for (d = 0; d < a.length; d += 16) i = m, j = n, k = o, l = p, m = e(m, n, o, p, a[d], 7, - 680876936), p = e(p, m, n, o, a[d + 1], 12, - 389564586), o = e(o, p, m, n, a[d + 2], 17, 606105819), n = e(n, o, p, m, a[d + 3], 22, - 1044525330), m = e(m, n, o, p, a[d + 4], 7, - 176418897), p = e(p, m, n, o, a[d + 5], 12, 1200080426), o = e(o, p, m, n, a[d + 6], 17, - 1473231341), n = e(n, o, p, m, a[d + 7], 22, - 45705983), m = e(m, n, o, p, a[d + 8], 7, 1770035416), p = e(p, m, n, o, a[d + 9], 12, - 1958414417), o = e(o, p, m, n, a[d + 10], 17, - 42063), n = e(n, o, p, m, a[d + 11], 22, - 1990404162), m = e(m, n, o, p, a[d + 12], 7, 1804603682), p = e(p, m, n, o, a[d + 13], 12, - 40341101), o = e(o, p, m, n, a[d + 14], 17, - 1502002290), n = e(n, o, p, m, a[d + 15], 22, 1236535329), m = f(m, n, o, p, a[d + 1], 5, - 165796510), p = f(p, m, n, o, a[d + 6], 9, - 1069501632), o = f(o, p, m, n, a[d + 11], 14, 643717713), n = f(n, o, p, m, a[d], 20, - 373897302), m = f(m, n, o, p, a[d + 5], 5, - 701558691), p = f(p, m, n, o, a[d + 10], 9, 38016083), o = f(o, p, m, n, a[d + 15], 14, - 660478335), n = f(n, o, p, m, a[d + 4], 20, - 405537848), m = f(m, n, o, p, a[d + 9], 5, 568446438), p = f(p, m, n, o, a[d + 14], 9, - 1019803690), o = f(o, p, m, n, a[d + 3], 14, - 187363961), n = f(n, o, p, m, a[d + 8], 20, 1163531501), m = f(m, n, o, p, a[d + 13], 5, - 1444681467), p = f(p, m, n, o, a[d + 2], 9, - 51403784), o = f(o, p, m, n, a[d + 7], 14, 1735328473), n = f(n, o, p, m, a[d + 12], 20, - 1926607734), m = g(m, n, o, p, a[d + 5], 4, - 378558), p = g(p, m, n, o, a[d + 8], 11, - 2022574463), o = g(o, p, m, n, a[d + 11], 16, 1839030562), n = g(n, o, p, m, a[d + 14], 23, - 35309556), m = g(m, n, o, p, a[d + 1], 4, - 1530992060), p = g(p, m, n, o, a[d + 4], 11, 1272893353), o = g(o, p, m, n, a[d + 7], 16, - 155497632), n = g(n, o, p, m, a[d + 10], 23, - 1094730640), m = g(m, n, o, p, a[d + 13], 4, 681279174), p = g(p, m, n, o, a[d], 11, - 358537222), o = g(o, p, m, n, a[d + 3], 16, - 722521979), n = g(n, o, p, m, a[d + 6], 23, 76029189), m = g(m, n, o, p, a[d + 9], 4, - 640364487), p = g(p, m, n, o, a[d + 12], 11, - 421815835), o = g(o, p, m, n, a[d + 15], 16, 530742520), n = g(n, o, p, m, a[d + 2], 23, - 995338651), m = h(m, n, o, p, a[d], 6, - 198630844), p = h(p, m, n, o, a[d + 7], 10, 1126891415), o = h(o, p, m, n, a[d + 14], 15, - 1416354905), n = h(n, o, p, m, a[d + 5], 21, - 57434055), m = h(m, n, o, p, a[d + 12], 6, 1700485571), p = h(p, m, n, o, a[d + 3], 10, - 1894986606), o = h(o, p, m, n, a[d + 10], 15, - 1051523), n = h(n, o, p, m, a[d + 1], 21, - 2054922799), m = h(m, n, o, p, a[d + 8], 6, 1873313359), p = h(p, m, n, o, a[d + 15], 10, - 30611744), o = h(o, p, m, n, a[d + 6], 15, - 1560198380), n = h(n, o, p, m, a[d + 13], 21, 1309151649), m = h(m, n, o, p, a[d + 4], 6, - 145523070), p = h(p, m, n, o, a[d + 11], 10, - 1120210379), o = h(o, p, m, n, a[d + 2], 15, 718787259), n = h(n, o, p, m, a[d + 9], 21, - 343485551), m = b(m, i), n = b(n, j), o = b(o, k), p = b(p, l);
return [m, n, o, p]
}
function j(a) {
var b, c = "";
for (b = 0; b < 32 * a.length; b += 8) c += String.fromCharCode(a[b >> 5] >>> b % 32 & 255);
return c
}
function k(a) {
var b, c = [];
for (c[(a.length >> 2) - 1] = void 0, b = 0; b < c.length; b += 1) c[b] = 0;
for (b = 0; b < 8 * a.length; b += 8) c[b >> 5] |= (255 & a.charCodeAt(b / 8)) << b % 32;
return c
}
function l(a) {
return j(i(k(a), 8 * a.length))
}
function m(a, b) {
var c, d, e = k(a),
f = [],
g = [];
for (f[15] = g[15] = void 0, e.length > 16 && (e = i(e, 8 * a.length)), c = 0; 16 > c; c += 1) f[c] = 909522486 ^ e[c], g[c] = 1549556828 ^ e[c];
return d = i(f.concat(k(b)), 512 + 8 * b.length), j(i(g.concat(d), 640))
}
function n(a) {
var b, c, d = "0123456789abcdef",
e = "";
for (c = 0; c < a.length; c += 1) b = a.charCodeAt(c), e += d.charAt(b >>> 4 & 15) + d.charAt(15 & b);
return e
}
function o(a) {
return unescape(encodeURIComponent(a))
}
function p(a) {
return l(o(a))
}
function q(a) {
return n(p(a))
}
function r(a, b) {
return m(o(a), o(b))
}
function s(a, b) {
return n(r(a, b))
}
function t(a, b, c) {
return b ? c ? r(b, a) : s(b, a) : c ? p(a) : q(a)
}
"function" == typeof define && define.amd ? define(function() {
return t
}) : a.md5 = t
}(this);
<form onsubmit="return false;">
<input type="email" placeholder="email" id="sp_linkgenerator_email"/>
<button id="sp_linkgenerator_btn">Generate</button>
</form>
<blockquote>
<a id="sp_linkgenerator_link" target="_blank">Your link will appear here</a>
</blockquote>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment