skins/defaultOriginal/nicetitle.js

   1 // from http://www.kryogenix.org
   2 // by Scott Andrew - http://scottandrew.com
   3 // add an eventlistener to browsers that can do it somehow.
   4 function addEvent(obj, evType, fn)
   5         {
   6         if (obj.addEventListener)
   7                 {
   8                 obj.addEventListener(evType, fn, false);
   9                 return true;
  10                 }
  11         else if (obj.attachEvent)
  12                 {
  13                 var r = obj.attachEvent('on'+evType, fn);
  14                 return r;
  15                 }
  16         else
  17                 {
  18                 return false;
  19                 }
  20         }
  21
  22 function floatImages()
  23         {
  24         // adapted from http://www.dithered.com/javascript/browser_detect/
  25         //**************************************************************//
  26         // sniff user agent
  27         var userAgent = navigator.userAgent.toLowerCase();
  28
  29         // if Mozilla 1.4 then quit
  30         if ((userAgent.indexOf('gecko') != -1) && (userAgent.indexOf('gecko/') + 14 == userAgent.length) && (parseFloat(userAgent.substring(userAgent.indexOf('rv:') + 3)) == '1.4')) return;
  31
  32         // if Opera then quit
  33         if (document.all && window.Event) return;
  34         //**************************************************************//
  35
  36         // check this browser can cope with what we want to do
  37         if (!document.getElementById) return;
  38         var blogDiv = document.getElementById('blog');
  39         if (!blogDiv) return;
  40         if (!blogDiv.offsetWidth) return;
  41
  42         blogDiv.className = (blogDiv.offsetWidth >= 500) ? "float-images" : "block-images";
  43         }
  44
  45 // Blockquote citations
  46
  47 // Simon Willison's work:
  48 // http://simon.incutio.com/archive/2002/12/20/#blockquoteCitations
  49
  50 // Also Dunstan Orchard's work:
  51 // http://1976design.com/blog/archive/2003/11/10/updates/
  52 function blockquoteCite()
  53         {
  54         if (!document.createElementNS)
  55                 {
  56                 document.createElementNS = function(ns, elt)
  57                         {
  58                         return document.createElement(elt);
  59                         }
  60                 }
  61         quotes = document.getElementsByTagName('blockquote');
  62         for (i = 0; i < quotes.length; i++)
  63                 {
  64                 var cite = quotes[i].getAttribute('cite');
  65                 // value of cite attribute should only contain URI, not any other
  66                 if ((cite) && (cite != ''))
  67                         {
  68                         newlink = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
  69                         newlink.setAttribute('href', cite);
  70                         newlink.className = 'cite-link';
  71                         newlink.appendChild(document.createTextNode(cite));
  72                         newdiv = document.createElementNS('http://www.w3.org/1999/xhtml', 'cite');
  73                         newdiv.className = 'blockquote-cite';
  74                         newdiv.appendChild(document.createTextNode('Source: '));
  75                         newdiv.appendChild(newlink);
  76                         quotes[i].appendChild(newdiv);
  77                         quotes[i].removeAttribute('cite');
  78                         }
  79                 }
  80         }
  81
  82 // Ins and Del tags citations
  83 function insdelCite()
  84         {
  85         if (!document.createElementNS)
  86                 {
  87                 document.createElementNS = function(ns, elt)
  88                         {
  89                         return document.createElement(elt);
  90                         }
  91                 }
  92         var insdel = new Array(2);
  93         insdel[0] = document.getElementsByTagName('ins');
  94         insdel[1] = document.getElementsByTagName('del');
  95         for (var i=0; i<insdel.length; i++)
  96                 {
  97                 if (insdel[i])
  98                         {
  99                         for (var id=0; id<insdel[i].length; id++)
 100                                 {
 101                                 var isdl = insdel[i][id].getAttribute('cite');
 102                                 if ((isdl) && (isdl != ""))
 103                                         {
 104                                         idlink = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
 105                                         idlink.setAttribute('href', isdl);
 106                                         idlink.className = 'cite-link ' + (i == 0 ? 'ins-cite' : 'del-cite');
 107                                         idlink.setAttribute('title','citation of ' + (i == 0 ? 'added' : 'deleted') + ' text');
 108                                         idlink.appendChild(document.createTextNode('#'));
 109                                         insdel[i][id].appendChild(idlink);
 110                                         insdel[i][id].removeAttribute('cite');
 111                                         }
 112                                 }
 113                         }
 114                 }
 115         }
 116
 117 // Force IE not to show alternate text as tooltip
 118 function noAltTooltip()
 119         {
 120         images = document.getElementsByTagName('img');
 121         for (var i = 0; i < images.length; i++)
 122                 {
 123                 var title = images[i].getAttribute('title');
 124                 var alt = images[i].getAttribute('alt');
 125                 if ((document.all) && (alt) && (!title))
 126                         {
 127                         images[i].setAttribute('title', '');
 128                         }
 129                 }
 130         }
 131
 132 // Nice Titles
 133
 134 // original code by Stuart Langridge 2003-11
 135 // with additions to the code by other good people
 136 // http://www.kryogenix.org/code/browser/nicetitle/
 137 // thank you, sir
 138
 139 // modified by Peter Janes 2003-03-25
 140 // http://peterjanes.ca/blog/archives/2003/03/25/nicetitles-for-ins-and-del
 141 // added in ins and del tags
 142
 143 // modified by Dunstan Orchard 2003-11-18
 144 // http://1976design.com/blog/
 145 // added in accesskey information
 146 // tried ever-so-hard, but couldn't work out how to do what Ethan did
 147
 148 // final genius touch by by Ethan Marcotte 2003-11-18
 149 // http://www.sidesh0w.com/
 150 // worked out how to delay showing the popups to make them more like the browser's own
 151
 152 // set the namespace
 153 var XHTMLNS = 'http://www.w3.org/1999/xhtml';
 154 var CURRENT_NICE_TITLE;
 155
 156 // browser sniff
 157 var browser = new Browser();
 158
 159 // determine browser and version.
 160 function Browser()
 161         {
 162         var ua, s, i;
 163
 164         this.isIE = false;
 165         this.isNS = false;
 166         this.version = null;
 167
 168         ua = navigator.userAgent;
 169
 170         s = 'MSIE';
 171         if ((i = ua.indexOf(s)) >= 0)
 172                 {
 173                 this.isIE = true;
 174                 this.version = parseFloat(ua.substr(i + s.length));
 175                 return;
 176                 }
 177
 178         s = 'Netscape6/';
 179         if ((i = ua.indexOf(s)) >= 0)
 180                 {
 181                 this.isNS = true;
 182                 this.version = parseFloat(ua.substr(i + s.length));
 183                 return;
 184                 }
 185
 186         // treat any other 'Gecko' browser as NS 6.1.
 187         s = 'Gecko';
 188         if ((i = ua.indexOf(s)) >= 0)
 189                 {
 190                 this.isNS = true;
 191                 this.version = 6.1;
 192                 return;
 193                 }
 194         }
 195
 196 // 2003-11-19 sidesh0w
 197 // set delay vars to emulate normal hover delay
 198 var delay;
 199 var interval = 0.60;
 200
 201 // this function runs on window load
 202 // it runs through all the links on the page as starts listening for actions
 203 function makeNiceTitles()
 204         {
 205         if (!document.createElement || !document.getElementsByTagName) return;
 206         if (!document.createElementNS)
 207                 {
 208                 document.createElementNS = function(ns, elt)
 209                         {
 210                         return document.createElement(elt);
 211                         }
 212                 }
 213
 214         // do regular links
 215         if (!document.links)
 216                 {
 217                 document.links = document.getElementsByTagName('a');
 218                 }
 219         for (var ti=0; ti<document.links.length; ti++)
 220                 {
 221                 var lnk = document.links[ti];
 222                 // * I added specific class names here..
 223                 if (lnk.title)
 224                         {
 225                         lnk.setAttribute('nicetitle', lnk.title);
 226                         lnk.removeAttribute('title');
 227                         addEvent(lnk, 'mouseover', showDelay);
 228                         addEvent(lnk, 'mouseout', hideNiceTitle);
 229                         addEvent(lnk, 'focus', showDelay);
 230                         addEvent(lnk, 'blur', hideNiceTitle);
 231                         }
 232                 }
 233
 234         // 2003-03-25 Peter Janes
 235         // do ins and del tags
 236         var tags = new Array(2);
 237         tags[0] = document.getElementsByTagName('ins');
 238         tags[1] = document.getElementsByTagName('del');
 239         for (var tt=0; tt<tags.length; tt++)
 240                 {
 241                 if (tags[tt])
 242                         {
 243                         for (var ti=0; ti<tags[tt].length; ti++)
 244                                 {
 245                                 var tag = tags[tt][ti];
 246                                 if (tag.dateTime)
 247                                         {
 248                                         var strDate = tag.dateTime;
 249                                         // HTML/ISO8601 date: yyyy-mm-ddThh:mm:ssTZD (Z, -hh:mm, +hh:mm)
 250                                         var month = strDate.substring(5,7);
 251                                         var day = strDate.substring(8,10);
 252                                         if (month[0] == '0')
 253                                                 {
 254                                                 month = month[1];
 255                                                 }
 256                                         if (day[0] == '0')
 257                                                 {
 258                                                 day = day[1];
 259                                                 }
 260                                         var dtIns = new Date(strDate.substring(0,4), month-1, day, strDate.substring(11,13), strDate.substring(14,16), strDate.substring(17,19));
 261                                         tag.setAttribute('nicetitle', (tt == 0 ? 'Added' : 'Deleted') + ' on ' + dtIns.toString());
 262                                         addEvent(tag, 'mouseover', showDelay);
 263                                         addEvent(tag, 'mouseout', hideNiceTitle);
 264                                         addEvent(tag, 'focus', showDelay);
 265                                         addEvent(tag, 'blur', hideNiceTitle);
 266                                         }
 267                                 }
 268                         }
 269                 }
 270         }
 271
 272 function findPosition(oLink)
 273         {
 274         if (oLink.offsetParent)
 275                 {
 276                 for (var posX = 0, posY = 0; oLink.offsetParent; oLink = oLink.offsetParent)
 277                         {
 278                         posX += oLink.offsetLeft;
 279                         posY += oLink.offsetTop;
 280                         }
 281                 return [posX, posY];
 282                 }
 283         else
 284                 {
 285                 return [oLink.x, oLink.y];
 286                 }
 287         }
 288
 289 function getParent(el, pTagName)
 290         {
 291         if (el == null)
 292                 {
 293                 return null;
 294                 }
 295         // gecko bug, supposed to be uppercase
 296         else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase())
 297                 {
 298                 return el;
 299                 }
 300         else
 301                 {
 302                 return getParent(el.parentNode, pTagName);
 303                 }
 304         }
 305
 306 // 2003-11-19 sidesh0w
 307 // trailerpark wrapper function
 308 function showDelay(e)
 309         {
 310     if (window.event && window.event.srcElement)
 311                 {
 312         lnk = window.event.srcElement
 313                 }
 314         else if (e && e.target)
 315                 {
 316         lnk = e.target
 317                 }
 318     if (!lnk) return;
 319
 320         // lnk is a textnode or an elementnode that's not ins/del
 321     if (lnk.nodeType == 3 || (lnk.nodeType == 1 && lnk.tagName.toLowerCase() != 'ins' && lnk.tagName.toLowerCase() != 'del'))
 322                 {
 323                 // ascend parents until we hit a link
 324                 lnk = getParent(lnk, 'a');
 325                 }
 326
 327         delay = setTimeout("showNiceTitle(lnk)", interval * 1000);
 328         }
 329
 330 // build and show the nice titles
 331 function showNiceTitle(link)
 332         {
 333     if (CURRENT_NICE_TITLE) hideNiceTitle(CURRENT_NICE_TITLE);
 334     if (!document.getElementsByTagName) return;
 335
 336     nicetitle = lnk.getAttribute('nicetitle');
 337
 338     var d = document.createElementNS(XHTMLNS, 'div');
 339     d.className = 'nicetitle';
 340     var dc = document.createElementNS(XHTMLNS, 'div');
 341     dc.className = 'nicetitle-content';
 342     d.appendChild(dc);
 343     tnt = document.createTextNode(nicetitle);
 344     pat = document.createElementNS(XHTMLNS, 'p');
 345     pat.className = 'titletext';
 346     pat.appendChild(tnt);
 347
 348         // 2003-11-18 Dunstan Orchard
 349         // added in accesskey info
 350         if (lnk.accessKey)
 351                 {
 352         axs = document.createTextNode(' [' + lnk.accessKey + ']');
 353                 axsk = document.createElementNS(XHTMLNS, 'span');
 354         axsk.className = 'accesskey';
 355         axsk.appendChild(axs);
 356                 pat.appendChild(axsk);
 357                 }
 358     dc.appendChild(pat);
 359
 360     if (lnk.href)
 361                 {
 362         tnd = document.createTextNode(lnk.href);
 363         pad = document.createElementNS(XHTMLNS, 'p');
 364         pad.className = 'destination';
 365         pad.appendChild(tnd);
 366         dc.appendChild(pad);
 367                 }
 368
 369     STD_WIDTH = 300;
 370
 371         if (lnk.href)
 372                 {
 373         h = lnk.href.length;
 374                 }
 375         else
 376                 {
 377                 h = nicetitle.length;
 378                 }
 379
 380     if (nicetitle.length)
 381                 {
 382                 t = nicetitle.length;
 383                 }
 384
 385     h_pixels = h*6;
 386         t_pixels = t*10;
 387
 388     if (h_pixels > STD_WIDTH)
 389                 {
 390         w = h_pixels;
 391                 }
 392         else if ((STD_WIDTH>t_pixels) && (t_pixels>h_pixels))
 393                 {
 394         w = t_pixels;
 395                 }
 396         else if ((STD_WIDTH>t_pixels) && (h_pixels>t_pixels))
 397                 {
 398         w = h_pixels;
 399                 }
 400         else
 401                 {
 402         w = STD_WIDTH;
 403                 }
 404
 405     d.style.width = w + 'px';
 406
 407     mpos = findPosition(lnk);
 408     mx = mpos[0];
 409     my = mpos[1];
 410
 411     d.style.left = (mx+15) + 'px';
 412     d.style.top = (my+35) + 'px';
 413
 414     if (window.innerWidth && ((mx+w) > window.innerWidth))
 415                 {
 416         d.style.left = (window.innerWidth - w - 25) + 'px';
 417                 }
 418     if (document.body.scrollWidth && ((mx+w) > document.body.scrollWidth))
 419                 {
 420         d.style.left = (document.body.scrollWidth - w - 25) + 'px';
 421                 }
 422
 423     document.getElementsByTagName('body')[0].appendChild(d);
 424
 425     CURRENT_NICE_TITLE = d;
 426         }
 427
 428 function hideNiceTitle(e)
 429         {
 430         // 2003-11-19 sidesh0w
 431         // clearTimeout
 432         if (delay) clearTimeout(delay);
 433         if (!document.getElementsByTagName) return;
 434         if (CURRENT_NICE_TITLE)
 435                 {
 436                 document.getElementsByTagName('body')[0].removeChild(CURRENT_NICE_TITLE);
 437                 CURRENT_NICE_TITLE = null;
 438                 }
 439         }
 440
 441 addEvent(window, "load", floatImages);
 442 addEvent(window, "resize", floatImages);
 443 addEvent(window, "load", blockquoteCite);
 444 addEvent(window, "load", insdelCite);
 445 addEvent(window, "load", noAltTooltip);
 446 addEvent(window, "load", makeNiceTitles);
 447
 448 // I'm very poor in JavaScript. Please correct me if I'm wrong.