function checkIt(evt) { evt = (evt) ? evt : window.event; var charCode = (evt.which) ? evt.which : evt.keyCode; if (charCode > 31 && (charCode < 48 || charCode > 57)) { status = "This field accepts numbers only."; return false; } status = ""; return true; } var addToHome = (function (w) { var nav = w.navigator, isIDevice = 'platform' in nav && (/iphone|ipod|ipad/gi).test(nav.platform), isIPad, isRetina, isSafari, isChromeiOS, isStandalone, OSVersion, startX = 0, startY = 0, lastVisit = 0, isExpired, isSessionActive, isReturningVisitor, balloon, overrideChecks, positionInterval, closeTimeout, options = { autostart: true, // Automatically open the balloon returningVisitor: false , // Show the balloon to returning visitors only (setting this to true is HIGHLY RECCOMENDED) animationIn: 'drop', // drop || bubble || fade animationOut: 'fade', // drop || bubble || fade startDelay: 0 , // 2 seconds from page load before the balloon appears lifespan: 15000, // 15 seconds before it is automatically destroyed bottomOffset: 14, // Distance of the balloon from bottom expire: 0, // Minutes to wait before showing the popup again (0 = always displayed) message: '', // Customize your message or force a language ('' = automatic) touchIcon: true, // Display the touch icon arrow: true, // Display the balloon arrow hookOnLoad: true, // Should we hook to onload event? (really advanced usage) iterations: 100 // Internal/debug use }, intl = { ca_es: 'Per instal·lar aquesta aplicació al vostre %device premeu %icon i llavors Afegir a pantalla d\'inici.', cs_cz: 'Pro instalaci aplikace na Váš %device, stiskněte %icon a v nabídce Přidat na plochu.', da_dk: 'Tilføj denne side til din %device: tryk på %icon og derefter Føj til hjemmeskærm.', de_de: 'Installieren Sie diese App auf Ihrem %device: %icon antippen und dann Zum Home-Bildschirm.', el_gr: 'Εγκαταστήσετε αυτήν την Εφαρμογή στήν συσκευή σας %device: %icon μετά πατάτε Προσθήκη σε Αφετηρία.', en_us: 'Install this web app on your %device: tap %icon and then Add to Home Screen.', es_es: 'Para instalar esta app en su %device, pulse %icon y seleccione Añadir a pantalla de inicio.', fi_fi: 'Asenna tämä web-sovellus laitteeseesi %device: paina %icon ja sen jälkeen valitse Lisää Koti-valikkoon.', fr_fr: 'Ajoutez cette application sur votre %device en cliquant sur %icon, puis Ajouter à l\'écran d\'accueil.', he_il: 'התקן אפליקציה זו על ה-%device שלך: הקש %icon ואז הוסף למסך הבית.', hu_hu: 'Telepítse ezt a web-alkalmazást az Ön %device-jára: nyomjon a %icon-ra majd a Főképernyőhöz adás gombra.', it_it: 'Installa questa applicazione sul tuo %device: premi su %icon e poi Aggiungi a Home.', ja_jp: 'このウェブアプリをあなたの%deviceにインストールするには%iconをタップしてホーム画面に追加を選んでください。', ko_kr: '%device에 웹앱을 설치하려면 %icon을 터치 후 "홈화면에 추가"를 선택하세요', nb_no: 'Installer denne appen på din %device: trykk på %icon og deretter Legg til på Hjem-skjerm', nl_nl: 'Installeer deze webapp op uw %device: tik %icon en dan Zet in beginscherm.', pl_pl: 'Aby zainstalować tę aplikacje na %device: naciśnij %icon a następnie Dodaj jako ikonę.', pt_br: 'Instale este web app em seu %device: aperte %icon e selecione Adicionar à Tela Inicio.', pt_pt: 'Para instalar esta aplicação no seu %device, prima o %icon e depois o Adicionar ao ecrã principal.', ru_ru: 'Установите это веб-приложение на ваш %device: нажмите %icon, затем Добавить в «Домой».', sv_se: 'Lägg till denna webbapplikation på din %device: tryck på %icon och därefter Lägg till på hemskärmen.', th_th: 'ติดตั้งเว็บแอพฯ นี้บน %device ของคุณ: แตะ %icon และ เพิ่มที่หน้าจอโฮม', tr_tr: '%device için bu uygulamayı kurduktan sonra %icon simgesine dokunarak Ana Ekrana Ekleyin.', zh_cn: '您可以将此应用程式安装到您的 %device 上。请按 %icon 然后点选添加至主屏幕。', zh_tw: '您可以將此應用程式安裝到您的 %device 上。請按 %icon 然後點選加入主畫面螢幕。' }; function init () { // Preliminary check, prevents all further checks to be performed on iDevices only if ( !isIDevice ) return; var now = Date.now(), i; // Merge local with global options if (w.addToHomeConfig) { for ( i in w.addToHomeConfig ) { options[i] = w.addToHomeConfig[i]; } } if ( !options.autostart ) options.hookOnLoad = false; isIPad = (/ipad/gi).test(nav.platform); isRetina = w.devicePixelRatio && w.devicePixelRatio > 1; isSafari = nav.appVersion.match(/Safari/gi); isChromeiOS = nav.appVersion.match(/CriOS/gi); isStandalone = nav.standalone; OSVersion = nav.appVersion.match(/OS (\d+_\d+)/i); OSVersion = OSVersion[1] ? +OSVersion[1].replace('_', '.') : 0; lastVisit = +w.localStorage.getItem('addToHome'); isSessionActive = w.sessionStorage.getItem('addToHomeSession'); isReturningVisitor = options.returningVisitor ? lastVisit && lastVisit + 28*24*60*60*1000 > now : true; if ( !lastVisit ) lastVisit = now; // If it is expired we need to reissue a new balloon isExpired = isReturningVisitor && lastVisit <= now; if ( options.hookOnLoad ) w.addEventListener('load', loaded, false); else if ( !options.hookOnLoad && options.autostart ) loaded(); } function loaded () { w.removeEventListener('load', loaded, false); if ( !isReturningVisitor ) w.localStorage.setItem('addToHome', Date.now()); else if ( options.expire && isExpired ) w.localStorage.setItem('addToHome', Date.now() + options.expire * 60000); var icons = options.touchIcon ? document.querySelectorAll('head link[rel=apple-touch-icon],head link[rel=apple-touch-icon-precomposed]') : [], sizes, touchIcon = '', closeButton, platform = nav.platform.split(' ')[0], language = nav.language.replace('-', '_'), i, l; balloon = document.createElement('div'); balloon.id = 'addToHomeScreen'; balloon.style.cssText += 'left:-9999px;-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-duration:0;-webkit-transform:translate3d(0,0,0);position:' + (OSVersion < 5 ? 'absolute' : 'fixed'); // Localize message if ( options.message in intl ) { // You may force a language despite the user's locale language = options.message; options.message = ''; } if ( options.message === '' ) { // We look for a suitable language (defaulted to en_us) options.message = language in intl ? intl[language] : intl['en_us']; } // Search for the apple-touch-icon if ( icons.length ) { for ( i = 0, l = icons.length; i < l; i++ ) { sizes = icons[i].getAttribute('sizes'); if ( sizes ) { if ( isRetina && sizes == '114x114' ) { touchIcon = icons[i].href; break; } } else { touchIcon = icons[i].href; } } touchIcon = ''; } balloon.className = (isIPad ? 'addToHomeIpad' : 'addToHomeIphone') + (touchIcon ? ' addToHomeWide' : ''); balloon.innerHTML = touchIcon + options.message.replace('%device', platform).replace('%icon', OSVersion >= 4.2 ? '' : '+') + (options.arrow ? '' : '') + '\u00D7'; document.body.appendChild(balloon); // Add the close action closeButton = balloon.querySelector('.addToHomeClose'); if ( closeButton ) closeButton.addEventListener('click', clicked, false); setTimeout(show, options.startDelay); } function show () { var duration, iPadXShift = 160; // Set the initial position if ( isIPad ) { if ( OSVersion < 5 ) { startY = w.scrollY; startX = w.scrollX; iPadXShift = 208; } balloon.style.top = startY + options.bottomOffset + 'px'; balloon.style.left = startX + iPadXShift - Math.round(balloon.offsetWidth / 2) + 'px'; switch ( options.animationIn ) { case 'drop': duration = '0.6s'; balloon.style.webkitTransform = 'translate3d(0,' + -(w.scrollY + options.bottomOffset + balloon.offsetHeight) + 'px,0)'; break; case 'bubble': duration = '0.6s'; balloon.style.opacity = '0'; balloon.style.webkitTransform = 'translate3d(0,' + (startY + 50) + 'px,0)'; break; default: duration = '1s'; balloon.style.opacity = '0'; } } else { startY = w.innerHeight + w.scrollY; if ( OSVersion < 5 ) { startX = Math.round((w.innerWidth - balloon.offsetWidth) / 2) + w.scrollX; balloon.style.left = startX + 'px'; balloon.style.top = startY - balloon.offsetHeight - options.bottomOffset + 'px'; } else { balloon.style.left = '50%'; balloon.style.marginLeft = -Math.round(balloon.offsetWidth / 2) + 'px'; balloon.style.bottom = options.bottomOffset + 'px'; } switch (options.animationIn) { case 'drop': duration = '1s'; balloon.style.webkitTransform = 'translate3d(0,' + -(startY + options.bottomOffset) + 'px,0)'; break; case 'bubble': duration = '0.6s'; balloon.style.webkitTransform = 'translate3d(0,' + (balloon.offsetHeight + options.bottomOffset + 50) + 'px,0)'; break; default: duration = '1s'; balloon.style.opacity = '0'; } } balloon.offsetHeight; // repaint trick balloon.style.webkitTransitionDuration = duration; balloon.style.opacity = '1'; balloon.style.webkitTransform = 'translate3d(0,0,0)'; balloon.addEventListener('webkitTransitionEnd', transitionEnd, false); closeTimeout = setTimeout(close, options.lifespan); } function manualShow (override) { //if ( !isIDevice || balloon ) return; overrideChecks = override; loaded(); } function showx () { var xAnimationIn = document.settings.animation_in.value; var xAnimationOut = document.settings.animation_out.value; var xLifeStyle = document.settings.life_span.value; var duration, iPadXShift = 160; // Set the initial position if ( isIPad ) { if ( OSVersion < 5 ) { startY = w.scrollY; startX = w.scrollX; iPadXShift = 208; } balloon.style.top = startY + options.bottomOffset + 'px'; balloon.style.left = startX + iPadXShift - Math.round(balloon.offsetWidth / 2) + 'px'; switch ( xAnimationIn ) { case 'drop': duration = '0.6s'; balloon.style.webkitTransform = 'translate3d(0,' + -(w.scrollY + options.bottomOffset + balloon.offsetHeight) + 'px,0)'; break; case 'bubble': duration = '0.6s'; balloon.style.opacity = '0'; balloon.style.webkitTransform = 'translate3d(0,' + (startY + 50) + 'px,0)'; break; default: duration = '1s'; balloon.style.opacity = '0'; } } else { startY = w.innerHeight + w.scrollY; if ( OSVersion < 5 ) { startX = Math.round((w.innerWidth - balloon.offsetWidth) / 2) + w.scrollX; balloon.style.left = startX + 'px'; balloon.style.top = startY - balloon.offsetHeight - options.bottomOffset + 'px'; } else { balloon.style.left = '50%'; balloon.style.marginLeft = -Math.round(balloon.offsetWidth / 2) + 'px'; balloon.style.bottom = options.bottomOffset + 'px'; } switch (xAnimationIn) { case 'drop': duration = '1s'; balloon.style.webkitTransform = 'translate3d(0,' + -(startY + options.bottomOffset) + 'px,0)'; break; case 'bubble': duration = '0.6s'; balloon.style.webkitTransform = 'translate3d(0,' + (balloon.offsetHeight + options.bottomOffset + 50) + 'px,0)'; break; default: duration = '1s'; balloon.style.opacity = '0'; } } balloon.offsetHeight; // repaint trick balloon.style.webkitTransitionDuration = duration; balloon.style.opacity = '1'; balloon.style.webkitTransform = 'translate3d(0,0,0)'; //balloon.addEventListener('webkitTransitionEnd', transitionEnd, false); closeTimeout = setTimeout(close, xLifeSpan); } function manualShowx (override) { overrideChecks = override; var xMessage = document.settings.message.value; var xExpire = document.settings.expire.value; var xTouchIcon = document.settings.touch_icon.checked; var xStartDelay = document.settings.message.value; w.removeEventListener('load', loaded, false); if ( !isReturningVisitor ) w.localStorage.setItem('addToHome', Date.now()); else if ( xExpired && isExpired ) w.localStorage.setItem('addToHome', Date.now() + xExpired * 60000); var icons = xTouchIcon ? document.querySelectorAll('head link[rel=apple-touch-icon],head link[rel=apple-touch-icon-precomposed]') : [], sizes, touchIcon = '', closeButton, platform = nav.platform.split(' ')[0], language = nav.language.replace('-', '_'), i, l; balloon = document.createElement('div'); balloon.id = 'addToHomeScreen'; balloon.style.cssText += 'left:-9999px;-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-duration:0;-webkit-transform:translate3d(0,0,0);position:' + (OSVersion < 5 ? 'absolute' : 'fixed'); // Localize message if ( xMessage in intl ) { // You may force a language despite the user's locale language = xMessage; xMessage = ''; } if ( xMessage === '' ) { // We look for a suitable language (defaulted to en_us) xMessage = language in intl ? intl[language] : intl['en_us']; } // Search for the apple-touch-icon if ( icons.length ) { for ( i = 0, l = icons.length; i < l; i++ ) { sizes = icons[i].getAttribute('sizes'); if ( sizes ) { if ( isRetina && sizes == '114x114' ) { touchIcon = icons[i].href; break; } } else { touchIcon = icons[i].href; } } touchIcon = ''; } balloon.className = (isIPad ? 'addToHomeIpad' : 'addToHomeIphone') + (touchIcon ? ' addToHomeWide' : ''); balloon.innerHTML = touchIcon + xMessage.replace('%device', platform).replace('%icon', OSVersion >= 4.2 ? '' : '+') + (options.arrow ? '' : '') + '\u00D7'; document.body.appendChild(balloon); // Add the close action closeButton = balloon.querySelector('.addToHomeClose'); if ( closeButton ) closeButton.addEventListener('click', clicked, false); setTimeout(show, xStartDelay); } function close () { clearInterval( positionInterval ); clearTimeout( closeTimeout ); closeTimeout = null; var posY = 0, posX = 0, opacity = '1', duration = '0', closeButton = balloon.querySelector('.addToHomeClose'); if ( closeButton ) closeButton.removeEventListener('click', close, false); if ( OSVersion < 5 ) { posY = isIPad ? w.scrollY - startY : w.scrollY + w.innerHeight - startY; posX = isIPad ? w.scrollX - startX : w.scrollX + Math.round((w.innerWidth - balloon.offsetWidth)/2) - startX; } balloon.style.webkitTransitionProperty = '-webkit-transform,opacity'; switch ( options.animationOut ) { case 'drop': if ( isIPad ) { duration = '0.4s'; opacity = '0'; posY = posY + 50; } else { duration = '0.6s'; posY = posY + balloon.offsetHeight + options.bottomOffset + 50; } break; case 'bubble': if ( isIPad ) { duration = '0.8s'; posY = posY - balloon.offsetHeight - options.bottomOffset - 50; } else { duration = '0.4s'; opacity = '0'; posY = posY - 50; } break; default: duration = '0.8s'; opacity = '0'; } balloon.addEventListener('webkitTransitionEnd', transitionEnd, false); balloon.style.opacity = opacity; balloon.style.webkitTransitionDuration = duration; balloon.style.webkitTransform = 'translate3d(' + posX + 'px,' + posY + 'px,0)'; } function clicked () { w.sessionStorage.setItem('addToHomeSession', '1'); isSessionActive = true; close(); } function transitionEnd () { balloon.removeEventListener('webkitTransitionEnd', transitionEnd, false); balloon.style.webkitTransitionProperty = '-webkit-transform'; balloon.style.webkitTransitionDuration = '0.2s'; // We reached the end! if ( !closeTimeout ) { balloon.parentNode.removeChild(balloon); balloon = null; return; } // On iOS 4 we start checking the element position if ( OSVersion < 5 && closeTimeout ) positionInterval = setInterval(setPosition, options.iterations); } function setPosition () { var matrix = new WebKitCSSMatrix(w.getComputedStyle(balloon, null).webkitTransform), posY = isIPad ? w.scrollY - startY : w.scrollY + w.innerHeight - startY, posX = isIPad ? w.scrollX - startX : w.scrollX + Math.round((w.innerWidth - balloon.offsetWidth) / 2) - startX; // Screen didn't move if ( posY == matrix.m42 && posX == matrix.m41 ) return; balloon.style.webkitTransform = 'translate3d(' + posX + 'px,' + posY + 'px,0)'; } // Clear local and session storages (this is useful primarily in development) function reset () { w.localStorage.removeItem('addToHome'); w.sessionStorage.removeItem('addToHomeSession'); } // Bootstrap! init(); return { show: manualShow, close: close, reset: reset, showx: manualShowx, }; })(this);