comparison example/persona.html @ 40:cb1d21648588

count clicks the hard way
author Jeff Hammel <jhammel@mozilla.com>
date Fri, 27 Dec 2013 20:13:04 -0800
parents 6b5946843928
children d4522af2c6e5
comparison
equal deleted inserted replaced
39:8255e769828b 40:cb1d21648588
8 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 8 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
9 9
10 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 10 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
11 <script src="https://login.persona.org/include.js"></script> 11 <script src="https://login.persona.org/include.js"></script>
12 <script> 12 <script>
13 var nclicks = 0;
14
13 $(document).ready(function() { 15 $(document).ready(function() {
14 16
15 var currentUser = null; 17 var currentUser = null;
16 18
17 navigator.id.watch({ 19 navigator.id.watch({
45 } 47 }
46 }); 48 });
47 49
48 var signinLink = document.getElementById('signin'); 50 var signinLink = document.getElementById('signin');
49 if (signinLink) { 51 if (signinLink) {
50 signinLink.onclick = function() { navigator.id.request(); }; 52 signinLink.onclick = function() { navigator.id.request();
53 nclicks += 1;
54 $('clickcounter').append('<li>This is click ' + nclicks + '</li>');
55 };
51 } 56 }
52 57
53 var signoutLink = document.getElementById('signout'); 58 var signoutLink = document.getElementById('signout');
54 if (signoutLink) { 59 if (signoutLink) {
55 signoutLink.onclick = function() { navigator.id.logout(); }; 60 signoutLink.onclick = function() { navigator.id.logout(); };
67 72
68 <div> 73 <div>
69 <a id="signin">sign in</a> 74 <a id="signin">sign in</a>
70 </div> 75 </div>
71 76
77 <ul id="clickcounter">
78 </ul>
79
72 <h2>Resources</h2> 80 <h2>Resources</h2>
73 <ul> 81 <ul>
74 <li> 82 <li>
75 <a href="https://developer.mozilla.org/en-US/Persona/branding"> 83 <a href="https://developer.mozilla.org/en-US/Persona/branding">
76 branding 84 branding