1 // Wikipedia JavaScript support functions
3 var clientPC
= navigator
.userAgent
.toLowerCase(); // Get client info
4 var is_gecko
= ((clientPC
.indexOf('gecko')!=-1) && (clientPC
.indexOf('spoofer')==-1)
5 && (clientPC
.indexOf('khtml') == -1) && (clientPC
.indexOf('netscape/7.0')==-1));
6 var is_safari
= ((clientPC
.indexOf('AppleWebKit')!=-1) && (clientPC
.indexOf('spoofer')==-1));
7 var is_khtml
= (navigator
.vendor
== 'KDE' || ( document
.childNodes
&& !document
.all
&& !navigator
.taintEnabled
));
8 if (clientPC
.indexOf('opera') != -1) {
10 var is_opera_preseven
= (window
.opera
&& !document
.childNodes
);
11 var is_opera_seven
= (window
.opera
&& document
.childNodes
);
14 // add any onload functions in this hook (please don't hard-code any events in the xhtml source)
18 if (!window
.onloadFuncts
)
19 var onloadFuncts
= [];
21 function addOnloadHook(hookFunct
) {
22 // Allows add-on scripts to add onload functions
23 onloadFuncts
[onloadFuncts
.length
] = hookFunct
;
26 function runOnloadHook() {
27 // don't run anything below this for non-dom browsers
28 if (doneOnloadHook
|| !(document
.getElementById
&& document
.getElementsByTagName
))
36 setupCheckboxShiftClick();
38 // Run any added-on functions
39 for (var i
= 0; i
< onloadFuncts
.length
; i
++)
42 doneOnloadHook
= true;
45 function hookEvent(hookName
, hookFunct
) {
46 if (window
.addEventListener
)
47 addEventListener(hookName
, hookFunct
, false);
48 else if (window
.attachEvent
)
49 attachEvent("on" + hookName
, hookFunct
);
52 hookEvent("load", runOnloadHook
);
54 // document.write special stylesheet links
55 if (typeof stylepath
!= 'undefined' && typeof skin
!= 'undefined') {
56 if (is_opera_preseven
) {
57 document
.write('<link rel="stylesheet" type="text/css" href="'+stylepath
+'/'+skin
+'/Opera6Fixes.css">');
58 } else if (is_opera_seven
) {
59 document
.write('<link rel="stylesheet" type="text/css" href="'+stylepath
+'/'+skin
+'/Opera7Fixes.css">');
60 } else if (is_khtml
) {
61 document
.write('<link rel="stylesheet" type="text/css" href="'+stylepath
+'/'+skin
+'/KHTMLFixes.css">');
64 // Un-trap us from framesets
65 if (window
.top
!= window
)
66 window
.top
.location
= window
.location
;
68 // for enhanced RecentChanges
69 function toggleVisibility(_levelId
, _otherId
, _linkId
) {
70 var thisLevel
= document
.getElementById(_levelId
);
71 var otherLevel
= document
.getElementById(_otherId
);
72 var linkLevel
= document
.getElementById(_linkId
);
73 if (thisLevel
.style
.display
== 'none') {
74 thisLevel
.style
.display
= 'block';
75 otherLevel
.style
.display
= 'none';
76 linkLevel
.style
.display
= 'inline';
78 thisLevel
.style
.display
= 'none';
79 otherLevel
.style
.display
= 'inline';
80 linkLevel
.style
.display
= 'none';
85 // attach event handlers to the input elements on history page
86 function histrowinit() {
87 var hf
= document
.getElementById('pagehistory');
90 var lis
= hf
.getElementsByTagName('li');
91 for (i
= 0; i
< lis
.length
; i
++) {
92 var inputs
= historyRadios(lis
[i
]);
93 if (inputs
[0] && inputs
[1]) {
94 inputs
[0].onclick
= diffcheck
;
95 inputs
[1].onclick
= diffcheck
;
101 function historyRadios(parent
) {
102 var inputs
= parent
.getElementsByTagName('input');
104 for (var i
= 0; i
< inputs
.length
; i
++) {
105 if (inputs
[i
].name
== "diff" || inputs
[i
].name
== "oldid")
106 radios
[radios
.length
] = inputs
[i
];
111 // check selection and tweak visibility/class onclick
112 function diffcheck() {
113 var dli
= false; // the li where the diff radio is checked
114 var oli
= false; // the li where the oldid radio is checked
115 var hf
= document
.getElementById('pagehistory');
118 var lis
= hf
.getElementsByTagName('li');
119 for (i
=0;i
<lis
.length
;i
++) {
120 var inputs
= historyRadios(lis
[i
]);
121 if (inputs
[1] && inputs
[0]) {
122 if (inputs
[1].checked
|| inputs
[0].checked
) { // this row has a checked radio button
123 if (inputs
[1].checked
&& inputs
[0].checked
&& inputs
[0].value
== inputs
[1].value
)
125 if (oli
) { // it's the second checked radio
126 if (inputs
[1].checked
) {
127 oli
.className
= "selected";
130 } else if (inputs
[0].checked
) {
133 if (inputs
[0].checked
)
136 inputs
[0].style
.visibility
= 'hidden';
138 inputs
[1].style
.visibility
= 'hidden';
139 lis
[i
].className
= "selected";
141 } else { // no radio is checked in this row
143 inputs
[0].style
.visibility
= 'hidden';
145 inputs
[0].style
.visibility
= 'visible';
147 inputs
[1].style
.visibility
= 'hidden';
149 inputs
[1].style
.visibility
= 'visible';
150 lis
[i
].className
= "";
156 // generate toc from prefs form, fold sections
157 // XXX: needs testing on IE/Mac and safari
158 // more comments to follow
159 function tabbedprefs() {
160 var prefform
= document
.getElementById('preferences');
161 if (!prefform
|| !document
.createElement
)
163 if (prefform
.nodeName
.toLowerCase() == 'a')
164 return; // Occasional IE problem
165 prefform
.className
= prefform
.className
+ 'jsprefs';
166 var sections
= new Array();
167 children
= prefform
.childNodes
;
169 for (i
= 0; i
< children
.length
; i
++) {
170 if (children
[i
].nodeName
.toLowerCase() == 'fieldset') {
171 children
[i
].id
= 'prefsection-' + seci
;
172 children
[i
].className
= 'prefsection';
173 if (is_opera
|| is_khtml
)
174 children
[i
].className
= 'prefsection operaprefsection';
175 legends
= children
[i
].getElementsByTagName('legend');
176 sections
[seci
] = new Object();
177 legends
[0].className
= 'mainLegend';
178 if (legends
[0] && legends
[0].firstChild
.nodeValue
)
179 sections
[seci
].text
= legends
[0].firstChild
.nodeValue
;
181 sections
[seci
].text
= '# ' + seci
;
182 sections
[seci
].secid
= children
[i
].id
;
184 if (sections
.length
!= 1)
185 children
[i
].style
.display
= 'none';
187 var selectedid
= children
[i
].id
;
190 var toc
= document
.createElement('ul');
192 toc
.selectedid
= selectedid
;
193 for (i
= 0; i
< sections
.length
; i
++) {
194 var li
= document
.createElement('li');
196 li
.className
= 'selected';
197 var a
= document
.createElement('a');
198 a
.href
= '#' + sections
[i
].secid
;
199 a
.onmousedown
= a
.onclick
= uncoversection
;
200 a
.appendChild(document
.createTextNode(sections
[i
].text
));
201 a
.secid
= sections
[i
].secid
;
205 prefform
.parentNode
.insertBefore(toc
, prefform
.parentNode
.childNodes
[0]);
206 document
.getElementById('prefsubmit').id
= 'prefcontrol';
209 function uncoversection() {
210 oldsecid
= this.parentNode
.parentNode
.selectedid
;
211 newsec
= document
.getElementById(this.secid
);
212 if (oldsecid
!= this.secid
) {
213 ul
= document
.getElementById('preftoc');
214 document
.getElementById(oldsecid
).style
.display
= 'none';
215 newsec
.style
.display
= 'block';
216 ul
.selectedid
= this.secid
;
217 lis
= ul
.getElementsByTagName('li');
218 for (i
= 0; i
< lis
.length
; i
++) {
219 lis
[i
].className
= '';
221 this.parentNode
.className
= 'selected';
227 // tz in format [+-]HHMM
228 function checkTimezone(tz
, msg
) {
229 var localclock
= new Date();
230 // returns negative offset from GMT in minutes
231 var tzRaw
= localclock
.getTimezoneOffset();
232 var tzHour
= Math
.floor( Math
.abs(tzRaw
) / 60);
233 var tzMin
= Math
.abs(tzRaw
) % 60;
234 var tzString
= ((tzRaw
>= 0) ? "-" : "+") + ((tzHour
< 10) ? "0" : "") + tzHour
+ ((tzMin
< 10) ? "0" : "") + tzMin
;
235 if (tz
!= tzString
) {
236 var junk
= msg
.split('$1');
237 document
.write(junk
[0] + "UTC" + tzString
+ junk
[1]);
241 function unhidetzbutton() {
242 tzb
= document
.getElementById('guesstimezonebutton')
244 tzb
.style
.display
= 'inline';
247 // in [-]HH:MM format...
248 // won't yet work with non-even tzs
249 function fetchTimezone() {
250 // FIXME: work around Safari bug
251 var localclock
= new Date();
252 // returns negative offset from GMT in minutes
253 var tzRaw
= localclock
.getTimezoneOffset();
254 var tzHour
= Math
.floor( Math
.abs(tzRaw
) / 60);
255 var tzMin
= Math
.abs(tzRaw
) % 60;
256 var tzString
= ((tzRaw
>= 0) ? "-" : "") + ((tzHour
< 10) ? "0" : "") + tzHour
+
257 ":" + ((tzMin
< 10) ? "0" : "") + tzMin
;
261 function guessTimezone(box
) {
262 document
.getElementsByName("wpHourDiff")[0].value
= fetchTimezone();
265 function showTocToggle() {
266 if (document
.createTextNode
) {
267 // Uses DOM calls to avoid document.write + XHTML issues
269 var linkHolder
= document
.getElementById('toctitle')
273 var outerSpan
= document
.createElement('span');
274 outerSpan
.className
= 'toctoggle';
276 var toggleLink
= document
.createElement('a');
277 toggleLink
.id
= 'togglelink';
278 toggleLink
.className
= 'internal';
279 toggleLink
.href
= 'javascript:toggleToc()';
280 toggleLink
.appendChild(document
.createTextNode(tocHideText
));
282 outerSpan
.appendChild(document
.createTextNode('['));
283 outerSpan
.appendChild(toggleLink
);
284 outerSpan
.appendChild(document
.createTextNode(']'));
286 linkHolder
.appendChild(document
.createTextNode(' '));
287 linkHolder
.appendChild(outerSpan
);
289 var cookiePos
= document
.cookie
.indexOf("hidetoc=");
290 if (cookiePos
> -1 && document
.cookie
.charAt(cookiePos
+ 8) == 1)
295 function changeText(el
, newText
) {
296 // Safari work around
298 el
.innerText
= newText
;
299 else if (el
.firstChild
&& el
.firstChild
.nodeValue
)
300 el
.firstChild
.nodeValue
= newText
;
303 function toggleToc() {
304 var toc
= document
.getElementById('toc').getElementsByTagName('ul')[0];
305 var toggleLink
= document
.getElementById('togglelink')
307 if (toc
&& toggleLink
&& toc
.style
.display
== 'none') {
308 changeText(toggleLink
, tocHideText
);
309 toc
.style
.display
= 'block';
310 document
.cookie
= "hidetoc=0";
312 changeText(toggleLink
, tocShowText
);
313 toc
.style
.display
= 'none';
314 document
.cookie
= "hidetoc=1";
318 // this function generates the actual toolbar buttons with localized text
319 // we use it to avoid creating the toolbar where javascript is not enabled
320 function addButton(imageFile
, speedTip
, tagOpen
, tagClose
, sampleText
) {
321 // Don't generate buttons for browsers which don't fully
323 if (!document
.selection
&& !is_gecko
) {
326 imageFile
= escapeQuotesHTML(imageFile
);
327 speedTip
= escapeQuotesHTML(speedTip
);
328 tagOpen
= escapeQuotes(tagOpen
);
329 tagClose
= escapeQuotes(tagClose
);
330 sampleText
= escapeQuotes(sampleText
);
333 document
.write("<a href=\"javascript:insertTags");
334 document
.write("('"+tagOpen
+"','"+tagClose
+"','"+sampleText
+"');\">");
335 document
.write("<img width=\"23\" height=\"22\" src=\""+imageFile
+"\" border=\"0\" alt=\""+speedTip
+"\" title=\""+speedTip
+"\""+mouseOver
+">");
336 document
.write("</a>");
340 function escapeQuotes(text
) {
341 var re
= new RegExp("'","g");
342 text
= text
.replace(re
,"\\'");
343 re
= new RegExp("\\n","g");
344 text
= text
.replace(re
,"\\n");
345 return escapeQuotesHTML(text
);
348 function escapeQuotesHTML(text
) {
349 var re
= new RegExp('&',"g");
350 text
= text
.replace(re
,"&");
351 var re
= new RegExp('"',"g");
352 text
= text
.replace(re
,""");
353 var re
= new RegExp('<',"g");
354 text
= text
.replace(re
,"<");
355 var re
= new RegExp('>',"g");
356 text
= text
.replace(re
,">");
360 // apply tagOpen/tagClose to selection in textarea,
361 // use sampleText instead of selection if there is none
362 // copied and adapted from phpBB
363 function insertTags(tagOpen
, tagClose
, sampleText
) {
364 if (document
.editform
)
365 var txtarea
= document
.editform
.wpTextbox1
;
367 // some alternate form? take the first one we can find
368 var areas
= document
.getElementsByTagName('textarea');
369 var txtarea
= areas
[0];
373 if (document
.selection
&& !is_gecko
) {
374 var theSelection
= document
.selection
.createRange().text
;
376 theSelection
=sampleText
;
378 if (theSelection
.charAt(theSelection
.length
- 1) == " ") { // exclude ending space char, if any
379 theSelection
= theSelection
.substring(0, theSelection
.length
- 1);
380 document
.selection
.createRange().text
= tagOpen
+ theSelection
+ tagClose
+ " ";
382 document
.selection
.createRange().text
= tagOpen
+ theSelection
+ tagClose
;
386 } else if(txtarea
.selectionStart
|| txtarea
.selectionStart
== '0') {
387 var replaced
= false;
388 var startPos
= txtarea
.selectionStart
;
389 var endPos
= txtarea
.selectionEnd
;
392 var scrollTop
= txtarea
.scrollTop
;
393 var myText
= (txtarea
.value
).substring(startPos
, endPos
);
396 if (myText
.charAt(myText
.length
- 1) == " ") { // exclude ending space char, if any
397 subst
= tagOpen
+ myText
.substring(0, (myText
.length
- 1)) + tagClose
+ " ";
399 subst
= tagOpen
+ myText
+ tagClose
;
401 txtarea
.value
= txtarea
.value
.substring(0, startPos
) + subst
+
402 txtarea
.value
.substring(endPos
, txtarea
.value
.length
);
406 var cPos
= startPos
+(tagOpen
.length
+myText
.length
+tagClose
.length
);
407 txtarea
.selectionStart
= cPos
;
408 txtarea
.selectionEnd
= cPos
;
410 txtarea
.selectionStart
= startPos
+tagOpen
.length
;
411 txtarea
.selectionEnd
= startPos
+tagOpen
.length
+myText
.length
;
413 txtarea
.scrollTop
= scrollTop
;
415 // All other browsers get no toolbar.
416 // There was previously support for a crippled "help"
417 // bar, but that caused more problems than it solved.
419 // reposition cursor if possible
420 if (txtarea
.createTextRange
)
421 txtarea
.caretPos
= document
.selection
.createRange().duplicate();
425 if (typeof ta
== "undefined" || !ta
)
428 if (is_safari
|| navigator
.userAgent
.toLowerCase().indexOf('mac') + 1
429 || navigator
.userAgent
.toLowerCase().indexOf('konqueror') + 1 )
435 var n
= document
.getElementById(id
);
439 // Are we putting accesskey in it
440 if (ta
[id
][0].length
> 0) {
441 // Is this object a object? If not assume it's the next child.
443 if (n
.nodeName
.toLowerCase() == "a") {
450 a
.accessKey
= ta
[id
][0];
451 ak
= ' ['+pref
+ta
[id
][0]+']';
454 // We don't care what type the object is when assigning tooltip
460 a
.title
= ta
[id
][1]+ak
;
466 function setupRightClickEdit() {
467 if (document
.getElementsByTagName
) {
468 var divs
= document
.getElementsByTagName('div');
469 for (var i
= 0; i
< divs
.length
; i
++) {
471 if(el
.className
== 'editsection') {
472 addRightClickEditHandler(el
);
478 function addRightClickEditHandler(el
) {
479 for (var i
= 0; i
< el
.childNodes
.length
; i
++) {
480 var link
= el
.childNodes
[i
];
481 if (link
.nodeType
== 1 && link
.nodeName
.toLowerCase() == 'a') {
482 var editHref
= link
.getAttribute('href');
484 // find the following a
485 var next
= el
.nextSibling
;
486 while (next
.nodeType
!= 1)
487 next
= next
.nextSibling
;
489 // find the following header
490 next
= next
.nextSibling
;
491 while (next
.nodeType
!= 1)
492 next
= next
.nextSibling
;
494 if (next
&& next
.nodeType
== 1 &&
495 next
.nodeName
.match(/^[Hh][1-6]$/)) {
496 next
.oncontextmenu = function() {
497 document
.location
= editHref
;
505 function setupCheckboxShiftClick() {
506 if (document
.getElementsByTagName
) {
507 var uls
= document
.getElementsByTagName('ul');
508 var len
= uls
.length
;
509 for (var i
= 0; i
< len
; ++i
) {
510 addCheckboxClickHandlers(uls
[i
]);
515 function addCheckboxClickHandlers(ul
, start
, finish
) {
516 if (ul
.checkboxHandlersTimer
) {
517 clearInterval(ul
.checkboxHandlersTimer
);
519 if ( !ul
.childNodes
) {
522 var len
= ul
.childNodes
.length
;
527 finish
= finish
|| start
+ 250;
528 if ( finish
> len
) { finish
= len
; }
529 ul
.checkboxes
= ul
.checkboxes
|| [];
530 ul
.lastCheckbox
= ul
.lastCheckbox
|| null;
531 for (var i
= start
; i
<finish
; ++i
) {
532 var child
= ul
.childNodes
[i
];
533 if ( child
&& child
.childNodes
&& child
.childNodes
[0] ) {
534 var cb
= child
.childNodes
[0];
535 if ( !cb
.nodeName
|| cb
.nodeName
.toLowerCase() != 'input' ||
536 !cb
.type
|| cb
.type
.toLowerCase() != 'checkbox' ) {
539 cb
.index
= ul
.checkboxes
.push(cb
) - 1;
541 cb
.onmouseup
= checkboxMouseupHandler
;
545 var f=function(){ addCheckboxClickHandlers(ul
, finish
, finish
+250); };
546 ul
.checkboxHandlersTimer
=setInterval(f
, 200);
550 function checkboxMouseupHandler(e
) {
551 if (typeof e
== 'undefined') {
554 if ( !e
.shiftKey
|| this.container
.lastCheckbox
=== null ) {
555 this.container
.lastCheckbox
= this.index
;
558 var endState
= !this.checked
;
559 if ( is_opera
) { // opera has already toggled the checkbox by this point
560 endState
= !endState
;
563 if ( this.index
< this.container
.lastCheckbox
) {
564 start
= this.index
+ 1;
565 finish
= this.container
.lastCheckbox
;
567 start
= this.container
.lastCheckbox
;
568 finish
= this.index
- 1;
570 for (var i
= start
; i
<= finish
; ++i
) {
571 this.container
.checkboxes
[i
].checked
= endState
;
573 this.container
.lastCheckbox
= this.index
;
577 function fillDestFilename() {
578 if (!document
.getElementById
)
580 var path
= document
.getElementById('wpUploadFile').value
;
581 // Find trailing part
582 var slash
= path
.lastIndexOf('/');
583 var backslash
= path
.lastIndexOf('\\');
585 if (slash
== -1 && backslash
== -1) {
587 } else if (slash
> backslash
) {
588 fname
= path
.substring(slash
+1, 10000);
590 fname
= path
.substring(backslash
+1, 10000);
593 // Capitalise first letter and replace spaces by underscores
594 fname
= fname
.charAt(0).toUpperCase().concat(fname
.substring(1,10000)).replace(/ /g
, '_');
597 var destFile
= document
.getElementById('wpDestFile');
599 destFile
.value
= fname
;
603 function considerChangingExpiryFocus() {
604 if (!document
.getElementById
)
606 var drop
= document
.getElementById('wpBlockExpiry');
609 var field
= document
.getElementById('wpBlockOther');
612 var opt
= drop
.value
;
614 field
.style
.display
= '';
616 field
.style
.display
= 'none';
619 function scrollEditBox() {
620 var editBoxEl
= document
.getElementById("wpTextbox1");
621 var scrollTopEl
= document
.getElementById("wpScrolltop");
622 var editFormEl
= document
.getElementById("editform");
624 if (editBoxEl
&& scrollTopEl
) {
625 if (scrollTopEl
.value
) editBoxEl
.scrollTop
= scrollTopEl
.value
;
626 editFormEl
.onsubmit = function() {
627 document
.getElementById("wpScrolltop").value
= document
.getElementById("wpTextbox1").scrollTop
;
632 hookEvent("load", scrollEditBox
);
634 function allmessagesfilter() {
635 text
= document
.getElementById('allmessagesinput').value
;
636 k
= document
.getElementById('allmessagestable');
639 var items
= k
.getElementsByTagName('span');
641 if ( text
.length
> allmessages_prev
.length
) {
642 for (var i
= items
.length
-1, j
= 0; i
>= 0; i
--) {
643 j
= allmessagesforeach(items
, i
, j
);
646 for (var i
= 0, j
= 0; i
< items
.length
; i
++) {
647 j
= allmessagesforeach(items
, i
, j
);
650 allmessages_prev
= text
;
653 function allmessagesforeach(items
, i
, j
) {
654 var hItem
= items
[i
].getAttribute('id');
655 if (hItem
.substring(0,17) == 'sp-allmessages-i-') {
656 if (items
[i
].firstChild
&& items
[i
].firstChild
.nodeName
== '#text' && items
[i
].firstChild
.nodeValue
.indexOf(text
) != -1) {
657 var itemA
= document
.getElementById( hItem
.replace('i', 'r1') );
658 var itemB
= document
.getElementById( hItem
.replace('i', 'r2') );
659 if ( itemA
.style
.display
!= '' ) {
660 var s
= "allmessageshider(\"" + hItem
.replace('i', 'r1') + "\", \"" + hItem
.replace('i', 'r2') + "\", '')";
661 var k
= window
.setTimeout(s
,j
++*5);
664 var itemA
= document
.getElementById( hItem
.replace('i', 'r1') );
665 var itemB
= document
.getElementById( hItem
.replace('i', 'r2') );
666 if ( itemA
.style
.display
!= 'none' ) {
667 var s
= "allmessageshider(\"" + hItem
.replace('i', 'r1') + "\", \"" + hItem
.replace('i', 'r2') + "\", 'none')";
668 var k
= window
.setTimeout(s
,j
++*5);
676 function allmessageshider(idA
, idB
, cstyle
) {
677 var itemA
= document
.getElementById( idA
);
678 var itemB
= document
.getElementById( idB
);
679 if (itemA
) { itemA
.style
.display
= cstyle
; }
680 if (itemB
) { itemB
.style
.display
= cstyle
; }
683 function allmessagesmodified() {
684 allmessages_modified
= !allmessages_modified
;
685 k
= document
.getElementById('allmessagestable');
687 var items
= k
.getElementsByTagName('tr');
688 for (var i
= 0, j
= 0; i
< items
.length
; i
++) {
689 if (!allmessages_modified
) {
690 if ( items
[i
].style
.display
!= '' ) {
691 var s
= "allmessageshider(\"" + items
[i
].getAttribute('id') + "\", null, '')";
692 var k
= window
.setTimeout(s
,j
++*5);
694 } else if (items
[i
].getAttribute('class') == 'def' && allmessages_modified
) {
695 if ( items
[i
].style
.display
!= 'none' ) {
696 var s
= "allmessageshider(\"" + items
[i
].getAttribute('id') + "\", null, 'none')";
697 var k
= window
.setTimeout(s
,j
++*5);
703 function allmessagesshow() {
704 k
= document
.getElementById('allmessagesfilter');
705 if (k
) { k
.style
.display
= ''; }
707 allmessages_prev
= '';
708 allmessages_modified
= false;
711 hookEvent("load", allmessagesshow
);