CINXE.COM

APA Online Psychology Laboratory

<html lang="en"> <head> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <script src="./js/jquery.min.js"></script> <script src="./src/scripts/apa-config.js"></script> <!-- Google Tag Manager --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-TWJ6WQC'); </script> <!-- End Google Tag Manager --> <style type="text/css"> #oplSocialShare>ul { overflow: auto; } .row { margin-left: 0px !important; margin-right: 0px !important; } #oplSocialShare>ul li { list-style-type: none; float: none; font-size: 20px; display: inline-block; } #oplSocialShare>p { color: #929292; font-weight: 600; } #oplSocialShare>ul li a i { color: #929292; width: 40px; height: 40px; border-radius: 20px; text-align: center; margin-right: 10px; padding-top: 25%; } #oplSocialShare>ul li a i { transition: all 0.2s ease-in-out; } #oplSocialShare>ul li a i:hover { color: #00ACC1; } .fa-facebook { background: none } .fa-linkedin { background: none } .fa-twitter { background: none } .fa-google-plus { background: none } .pinterest-p { background: none } @charset "UTF-8"; [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) { display: none !important; } ng\:form { display: block; } .ng-animate-shim { visibility: hidden; } .ng-anchor { position: absolute; } .opl-footer-brand { background-color: #F4F4F4; padding: 2% 3%; text-align: center; color: #005499; width: 100%; font-size: 13px; margin: 0; } .mar-space { margin-right: 27px; } .brand-text-mob { color: #ffffff; font-size: 13px; margin: -23px; } a:hover { outline: none; text-decoration: none; color: #0097A7; } .btn-mob { border-radius: 0px !important; padding: 10px 40% !important; background-color: #423d3e !important; border: #423d3e !important; color: #ffffff !important; } @media(min-width:320px) and (max-width:767px) { #oplSocialShare>ul li a i { margin-right: 0 !important; } .opl-top-part { overflow-y: scroll; } .credit { color: #fff !important; font-size: 13px !important; line-height: 1.3em !important; } #gettingStarted ol { padding-left: 0px; } } #textcontent { margin-top: 20px; } #mobDemoBtn { padding: 15px 4% !important; } #getStarted, #getStartedMob { text-transform: none !important; font-size: 12px !important; margin: 15px 10px !important; } #heroLogo { cursor: pointer; } .headLogo { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; float: left; } img.large { max-width: 430px; height: auto; margin-top: 4px; } </style> <meta charset="utf-8"> <title>APA Online Psychology Laboratory</title> <meta property="og:url" content="https://opl.apa.org/" /> <meta property="og:type" content="website" /> <meta property="og:title" content="APA Online Psychology Laboratory" /> <meta property="og:description" content="Welcome to the APA Online Psychology Laboratory! OPL provides highly interactive resources for the teaching of psychological science. The peer-reviewed materials include online studies and correlational studies, large data sets, demonstrations, and teaching aids. You are invited to use the site to furth..." /> <meta property="og:image" content="./images/header_bg.jpg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content=""> <link rel="stylesheet" href="./css/banner.min.css"> <script src="./js/banner.min.js"></script> <!-- For Production Region--> <!-- <link rel="shortcut icon" type="image/x-icon" href="./favicon/favicon.ico"> --> <!-- For QA Region--> <link rel="shortcut icon" type="image/x-icon" href="./favicon/favicon.ico"> <!-- Bootstrap --> <link rel="stylesheet" href="./css/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="./css/bootstrap.min.css"> <link rel="stylesheet" href="./css/APA_WebFonts.css"> <link rel="stylesheet" href="./css/opl-home.css"> <link rel="stylesheet" href="./css/opl-home-m.css"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="./js/html5shiv.min.js"></script> <script src="./js/respond.min.js"></script> <![endif]--> </head> <body ng-app="opl" class="ng-scope"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TWJ6WQC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <section class="container-fluid opl-container-fluid ng-scope" ng-controller="loginController"> <div id="loadImg" style="display:none;float:left;width:100%;text-align:center;"> <div class="loader"></div> </div> <main id="oplIndex"> <nav id="myNavbar" class="navbar navbar-default navbar-fixed-top opl-navbar-default-mob" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <section class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> <section class="navbar-header opl-navbar-header hidden-xs"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--<a class="navbar-brand" href="https://www.apa.org/" title="logo"> <figure><img src="./images/apa-logo-top-banner.png" alt="Logo" class="img-responsive"> <figcaption></figcaption> </figure> </a>--> <div class="headLogo" id="headLogo"> <a class="navbar-brand" href="https://www.apa.org/" title="logo"><img class="large" src="./images/LogoNew.png" alt="American Psychological Association Logo" class="img-responsive"></a> </div> </section> <section class="visible-xs opl-logo-txt"> <div><img src="./images/logo.png" alt="logo" class="img-responsive opl-logo-m"> </div> </section> </section> <section class="col-lg-2 col-md-2 col-sm-2 col-xs-2 hidden-xs"> <a href="javascript:;"> <button type="button" data-toggle="modal" data-target="#gettingStarted" class="btn btn-secondary opl-txt-transform sr-only" id="getStarted" title="Getting Started">Getting Started</button> </a> </section> </nav> <header class="opl-top-part"> <section> <!-- this is the header code --> <section class="col-lg-6 col-lg-offset-6 col-md-6 col-md-offset-6 col-sm-6 col-sm-offset-6 col-xs-12 text-center opl-logo-text"> <div class="hidden-xs opl-logo"> <img src="./images/logo.svg" id="heroLogo" alt="logo"> </div> <h2 class="opl-heading-fsize">Welcome to the APA Online Psychology Laboratory</h2> <section class="visible-xs opl-login-btn-mob"> <a href="javascript:;"> <button type="button" data-toggle="modal" data-target="#gettingStarted" class="sr-only btn btn-secondary opl-txt-transform" id="getStartedMob" title="Getting Started">Getting Started</button> </a> <a href="{{apaUrl}}{{cloudFrontUrl}}index.html?device={{deviceType}}-educatorview&gplus=true" class="btn btn-primary btn-block opl-txt-transform opl-loginbtn-fsize" title="Educator login">educator login</a> <a href="{{apaUrl}}{{cloudFrontUrl}}index.html?device={{deviceType}}-studentview&gplus=true" class="btn btn-primary btn-block opl-txt-transform opl-loginbtn-fsize" id="getURLStu" title="Student login">student login</a> </section> <br> <section class="visible-xs opl-login-btn-mob"> <a href="./src/index.html#/Demonstrations" id="mobDemoBtn" class="btn-logout" title="Educator login">Demonstrations</a> <a href="./src/index.html#/Data" class="btn-logout" title="Student login">Data</a> </section> <p>&nbsp;</p> <br> <section class="visible-xs opl-login-btn-mob credit"> <p class="detail">This is a product of the <a id="apaLink">American Psychological Association</a></p> <p><a id="privacyLink">Privacy Policy</a></p> </section> <p>&nbsp;</p> <section class="col-lg-12 col-md-12 col-sm-12 col-xs-12 hidden-xs"> <a href="./src/index.html#/Demonstrations"> <button type="button" class="btn btn-secondary opl-txt-transform" title="Demonstrations">Demonstrations</button> </a> <a href="./src/index.html#/Data"> <button type="button" class="btn btn-primary opl-txt-transform" title="Data">Data</button> </a> </section> </section> </section> <section class="row hidden-xs"> <!-- this is the blue bar code --> <article class="col-lg-12 col-md-12 col-sm-12 col-xs-12 opl-peer-content"> <section> <aside class="col-lg-4 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-5 col-sm-offset-1 col-xs-12 opl-peer-txt"> <figure><img src="./images/student.png" alt="Student"> </figure> <p class="opl-subtext-fsize">OPL is designed to help students understand the science of psychology.</p> </aside> <aside class="col-lg-4 col-lg-offset-2 col-md-4 col-md-offset-2 col-sm-5 col-sm-offset-1 col-xs-12 opl-peer-txt opl-col-lg-pull"> <figure><img src="./images/educator.png" alt="Educators"> </figure> <p class="opl-subtext-fsize">OPL provides highly interactive resources for the teaching of psychological science.</p> </aside> </section> </article> </section> </header> <section class="row" id="textcontent"> <!-- this is the blue bar code --> <article class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div ui-view></div> </article> </section> <section class="row hidden-xs" id="homecontent"> <!-- this is the 2 col students/teachers code --> <article class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <section> <aside class="col-lg-4 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-4 col-sm-offset-1"> <section class="opl-student-cube"> <h1 class="text-center">Students</h1> <p>Want to learn about psychology? Interested in understanding the scientific process by participating in a research study? Login to explore the science of psychology through interactive demonstrations and experiments. </p> <a href="{{apaUrl}}{{cloudFrontUrl}}index.html?device={{deviceType}}-studentview" class="btn btn-primary btn-block opl-txt-transform opl-loginbtn-fsize" title="Student login">student login</a> </section> </aside> <aside class="col-lg-1 col-md-1 col-sm-1 opl-vertical-border"></aside> <aside class="col-lg-4 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-4 col-sm-offset-1"> <section class="opl-student-cube"> <h1 class="text-center">Educators</h1> <p>Go beyond classroom discussions of psychology to immerse your students in psychological research. Login below to access demonstrations, assign experiments to your students to participate in, and download datasets for students to analyze.</p> <a href="{{apaUrl}}{{cloudFrontUrl}}index.html?device={{deviceType}}-educatorview" class="btn btn-primary btn-block opl-txt-transform opl-loginbtn-fsize" title="Educator login">educator login</a> </section> </aside> </section> </article> </section> <div class="row hidden-xs"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="height: 80px;"> <div id="mobileBanner" style="position: relative;z-index: 9999999999;width: 38%;"> <a class="text-center" href="{{playStore}}" target="_blank"> <img border="0" alt="Play Store" src="./images/android.png" width="175px"> </a> <a class="text-center" href="{{appStore}}"> <img border="0" alt="App Store" src="./images/apple.png" width="150px"> </a> </div> <div class="text-center" style="position: relative;top: -75px;"> <div id="oplSocialShare"> <p>SHARE THIS WEBSITE</p> <ul> <li><a href="https://www.facebook.com/sharer/sharer.php?u=opl.apa.org" title="Share on Facebook" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="https://www.linkedin.com/shareArticle?mini=true&url=opl.apa.org&title=&summary=&source=" title="Share on LinkedIn" target="_blank"><i class="fa fa-linkedin"></i></a></li> <li><a href="https://twitter.com/intent/tweet?text=opl.apa.org" title="Share on Twitter" target="_blank"><i class="fa fa-twitter"></i></a></li> <!--<li><a href="https://plus.google.com/share?url=opl.apa.org" title="Share on Google+" target="_blank"><i class="fa fa-google-plus"></i></a></li>--> <li><a href="https://www.tumblr.com/share" title="Share on Tumblr" target="_blank"><i class="fa fa-tumblr"></i></a> <script id="tumblr-js" async src="./js/share-button.js"></script> </li> <li><a href="https://pinterest.com/pin/create/button/?url=opl.apa.org&media=./images/header_bg.jpg&description=opl.apa.org" title="Share on Pinterest" target="_blank"><i class="fa fa-pinterest"></i></a></li> </ul> </div> </div> </div> </div> <footer class="hidden-xs"> <div ng-include="'./src/templates/footer.html'"></div> </footer> </main> <div class="modal fade" id="gettingStarted" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header" style="border-bottom: none;padding-bottom: 0px !important;"> <button type="button" class="close" style="width: 10%;font-size: 30px;" data-dismiss="modal">脳</button> </div> <div class="modal-body"> <section class="row"> <section class="col-xs-12 col-sm-12 col-md-12 col-lg-12 GettingStarted"> <h3 class="getting-started" style="padding-left: 3%;font-weight: 100 !important;font-size: 22px;">Getting started with OPL</h3> <br> <ol> <li>Log into OPL using your APA account login information. If you don't have an APA account, you can create one from the login page.</li><br> <li><strong>Students: </strong>You can participate in experiments, view demonstrations, and access experiment data from your class or other institutions.</li><br> <li><strong>Educators: </strong> You can add classes to OPL, assign experiments to your students, and access experiment data from your students or other institutions. <p><br><br></p>Questions? Check out our <span class="hidden-xs"><a href="#/faq" id="faqModal">FAQ </a>or</span> <a class="footer-link" href="mailto: OPLEditor@apa.org">Contact Us</a>.</li> </ol> </section> </section> </div> </div> </div> </div> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <p>&nbsp;</p> <div class="modal-body" style="margin: 0px 0 20px 0;text-align: center;"> <form class="ng-pristine ng-valid"> <label class="radio-inline"> <input type="radio" name="optradio" ng-click="loginFunc()" ng-model="optradio" value="E" class="ng-pristine ng-untouched ng-valid">Educator </label> <label class="radio-inline"> <input type="radio" name="optradio" ng-click="loginFunc()" ng-model="optradio" value="S" class="ng-pristine ng-untouched ng-valid">Student </label> </form> </div> </div> </div> </div> </section> <script src="./js/angular.js"></script> <script src="./js/bootstrap.min.js"></script> <script src="./js/ui-grid.js"></script> <script src="./js/angular-filter.min.js"></script> <script src="./js/angular-route.js"></script> <script src="./js/ui-bootstrap.js"></script> <script src="./js/ui-bootstrap-tpls.min.js"></script> <script src="./js/angular-ui-router.min.js"></script> <script src="./js/underscore-min.js"></script> <script src="./js/xlsx.full.min.js.download"></script> <script src="./src/scripts/app.js"></script> <script src="./src/scripts/env.js"></script> <script src="./src/scripts/router.js"></script> <script> $(document).on('click', '#heroLogo', function() { window.location = './index.html#/'; setTimeout(function() { location.reload(); }, 100) }); (function(a) { (jQuery.browser = jQuery.browser || {}).mobile = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4)) })(navigator.userAgent || navigator.vendor || window.opera); var devicePlatform, permissionStorage, loadCordovaAndroidJSPath = "./", loadCordovaIOSJSPath = "./ios/", apa = 'https://www.apa.org/', privacy = 'https://apa.org/mobile/privacy.aspx', loadSocialShareJS = "./js/SocialSharing.js", terms = "https://www.apa.org/mobile/termsofuse.aspx"; function loadJS(file) { var jsElm = document.createElement("script"); jsElm.type = "application/javascript"; jsElm.src = file; document.body.appendChild(jsElm); } // if(jQuery.browser.mobile) { // viewport = document.querySelector("meta[name=viewport]"); // viewport.setAttribute('content', 'width=768px, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0'); // }else{ // } // var checkDeviceFlag; var xports = {}, win = typeof window != 'undefined' && window, doc = typeof document != 'undefined' && document, docElem = doc && doc.documentElement, matchMedia = win['matchMedia'] || win['msMatchMedia'], mq = matchMedia ? function(q) { return !!matchMedia.call(win, q).matches; } : function() { return false; }, viewportW = xports['viewportW'] = function() { var a = docElem['clientWidth'], b = win['innerWidth']; return a < b ? b : a; }, viewportH = xports['viewportH'] = function() { var a = docElem['clientHeight'], b = win['innerHeight']; return a < b ? b : a; }; var device = xports.viewportW(); $.urlParam = function(name) { var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); if (results == "" || results == null) { return results = "browser"; } return results[1] || 0; } var checkDevice; var deviceType = $.urlParam('device'); if (deviceType == "" || deviceType == "undefined" || deviceType == null) { deviceType = "browser"; } var devSrc = deviceType.split('-'); if (devSrc[0] == "%27app%27" || devSrc[0] == "'app'" || devSrc[0] == "app") { localStorage.setItem("appType", "'app'"); } else { localStorage.setItem("appType", devSrc[0]); } if (device < 768) { checkDevice = 0; $('.smartbanner').hide(); } else { checkDevice = 1; } // checkDeviceFlag=localStorage.getItem('checkDevice'); if (jQuery.browser.mobile && localStorage.getItem("appType") == "browser") { $('#apaLink').attr('href', apa); $('#privacyLink').attr('href', privacy); $("head").append("<meta name='smartbanner:title' content='Online Psychology Laboratory App'><meta name='smartbanner:hide-ttl' content='10000'><meta name='smartbanner:author' content='American Psychological Association '><meta name='smartbanner:price' content='$1.99'><meta name='smartbanner:price-suffix-apple' content=' - Coming soon for App Store'><meta name='smartbanner:price-suffix-google' content=' - In Google Play'><meta name='smartbanner:icon-apple' content='./images/ic_launcher.png'><meta name='smartbanner:icon-google' content='./images/ic_launcher.png'><meta name='smartbanner:button' content='View'><meta name='smartbanner:button-url-apple' content=" + commonConfig.appStore + "><meta name='smartbanner:button-url-google' content=" + commonConfig.playStore + "><meta name='smartbanner:enabled-platforms' content='android,ios'>"); setTimeout(function() { $('.smartbanner').css('position', 'fixed'); $('.smartbanner').css('width', (window.innerWidth > 0) ? window.innerWidth : screen.width); }, 3000); viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=768px, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0'); } else if (decodeURI(localStorage.getItem("appType")) == "'app'") { var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream, isiPad = /iPad/.test(navigator.userAgent) && !window.MSStream; if (isiPad) { $('.opl-top-part').css('top', '0px'); $('#myNavbar').hide(); viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=400px, initial-scale=1.5, minimum-scale=1.5, maximum-scale=1.5'); } if (isIOS) { loadJS(loadCordovaIOSJSPath + "cordova.js"); loadJS(loadSocialShareJS); } else { loadJS(loadCordovaAndroidJSPath + "cordova.js"); } } else { $('.smartbanner').hide(); } $('.smartbanner').css('width', (window.innerWidth > 0) ? window.innerWidth : screen.width); $('.smartbanner').css('position', 'fixed'); function opl() { $('#loadImg').hide(); // $("#myModal").modal(); } var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(window.location.search.substring(1)), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : sParameterName[1]; } } }; /* function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toGMTString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } var erightsData = getUrlParameter('ERIGHTS'); if(erightsData){ setCookie('ERIGHTS',erightsData,1); } */ function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } var erightsValue = getCookie('ERIGHTS'); if (erightsValue !== null && erightsValue !== "" && erightsValue !== undefined) { localStorage.setItem('ERIGHTS', erightsValue); $('#loadImg').show(); setTimeout(function() { opl(); }, 5000); } $(document).on('click', '#AboutUs,#Citation,#faq', function() { $("#AboutUs").attr("href", "#/AboutUs"); $("#Citation").attr("href", "#/Citation"); $("#faq").attr("href", "#/faq"); }); document.addEventListener("deviceready", onDeviceReady, false); function onConfirmOffline(buttonIndex) { if (buttonIndex == 1) { location.reload(); } } function onConfirmOnline(buttonIndex) { if (buttonIndex == 1) { location.reload(); } } function onDeviceReady() { devicePlatform = device.platform; if (devicePlatform == 'Android') { checkPermission(); } if (devicePlatform == 'iOS') { document.addEventListener("offline", onOffline, false); function onOffline() { navigator.notification.confirm( 'Check your network connection and retry.', // message onConfirmOffline, // callback to invoke with index of button pressed 'Error', // title ['Retry'] // buttonLabels ); } document.addEventListener("online", onOnline, false); function onOnline() { navigator.notification.confirm( 'You are online now.', // message onConfirmOnline, // callback to invoke with index of button pressed 'Information', // title ['Okay'] // buttonLabels ); } } function onConfirmBrowser(buttonIndex) { if (buttonIndex == 1) { window.open(apa, '_system'); } } $(document).on('click', '#apaLink', function() { if (devicePlatform == 'Android') { cordova.InAppBrowser.open(apa, '_blank', 'location=yes,hideurlbar=yes,hidenavigationbuttons=yes,toolbarcolor=#0097A7'); } if (devicePlatform == 'iOS') { navigator.notification.confirm( 'You will be redirected to apa.org website in a separate browser.', // message onConfirmBrowser, // callback to invoke with index of button pressed 'Alert', // title ['Yes', 'No'] // buttonLabels ); } }); $(document).on('click', '#privacyLink', function() { cordova.InAppBrowser.open(privacy, '_blank', 'location=yes,hideurlbar=yes,hidenavigationbuttons=yes,toolbarcolor=#0097A7'); }); var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(location.href), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : sParameterName[1]; } } }; if (devicePlatform == 'iOS') { var openPrivacy, openTerms, inappWindow; if (getUrlParameter('privacy') != 'undefined') { openPrivacy = getUrlParameter('privacy'); } if (getUrlParameter('terms') != 'undefined') { openTerms = getUrlParameter('terms'); } if (openPrivacy) { inappWindow = cordova.InAppBrowser.open(privacy, '_blank', 'location=yes,hideurlbar=yes,hidenavigationbuttons=yes,toolbarcolor=#0097A7'); } if (openTerms) { inappWindow = cordova.InAppBrowser.open(terms, '_blank', 'location=yes,hideurlbar=yes,hidenavigationbuttons=yes,toolbarcolor=#0097A7'); } inappWindow.addEventListener('exit', function() { location.href = commonConfig.apaRegister + commonConfig.cloudFrontUrl + "?device=app-studentview&gplus=true"; }); } } function reqPermission() { cordova.plugins.diagnostic.requestRuntimePermission(function(status) { switch (status) { case cordova.plugins.diagnostic.runtimePermissionStatus.GRANTED: permissionStorage = 1; break; case cordova.plugins.diagnostic.runtimePermissionStatus.NOT_REQUESTED: reqPermission(); break; case cordova.plugins.diagnostic.runtimePermissionStatus.DENIED: reqPermission(); break; case cordova.plugins.diagnostic.runtimePermissionStatus.DENIED_ALWAYS: reqPermission(); break; } }, function(error) {}, cordova.plugins.diagnostic.runtimePermission.WRITE_EXTERNAL_STORAGE); } function checkPermission() { cordova.plugins.diagnostic.getPermissionAuthorizationStatus(function(status) { switch (status) { case cordova.plugins.diagnostic.runtimePermissionStatus.GRANTED: permissionStorage = 1; break; case cordova.plugins.diagnostic.runtimePermissionStatus.NOT_REQUESTED: reqPermission(); break; case cordova.plugins.diagnostic.runtimePermissionStatus.DENIED: reqPermission(); break; case cordova.plugins.diagnostic.runtimePermissionStatus.DENIED_ALWAYS: reqPermission(); break; } }, function(error) {}, cordova.plugins.diagnostic.runtimePermission.WRITE_EXTERNAL_STORAGE); } $(document).on('click', '#faqModal', function() { $('.close').click(); }); </script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1514344911" async></script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10