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     vidoop: {
  61         name: 'Vidoop',
  62         label: 'Your Vidoop username',
  63         url: 'http://{username}.myvidoop.com/'
  64     },
  65     verisign: {
  66         name: 'Verisign',
  67         label: 'Your Verisign username',
  68         url: 'http://{username}.pip.verisignlabs.com/'
  69     },
  70     claimid: {
  71         name: 'ClaimID',
  72         label: 'Your ClaimID username',
  73         url: 'http://claimid.com/{username}'
  74     }
  75 };
  76 var providers = $.extend({}, providers_large, providers_small);
  77
  78 var openid = {
  79
  80         cookie_expires: 6*30,   // 6 months.
  81         cookie_name: 'openid_provider',
  82         cookie_path: '/',
  83
  84         img_path: '/media/images/openid/',
  85
  86         input_id: null,
  87         provider_url: null,
  88
  89     init: function(input_id) {
  90
  91         var openid_btns = $('#openid_btns');
  92         this.input_id = input_id;
  93
  94         $('#openid_choice').show();
  95         //$('#openid_input_area').empty();
  96
  97         // add box for each provider
  98         for (id in providers_large) {
  99                 openid_btns.append(this.getBoxHTML(providers_large[id], 'large', '.gif'));
 100         }
 101         if (providers_small) {
 102                 openid_btns.append('<br/>');
 103                 for (id in providers_small) {
 104                         openid_btns.append(this.getBoxHTML(providers_small[id], 'small', '.ico'));
 105                 }
 106         }
 107
 108         var box_id = this.readCookie();
 109         if (box_id) {
 110                 this.signin(box_id, true);
 111         }
 112     },
 113     getBoxHTML: function(provider, box_size, image_ext) {
 114
 115         var box_id = provider["name"].toLowerCase();
 116         return '<a title="'+provider["name"]+'" href="javascript: openid.signin(\''+ box_id +'\');"' +
 117                         ' style="background: #FFF url(' + this.img_path + box_id + image_ext+') no-repeat center center" ' + 'class="' + box_id + ' openid_' + box_size + '_btn"></a>';
 118
 119     },
 120     /* Provider image click */
 121     signin: function(box_id, onload) {
 122         var provider = providers[box_id];
 123                 if (! provider) {
 124                         return;
 125                 }
 126                 this.highlight(box_id);
 127                 this.setCookie(box_id);
 128
 129         $('#'+this.input_id).val(provider['url']);
 130         var input = $('#'+this.input_id);
 131         if(document.selection){
 132             var r = document.all.openid_url.createTextRange();
 133             var res = r.findText("{username}");
 134             if(res)
 135                 r.select();
 136
 137         }
 138         else {
 139             var text  = input.val();
 140             var searchText = "{username}";
 141             var posStart = text.indexOf(searchText);
 142             if(posStart > -1){
 143                 input.focus();
 144                 document.getElementById(this.input_id).setSelectionRange(posStart, posStart + searchText.length);
 145             }
 146         }
 147     },
 148
 149     highlight: function (box_id) {
 150         // remove previous highlight.
 151         var highlight = $('#openid_highlight');
 152         if (highlight) {
 153                 highlight.replaceWith($('#openid_highlight a')[0]);
 154         }
 155         // add new highlight.
 156         $('.'+box_id).wrap('<div id="openid_highlight"></div>');
 157     },
 158
 159     setCookie: function (value) {
 160                 var date = new Date();
 161                 date.setTime(date.getTime()+(this.cookie_expires*24*60*60*1000));
 162                 var expires = "; expires="+date.toGMTString();
 163                 document.cookie = this.cookie_name+"="+value+expires+"; path=" + this.cookie_path;
 164     },
 165
 166     readCookie: function () {
 167                 var nameEQ = this.cookie_name + "=";
 168                 var ca = document.cookie.split(';');
 169                 for(var i=0;i < ca.length;i++) {
 170                         var c = ca[i];
 171                         while (c.charAt(0)==' ') c = c.substring(1,c.length);
 172                         if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 173                 }
 174                 return null;
 175     }
 176 };