forum/skins/default/media/js/jquery.openid.js

   1 /*
   2 openid login boxes
   3 */
   4 var providers_large = {
   5     google: {
   6         name: 'Google',
   7         url: 'https://www.google.com/accounts/o8/id'
   8     },
   9     yahoo: {
  10         name: 'Yahoo',
  11         url: 'http://yahoo.com/'
  12     },
  13     aol: {
  14         name: 'AOL',
  15         label: 'Enter your AOL screenname.',
  16         url: 'http://openid.aol.com/{username}'
  17     },
  18     openid: {
  19         name: 'OpenID',
  20         label: 'Enter your OpenID.',
  21         url: 'http://'
  22     }
  23 };
  24 var providers_small = {
  25     myopenid: {
  26         name: 'MyOpenID',
  27         label: 'Enter your MyOpenID username.',
  28         url: 'http://{username}.myopenid.com/'
  29     },
  30     livejournal: {
  31         name: 'LiveJournal',
  32         label: 'Enter your Livejournal username.',
  33         url: 'http://{username}.livejournal.com/'
  34     },
  35     flickr: {
  36         name: 'Flickr',
  37         label: 'Enter your Flickr username.',
  38         url: 'http://flickr.com/{username}/'
  39     },
  40     technorati: {
  41         name: 'Technorati',
  42         label: 'Enter your Technorati username.',
  43         url: 'http://technorati.com/people/technorati/{username}/'
  44     },
  45     wordpress: {
  46         name: 'Wordpress',
  47         label: 'Enter your Wordpress.com username.',
  48         url: 'http://{username}.wordpress.com/'
  49     },
  50     blogger: {
  51         name: 'Blogger',
  52         label: 'Your Blogger account',
  53         url: 'http://{username}.blogspot.com/'
  54     },
  55     verisign: {
  56         name: 'Verisign',
  57         label: 'Your Verisign username',
  58         url: 'http://{username}.pip.verisignlabs.com/'
  59     },
  60     verisign: {
  61         name: 'Verisign',
  62         label: 'Your Verisign username',
  63         url: 'http://{username}.pip.verisignlabs.com/'
  64     },
  65     claimid: {
  66         name: 'ClaimID',
  67         label: 'Your ClaimID username',
  68         url: 'http://claimid.com/{username}'
  69     }
  70 };
  71 var providers = $.extend({}, providers_large, providers_small);
  72
  73 var openid = {
  74
  75         cookie_expires: 6*30,   // 6 months.
  76         cookie_name: 'openid_provider',
  77         cookie_path: '/',
  78
  79         img_path: '/media/images/openid/',
  80
  81         input_id: null,
  82         provider_url: null,
  83
  84     init: function(input_id) {
  85
  86         var openid_btns = $('#openid_btns');
  87         this.input_id = input_id;
  88
  89         $('#openid_choice').show();
  90         //$('#openid_input_area').empty();
  91
  92         // add box for each provider
  93         for (id in providers_large) {
  94                 openid_btns.append(this.getBoxHTML(providers_large[id], 'large', '.gif'));
  95         }
  96         if (providers_small) {
  97                 openid_btns.append('<br/>');
  98                 for (id in providers_small) {
  99                         openid_btns.append(this.getBoxHTML(providers_small[id], 'small', '.png'));
 100                 }
 101         }
 102
 103         var box_id = this.readCookie();
 104         if (box_id) {
 105                 this.signin(box_id, true);
 106         }
 107     },
 108     getBoxHTML: function(provider, box_size, image_ext) {
 109
 110         var box_id = provider["name"].toLowerCase();
 111         return '<a title="'+provider["name"]+'" href="javascript: openid.signin(\''+ box_id +'\');"' +
 112                         ' style="background: #FFF url(' + this.img_path + box_id + image_ext+') no-repeat center center" ' + 'class="' + box_id + ' openid_' + box_size + '_btn"></a>';
 113
 114     },
 115     /* Provider image click */
 116     signin: function(box_id, onload) {
 117         var provider = providers[box_id];
 118                 if (! provider) {
 119                         return;
 120                 }
 121                 this.highlight(box_id);
 122                 this.setCookie(box_id);
 123
 124         $('#'+this.input_id).val(provider['url']);
 125         var input = $('#'+this.input_id);
 126         if(document.selection){
 127             var r = document.all.openid_url.createTextRange();
 128             var res = r.findText("{username}");
 129             if(res)
 130                 r.select();
 131
 132         }
 133         else {
 134             var text  = input.val();
 135             var searchText = "{username}";
 136             var posStart = text.indexOf(searchText);
 137             if(posStart > -1){
 138                 input.focus();
 139                 document.getElementById(this.input_id).setSelectionRange(posStart, posStart + searchText.length);
 140             }
 141         }
 142     },
 143
 144     highlight: function (box_id) {
 145         // remove previous highlight.
 146         var highlight = $('#openid_highlight');
 147         if (highlight) {
 148                 highlight.replaceWith($('#openid_highlight a')[0]);
 149         }
 150         // add new highlight.
 151         $('.'+box_id).wrap('<div id="openid_highlight"></div>');
 152     },
 153
 154     setCookie: function (value) {
 155                 var date = new Date();
 156                 date.setTime(date.getTime()+(this.cookie_expires*24*60*60*1000));
 157                 var expires = "; expires="+date.toGMTString();
 158                 document.cookie = this.cookie_name+"="+value+expires+"; path=" + this.cookie_path;
 159     },
 160
 161     readCookie: function () {
 162                 var nameEQ = this.cookie_name + "=";
 163                 var ca = document.cookie.split(';');
 164                 for(var i=0;i < ca.length;i++) {
 165                         var c = ca[i];
 166                         while (c.charAt(0)==' ') c = c.substring(1,c.length);
 167                         if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 168                 }
 169                 return null;
 170     }
 171 };