1 // Wikipedia JavaScript support functions
2 // if this is true, the toolbar will no longer overwrite the infobox when you move the mouse over individual items
5 var clientPC = navigator.userAgent.toLowerCase(); // Get client info
6 var is_gecko = ((clientPC.indexOf('gecko')!=-1) && (clientPC.indexOf('spoofer')==-1)
7 && (clientPC.indexOf('khtml') == -1) && (clientPC.indexOf('netscape/7.0')==-1));
8 var is_safari = ((clientPC.indexOf('AppleWebKit')!=-1) && (clientPC.indexOf('spoofer')==-1));
9 var is_khtml = (navigator.vendor == 'KDE' || ( document.childNodes && !document.all && !navigator.taintEnabled ));
10 if (clientPC.indexOf('opera')!=-1) {
12 var is_opera_preseven = (window.opera && !document.childNodes);
13 var is_opera_seven = (window.opera && document.childNodes);
16 // add any onload functions in this hook (please don't hard-code any events in the xhtml source)
17 function onloadhook () {
18 // don't run anything below this for non-dom browsers
19 if(!(document.getElementById && document.getElementsByTagName)) return;
25 if (window.addEventListener) window.addEventListener("load",onloadhook,false);
26 else if (window.attachEvent) window.attachEvent("onload",onloadhook);
29 // document.write special stylesheet links
30 if (is_opera_preseven) {
31 document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera6Fixes.css">');
32 } else if (is_opera_seven) {
33 document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera7Fixes.css">');
34 } else if (is_khtml) {
35 document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/KHTMLFixes.css">');
38 // Un-trap us from framesets
39 if( window.top != window ) window.top.location = window.location;
41 // for enhanced RecentChanges
42 function toggleVisibility( _levelId, _otherId, _linkId) {
43 var thisLevel = document.getElementById( _levelId );
44 var otherLevel = document.getElementById( _otherId );
45 var linkLevel = document.getElementById( _linkId );
46 if ( thisLevel.style.display == 'none' ) {
47 thisLevel.style.display = 'block';
48 otherLevel.style.display = 'none';
49 linkLevel.style.display = 'inline';
51 thisLevel.style.display = 'none';
52 otherLevel.style.display = 'inline';
53 linkLevel.style.display = 'none';
58 // attach event handlers to the input elements on history page
59 function histrowinit () {
60 hf = document.getElementById('pagehistory');
62 lis = hf.getElementsByTagName('LI');
63 for (i=0;i<lis.length;i++) {
64 inputs=lis[i].getElementsByTagName('INPUT');
65 if(inputs[0] && inputs[1]) {
66 inputs[0].onclick = diffcheck;
67 inputs[1].onclick = diffcheck;
72 // check selection and tweak visibility/class onclick
73 function diffcheck() {
74 var dli = false; // the li where the diff radio is checked
75 var oli = false; // the li where the oldid radio is checked
76 hf = document.getElementById('pagehistory');
78 lis = hf.getElementsByTagName('LI');
79 for (i=0;i<lis.length;i++) {
80 inputs=lis[i].getElementsByTagName('INPUT');
81 if(inputs[1] && inputs[0]) {
82 if(inputs[1].checked || inputs[0].checked) { // this row has a checked radio button
83 if(inputs[1].checked && inputs[0].checked && inputs[0].value == inputs[1].value) return false;
84 if(oli) { // it's the second checked radio
85 if(inputs[1].checked) {
86 oli.className = "selected";
89 } else if (inputs[0].checked) {
92 if(inputs[0].checked) dli = lis[i];
93 if(!oli) inputs[0].style.visibility = 'hidden';
94 if(dli) inputs[1].style.visibility = 'hidden';
95 lis[i].className = "selected";
97 } else { // no radio is checked in this row
98 if(!oli) inputs[0].style.visibility = 'hidden';
99 else inputs[0].style.visibility = 'visible';
100 if(dli) inputs[1].style.visibility = 'hidden';
101 else inputs[1].style.visibility = 'visible';
102 lis[i].className = "";
108 // generate toc from prefs form, fold sections
109 // XXX: needs testing on IE/Mac and safari
110 // more comments to follow
111 function tabbedprefs() {
112 prefform = document.getElementById('preferences');
113 if(!prefform || !document.createElement) return;
114 prefform.className = prefform.className + 'jsprefs';
115 var sections = new Array();
116 children = prefform.childNodes;
118 for(i=0;i<children.length;i++) {
119 if(children[i].nodeName.indexOf('FIELDSET') != -1) {
120 children[i].id = 'prefsection-' + seci;
121 children[i].className = 'prefsection';
122 if(is_opera || is_khtml) children[i].className = 'prefsection operaprefsection';
123 legends = children[i].getElementsByTagName('LEGEND');
124 sections[seci] = new Object();
125 if(legends[0] && legends[0].firstChild.nodeValue)
126 sections[seci].text = legends[0].firstChild.nodeValue;
128 sections[seci].text = '# ' + seci;
129 sections[seci].secid = children[i].id;
131 if(sections.length != 1) children[i].style.display = 'none';
132 else var selectedid = children[i].id;
135 var toc = document.createElement('UL');
137 toc.selectedid = selectedid;
138 for(i=0;i<sections.length;i++) {
139 var li = document.createElement('LI');
140 if(i == 0) li.className = 'selected';
141 var a = document.createElement('A');
142 a.href = '#' + sections[i].secid;
143 a.onclick = uncoversection;
144 a.innerHTML = sections[i].text;
145 a.secid = sections[i].secid;
149 prefform.insertBefore(toc, children[0]);
150 document.getElementById('prefsubmit').id = 'prefcontrol';
152 function uncoversection() {
153 oldsecid = this.parentNode.parentNode.selectedid;
154 newsec = document.getElementById(this.secid);
155 if(oldsecid != this.secid) {
156 ul = document.getElementById('preftoc');
157 document.getElementById(oldsecid).style.display = 'none';
158 newsec.style.display = 'block';
159 ul.selectedid = this.secid;
160 lis = ul.getElementsByTagName('LI');
161 for(i=0;i< lis.length;i++) {
162 lis[i].className = '';
164 this.parentNode.className = 'selected';
170 // tz in format [+-]HHMM
171 function checkTimezone( tz, msg ) {
172 var localclock = new Date();
173 // returns negative offset from GMT in minutes
174 var tzRaw = localclock.getTimezoneOffset();
175 var tzHour = Math.floor( Math.abs(tzRaw) / 60);
176 var tzMin = Math.abs(tzRaw) % 60;
177 var tzString = ((tzRaw >= 0) ? "-" : "+") + ((tzHour < 10) ? "0" : "") + tzHour + ((tzMin < 10) ? "0" : "") + tzMin;
178 if( tz != tzString ) {
179 var junk = msg.split( '$1' );
180 document.write( junk[0] + "UTC" + tzString + junk[1] );
183 function unhidetzbutton() {
184 tzb = document.getElementById('guesstimezonebutton')
185 if(tzb) tzb.style.display = 'inline';
188 // in [-]HH:MM format...
189 // won't yet work with non-even tzs
190 function fetchTimezone() {
191 // FIXME: work around Safari bug
192 var localclock = new Date();
193 // returns negative offset from GMT in minutes
194 var tzRaw = localclock.getTimezoneOffset();
195 var tzHour = Math.floor( Math.abs(tzRaw) / 60);
196 var tzMin = Math.abs(tzRaw) % 60;
197 var tzString = ((tzRaw >= 0) ? "-" : "") + ((tzHour < 10) ? "0" : "") + tzHour +
198 ":" + ((tzMin < 10) ? "0" : "") + tzMin;
202 function guessTimezone(box) {
203 document.preferences.wpHourDiff.value = fetchTimezone();
206 function showTocToggle(show,hide) {
207 if(document.getElementById) {
208 document.writeln('<span class=\'toctoggle\'>[<a href="javascript:toggleToc()" class="internal">' +
209 '<span id="showlink" style="display:none;">' + show + '</span>' +
210 '<span id="hidelink">' + hide + '</span>'
216 function toggleToc() {
217 var toc = document.getElementById('tocinside');
218 var showlink=document.getElementById('showlink');
219 var hidelink=document.getElementById('hidelink');
220 if(toc.style.display == 'none') {
221 toc.style.display = tocWas;
222 hidelink.style.display='';
223 showlink.style.display='none';
226 tocWas = toc.style.display;
227 toc.style.display = 'none';
228 hidelink.style.display='none';
229 showlink.style.display='';
234 // this function generates the actual toolbar buttons with localized text
235 // we use it to avoid creating the toolbar where javascript is not enabled
236 function addButton(imageFile, speedTip, tagOpen, tagClose, sampleText) {
238 speedTip=escapeQuotes(speedTip);
239 tagOpen=escapeQuotes(tagOpen);
240 tagClose=escapeQuotes(tagClose);
241 sampleText=escapeQuotes(sampleText);
244 // we can't change the selection, so we show example texts
245 // when moving the mouse instead, until the first button is clicked
246 if(!document.selection && !is_gecko) {
247 // filter backslashes so it can be shown in the infobox
248 var re=new RegExp("\\\\n","g");
249 tagOpen=tagOpen.replace(re,"");
250 tagClose=tagClose.replace(re,"");
251 mouseOver = "onMouseover=\"if(!noOverwrite){document.infoform.infobox.value='"+tagOpen+sampleText+tagClose+"'};\"";
254 document.write("<a href=\"javascript:insertTags");
255 document.write("('"+tagOpen+"','"+tagClose+"','"+sampleText+"');\">");
257 document.write("<img width=\"23\" height=\"22\" src=\""+imageFile+"\" border=\"0\" ALT=\""+speedTip+"\" TITLE=\""+speedTip+"\""+mouseOver+">");
258 document.write("</a>");
262 function addInfobox(infoText,text_alert) {
263 alertText=text_alert;
264 var clientPC = navigator.userAgent.toLowerCase(); // Get client info
266 var re=new RegExp("\\\\n","g");
267 alertText=alertText.replace(re,"\n");
269 // if no support for changing selection, add a small copy & paste field
270 // document.selection is an IE-only property. The full toolbar works in IE and
271 // Gecko-based browsers.
272 if(!document.selection && !is_gecko) {
273 infoText=escapeQuotesHTML(infoText);
274 document.write("<form name='infoform' id='infoform'>"+
275 "<input size=80 id='infobox' name='infobox' value=\""+
276 infoText+"\" READONLY></form>");
281 function escapeQuotes(text) {
282 var re=new RegExp("'","g");
283 text=text.replace(re,"\\'");
284 re=new RegExp('"',"g");
285 text=text.replace(re,'"');
286 re=new RegExp("\\n","g");
287 text=text.replace(re,"\\n");
291 function escapeQuotesHTML(text) {
292 var re=new RegExp('"',"g");
293 text=text.replace(re,""");
297 // apply tagOpen/tagClose to selection in textarea,
298 // use sampleText instead of selection if there is none
299 // copied and adapted from phpBB
300 function insertTags(tagOpen, tagClose, sampleText) {
302 var txtarea = document.editform.wpTextbox1;
304 if(document.selection && !is_gecko) {
305 var theSelection = document.selection.createRange().text;
306 if(!theSelection) { theSelection=sampleText;}
308 if(theSelection.charAt(theSelection.length - 1) == " "){// exclude ending space char, if any
309 theSelection = theSelection.substring(0, theSelection.length - 1);
310 document.selection.createRange().text = tagOpen + theSelection + tagClose + " ";
312 document.selection.createRange().text = tagOpen + theSelection + tagClose;
316 } else if(txtarea.selectionStart || txtarea.selectionStart == '0') {
317 var startPos = txtarea.selectionStart;
318 var endPos = txtarea.selectionEnd;
319 var scrollTop=txtarea.scrollTop;
320 var myText = (txtarea.value).substring(startPos, endPos);
321 if(!myText) { myText=sampleText;}
322 if(myText.charAt(myText.length - 1) == " "){ // exclude ending space char, if any
323 subst = tagOpen + myText.substring(0, (myText.length - 1)) + tagClose + " ";
325 subst = tagOpen + myText + tagClose;
327 txtarea.value = txtarea.value.substring(0, startPos) + subst +
328 txtarea.value.substring(endPos, txtarea.value.length);
331 var cPos=startPos+(tagOpen.length+myText.length+tagClose.length);
332 txtarea.selectionStart=cPos;
333 txtarea.selectionEnd=cPos;
334 txtarea.scrollTop=scrollTop;
338 var copy_alertText=alertText;
339 var re1=new RegExp("\\$1","g");
340 var re2=new RegExp("\\$2","g");
341 copy_alertText=copy_alertText.replace(re1,sampleText);
342 copy_alertText=copy_alertText.replace(re2,tagOpen+sampleText+tagClose);
345 text=prompt(copy_alertText);
349 if(!text) { text=sampleText;}
350 text=tagOpen+text+tagClose;
351 document.infoform.infobox.value=text;
352 // in Safari this causes scrolling
358 // reposition cursor if possible
359 if (txtarea.createTextRange) txtarea.caretPos = document.selection.createRange().duplicate();
365 if(is_safari || navigator.userAgent.toLowerCase().indexOf( 'mac' ) + 1 ) pref = 'control-';
366 if(is_opera) pref = 'shift-esc-';
368 n = document.getElementById(id);
372 if(ta[id][0].length > 0) {
373 a.accessKey = ta[id][0];
374 ak = ' ['+pref+ta[id][0]+']';
378 a.title = ta[id][1]+ak;
380 if(ta[id][0].length > 0) {
381 n.accessKey = ta[id][0];
382 ak = ' ['+pref+ta[id][0]+']';
386 n.title = ta[id][1]+ak;