
// http://jsfiddle.net/jnelsonin/ctfy158o/ $("#pixels").keyup(function(){ var point = ($(this).val() * 3) / 4; var yem = point / 12; var percent = yem * 100; $("#point").text(point+"pt"); $("#yem").text(yem+"em"); $("#percent").text(percent+"%"); });
//Append url parameters to links with classname (function() { var domainsToDecorate = ['domain.com'], queryParams = ['utm_medium','utm_source','utm_campaign','utm_term','utm_content']; var links = document.querySelectorAll('.rewrite-url'); for (var linkIndex = 0; linkIndex < links.length; linkIndex++) { for (var domainIndex = 0; domainIndex < domainsToDecorate.length; domainIndex++) { if (links[linkIndex].href.indexOf(domainsToDecorate[domainIndex]) > -1 && links[linkIndex].href.indexOf("#") === -1) { links[linkIndex].href = decorateUrl(links[linkIndex].href); } } } function decorateUrl(urlToDecorate) { urlToDecorate = (urlToDecorate.indexOf('?') === -1) ? urlToDecorate + '?' : urlToDecorate + '&'; var collectedQueryParams = []; for (var queryIndex = 0; queryIndex < queryParams.length; queryIndex++) { if (getQueryParam(queryParams[queryIndex])) { collectedQueryParams.push(queryParams[queryIndex] + '=' + getQueryParam(queryParams[queryIndex])) } } return urlToDecorate + collectedQueryParams.join('&'); } function getQueryParam(name) { if (name = (new RegExp('[?&]' + encodeURIComponent(name) + '=([^&]*)')).exec(window.location.search)) return decodeURIComponent(name[1]); }
// https://legacydocs.hubspot.com/global-form-events // onBeforeFormInit - onFormReady - onFormSubmit - onFormSubmitted window.addEventListener('message', event => { if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormReady') { // Form Ready } else if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmit') { // Form Submit } });
//FUNC FROM https://jsfiddle.net/asheroto/u7hfjm9k/ function IP6to4(ip6) { function parseIp6(ip6str) { const str = ip6str.toString(); // Initialize const ar = new Array(); for (var i = 0; i < 8; i++) ar[i] = 0; // Check for trivial IPs if (str == '::') return ar; // Parse const sar = str.split(':'); let slen = sar.length; if (slen > 8) slen = 8; let j = 0; i = 0 for (i = 0; i < slen; i++) { // This is a "::", switch to end-run mode if (i && sar[i] == '') { j = 9 - slen + i; continue; } ar[j] = parseInt(`0x0${sar[i]}`); j++; } return ar; } var ip6parsed = parseIp6(ip6); const ip4 = `${ip6parsed[6] >> 8}.${ip6parsed[6] & 0xff}.${ip6parsed[7] >> 8}.${ip6parsed[7] & 0xff}`; return ip4; }
function fetchJSONFile(path, callback) { var httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function() { if (httpRequest.readyState === 4) { if (httpRequest.status === 200) { var data = JSON.parse(httpRequest.responseText); if (callback) callback(data); } } }; httpRequest.open('GET', path); httpRequest.send(); } fetchJSONFile('file.json', function(data){ // Do something with Data console.log(data); });
/* trim-whitespace-input.js*/ $('.no-spaces-field').keyup(function() { $(this).val($(this).val().replace(/ +?/g, '')); });
$("#country").autocomplete({ source:[{label:"France",value:"FR"}, {label:"United Kingdom",value:"UK"}], minLength: 2, select: function(event, ui) { event.preventDefault(); $("#country").val(ui.item.label); } });
/* Download Textarea Content as Html File.js */ $('#download-button').click(function() { if ('Blob' in window) { var fileName = prompt('Please enter file name to save', 'Untitled.html'); if (fileName) { var textValue = $('textarea').html(); var textToWrite = htmlDecode(textValue); var textFileAsBlob = new Blob([textToWrite], { type: 'application/xhtml+xml' }); if ('msSaveOrOpenBlob' in navigator) { navigator.msSaveOrOpenBlob(textFileAsBlob, fileName); } else { var downloadLink = document.createElement('a'); downloadLink.download = fileName; downloadLink.innerHTML = 'Download File'; if ('webkitURL' in window) { downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob); } else { downloadLink.href = window.URL.createObjectURL(textFileAsBlob); downloadLink.click(function() { document.body.removeChild(event.target); }); downloadLink.style.display = 'none'; document.body.appendChild(downloadLink); } downloadLink.click(); } } } else { alert('Your browser does not support the HTML5 Blob.'); } });
// Iframe Container <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> jQuery(function() { var oldIframe = jQuery('#iframe'); if (oldIframe.length) { var src = oldIframe.attr('src'); if (src) { var iframeContent = $('<iframe id="iframe-new" src="' + src + location.search + '" style="border: none;width: 100%;background-color:#fff;"></iframe>'); oldIframe.replaceWith(iframeContent); } } }); </script> <iframe id="iframe" src="https://go.domain.com/form.html"></iframe>
/* Create iFrame from Textarea Content Html */ function setFrame() { var HTMLval = TextareaContentID.value; var iframe = document.getElementById('iframeID'); iframe.contentWindow.document.open(); iframe.contentWindow.document.write(HTMLval); iframe.contentWindow.document.close(); }
// Hide Div when Click Outside of the Element using jQuery / https://www.codexworld.com/ $(document).mouseup(function(e){ var container = $("#elementID"); // If the target of the click isn't the container if(!container.is(e.target) && container.has(e.target).length === 0){ container.hide(); } });
<!-- Iframe Container --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> var Iframe = jQuery('#iframe'); window.addEventListener('message', function(e) { var eventName = e.data[0]; var data = e.data[1]; switch(eventName) { case 'setHeight': newIframe.height(data); break; } }, false); </script> <iframe id="iframe" src="https://go.domain.com/form.html"></iframe>
<!-- Iframe Content --> <script> var StatusResizing = 'on'; setInterval(function() { if(StatusResizing == 'on') { resize(); } }, 1000); function resize() { var height = $('body').outerHeight(); window.parent.postMessage(["setHeight", height], "*"); }</script>
/* Detect iOs */ if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) { // do something }
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> </head> <body onload="getDevice()"> <p id="response" style=""> </p> <script src="https://code.jquery.com/jquery-3.5.0.js"> </script> <script> function getDevice() { var screenWidth = screen.width; var responseP = $('#response'); if(screenWidth <= 480) { responseP.text('mobiles'); } if(screenWidth > 480 && screenWidth <= 1024) { responseP.text('tablets'); } if(screenWidth => 768 && screenWidth <= 1024) { responseP.text('tablets (landscape)'); } if(screenWidth => 1025 && screenWidth <= 1280) { responseP.text('Laptops and Desktops'); } if(screenWidth => 1281) { responseP.text('Large Desktops'); } } </script> </body> </html>
Loading...
No more items to load