' +
+ '
' +
+ '
' +
+ '
' + ex3pObject.ex3p_text + '
' +
+ '
' +
+ '
';
}
form();
-/**
- * Close Pop-up: set it with css display:none;
- * If clicking on "X" or outside from the box.
- */
-var ex3p = document.getElementById('ex3p');
-var ex3pX = document.getElementById('ex3p-x');
-var ex3pYes = document.getElementById('ex3p-yes');
-var ex3pNo = document.getElementById('ex3p-no');
-
-/**
- * Close pop-up.
- */
-function triggerClose(e) {
- var trid = e.target.id;
-
- if ('ex3p' === trid || ex3pX.contains(e.target) || ex3pNo.contains(e.target)) {
- ex3p.style.display = 'none';
- }
-}
-ex3p.addEventListener('touchstart', triggerClose);
-ex3p.addEventListener('click', triggerClose);
-
/**
* Clear placeholder text if focus.
* Show placeholder text if blur and nothing was written.
*/
-var ex3pIn = document.getElementById('ex3p-in');
+var ex3pIn = document.getElementById( 'ex3p-in' );
-ex3pIn.addEventListener('focus', () => {
- if (ex3pIn.value === ex3pIn.previousElementSibling.innerHTML) {
+ex3pIn.addEventListener( 'focus', function () {
+ if ( ex3pIn.value === ex3pIn.previousElementSibling.innerHTML ) {
ex3pIn.value = '';
}
-});
+} );
-ex3pIn.addEventListener('blur', () => {
- if ('' === ex3pIn.value) {
+ex3pIn.addEventListener( 'blur', function () {
+ if ( '' === ex3pIn.value ) {
ex3pIn.value = ex3pIn.previousElementSibling.innerHTML;
}
-});
+} );
+
+/**
+ * Different close Pop-up actions
+ *
+ */
+var ex3p = document.getElementById( 'ex3p' );
+var ex3pX = document.getElementById( 'ex3p-x' );
+var ex3pYes = document.getElementById( 'ex3p-yes' );
+var ex3pNo = document.getElementById( 'ex3p-no' );
+
+/**
+ * Hide input field and say Thank You after submit
+ */
+function ex3pThanks() {
+ ex3pIn.style.display = 'none';
+ ex3pYes.style.display = 'none';
+ ex3pNo.style.display = 'none';
+ document.getElementById( 'ex3p-txt' ).innerHTML = ex3pObject.ex3p_text_submit;
+ document.getElementById( 'ex3p-status' ).value = 'submit';
+
+ setTimeout( function () {
+ document.getElementById( 'ex3p-form' ).submit();
+ }, 3000 );
+}
+ex3pYes.addEventListener( 'touchstart', ex3pThanks );
+ex3pYes.addEventListener( 'click', ex3pThanks );
/**
* Get values when clicked.
*/
function ex3pClick() {
// Get date and time.
- document.getElementById('ex3p-click-time').value = new Date();
+ document.getElementById( 'ex3p-delay' ).value = ex3pDelayFn() / 1000 + ' sec.';
+
// Get css variant.
- var cssVariantHref = document.getElementById('ex3p-css-variant').getAttribute("href");
- var cssVariant = cssVariantHref.substring(cssVariantHref.lastIndexOf('/') + 1, cssVariantHref.lastIndexOf('.css'));
- document.getElementById('ex3p-css-variant-input').value = cssVariant;
+ var cssVariantHref = document.getElementById( 'ex3p-css-variant' ).getAttribute( 'href' );
+ var cssVariant = cssVariantHref.substring( cssVariantHref.lastIndexOf( '/' ) + 1, cssVariantHref.lastIndexOf( '.css' ) );
+ document.getElementById( 'ex3p-css-variant-input' ).value = cssVariant;
+
// Get brrowser info: user-agent.
- document.getElementById('ex3p-browser').value = navigator.userAgent;
+ document.getElementById( 'ex3p-browser' ).value = navigator.userAgent;
}
-ex3pYes.addEventListener('touchstart', ex3pClick);
-ex3pYes.addEventListener('click', ex3pClick);
-ex3pNo.addEventListener('touchstart', ex3pClick);
-ex3pNo.addEventListener('click', ex3pClick);
-ex3pX.addEventListener('touchstart', ex3pClick);
-ex3pX.addEventListener('click', ex3pClick);
-ex3p.addEventListener('touchstart', ex3pClick);
-ex3p.addEventListener('click', ex3pClick);
+ex3pYes.addEventListener( 'touchstart', ex3pClick );
+ex3pYes.addEventListener( 'click', ex3pClick );
+ex3pNo.addEventListener( 'touchstart', ex3pClick );
+ex3pNo.addEventListener( 'click', ex3pClick );
+ex3pX.addEventListener( 'touchstart', ex3pClick );
+ex3pX.addEventListener( 'click', ex3pClick );
+ex3p.addEventListener( 'touchstart', ex3pClick );
+ex3p.addEventListener( 'click', ex3pClick );
/**
- * Values when canceling.
+ * Get special values when canceling.
*
* Giving a fake e-mail because form check.
*/
-function ex3pClickCancel() {
- ex3pIn.value = 'no@nonono.no'
+function ex3pCancel() {
+ ex3p.style.display = 'none';
+ ex3pIn.value = 'just@fa.ke';
+ document.getElementById( 'ex3p-form' ).submit();
+}
+
+/**
+ * Submit form (with fake email) when click on cancel button.
+ */
+function buttonNo() {
+ document.getElementById( 'ex3p-status' ).value = 'cancel';
+ ex3pCancel();
}
-ex3pNo.addEventListener('touchstart', ex3pClickCancel);
-ex3pNo.addEventListener('click', ex3pClickCancel);
+ex3pNo.addEventListener( 'touchstart', buttonNo );
+ex3pNo.addEventListener( 'click', buttonNo );
/**
* Submit form (with fake email) when click on "X".
*/
function submitX() {
- ex3pClickCancel();
- document.getElementById('ex3p-no-x').value = 'cancel-x';
- document.getElementById('ex3p-form').submit();
+ document.getElementById( 'ex3p-status' ).value = 'cancel-x';
+ ex3pCancel();
}
-ex3pX.addEventListener('touchstart', submitX);
-ex3pX.addEventListener('click', submitX);
+ex3pX.addEventListener( 'touchstart', submitX );
+ex3pX.addEventListener( 'click', submitX );
/**
* Submit form (with fake email) when click out of the box.
*/
function submitOutOfBox() {
- ex3pClickCancel();
- document.getElementById('ex3p-no-x').value = 'cancel-out-of-box';
- document.getElementById('ex3p-form').submit();
+ document.getElementById( 'ex3p-status' ).value = 'cancel-out-of-box';
+ ex3pCancel();
}
-ex3p.addEventListener('touchstart', submitOutOfBox);
-ex3p.addEventListener('click', submitOutOfBox);
+
+/**
+ * Close pop-up.
+ */
+function triggerClose( e ) {
+ var trid = e.target.id;
+
+ if ( 'ex3p' === trid ) {
+ submitOutOfBox();
+ }
+}
+ex3p.addEventListener( 'touchstart', triggerClose );
+ex3p.addEventListener( 'click', triggerClose );
+
+/**
+ * Check external links.
+ */
+// var ex3pExtUrl = document.getElementsByTagName('a').getAttribute('href');
+//
+// function extractHostname(url) {
+// var hostname;
+// //find & remove protocol (http, ftp, etc.) and get the hostname
+// if (url.indexOf("://") > -1) {
+// hostname = url.split('/')[2];
+// }
+// else {
+// hostname = url.split('/')[0];
+// }
+//
+// //find & remove port number
+// hostname = hostname.split(':')[0];
+//
+// return hostname;
+// }
+//
+// function clickLink() {
+// console.log(extractHostname(ex3pExtUrl));
+// }
+// ex3p.addEventListener('click', clickLink);
+//
+//
+//
+// if (extractHostname(ex3pExtUrl) === window.location.hostname ) {
+//
+// }
/**
* Fire Pop-up.
@@ -151,23 +206,23 @@ function popupReady() {
// Get the vertical coordinate.
var clientY = '100';
- document.getElementsByTagName('header')[0].addEventListener('mousemove', (event) => {
+ document.getElementsByTagName( 'header' )[ 0 ].addEventListener( 'mousemove', function ( event ) {
// Get vertical position of mouse in viewport.
clientY = event.clientY;
// If Mouse goes over top, fire pop-up.
- if (50 > clientY) {
- document.getElementsByTagName('body')[0].addEventListener('mouseleave', () => {
+ if ( 50 > clientY ) {
+ document.getElementsByTagName( 'body' )[ 0 ].addEventListener( 'mouseleave', function () {
// Makes sure, pop up fires only once.
- if (true === onlyOnce) {
+ if ( true === onlyOnce ) {
onlyOnce = false;
ex3p.style.display = 'block';
// Set cookie.
- localStorage.setItem('exit-pop-up-' + window.location.hostname, 'x');
+ localStorage.setItem( 'exit-pop-up-' + window.location.hostname, 'x' );
}
- });
+ } );
}
- });
+ } );
}
popupReady();