OSDN Git Service

Modify the garbage charactors due to wrong operation of language charactors.
[nucleus-jp/nucleus-jp-ancient.git] / utf8 / 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.