lib/javascript-static.js

   1 // Miscellaneous core Javascript functions for Moodle
   2
   3 function popupchecker(msg) {
   4     var testwindow = window.open('itestwin.html', '', 'width=1,height=1,left=0,top=0,scrollbars=no');
   5     if (testwindow == null)
   6         {alert(msg);}
   7     else {
   8         testwindow.close();
   9     }
  10 }
  11
  12 /*
  13 function popUpProperties(inobj) {
  14 /// Legacy function
  15   var op = window.open();
  16   op.document.open('text/plain');
  17   for (objprop in inobj) {
  18     op.document.write(objprop + ' => ' + inobj[objprop] + '\n');
  19   }
  20   op.document.close();
  21 }
  22
  23 function fillmessagebox(text) {
  24 /// Legacy function
  25   document.form.message.value = text;
  26 }
  27
  28 function copyrichtext(textname) {
  29 /// Legacy stub for old editor - to be removed soon
  30   return true;
  31 }
  32 */
  33
  34 function checkall() {
  35   var el = document.getElementsByTagName('input');
  36   for(var i=0; i<el.length; i++) {
  37     if(el[i].type == 'checkbox') {
  38       el[i].checked = true;
  39     }
  40   }
  41 }
  42
  43 function checknone() {
  44   var el = document.getElementsByTagName('input');
  45   for(var i=0; i<el.length; i++) {
  46     if(el[i].type == 'checkbox') {
  47       el[i].checked = false;
  48     }
  49   }
  50 }
  51
  52 function lockoptions(formid, master, subitems) {
  53   // Subitems is an array of names of sub items.
  54   // Optionally, each item in subitems may have a
  55   // companion hidden item in the form with the
  56   // same name but prefixed by "h".
  57   var form = document.forms[formid];
  58
  59   if (eval("form."+master+".checked")) {
  60     for (i=0; i<subitems.length; i++) {
  61       unlockoption(form, subitems[i]);
  62     }
  63   } else {
  64     for (i=0; i<subitems.length; i++) {
  65       lockoption(form, subitems[i]);
  66     }
  67   }
  68   return(true);
  69 }
  70
  71 function lockoption(form,item) {
  72   eval("form."+item+".disabled=true");/* IE thing */
  73   if(form.elements['h'+item]) {
  74     eval("form.h"+item+".value=1");
  75   }
  76 }
  77
  78 function unlockoption(form,item) {
  79   eval("form."+item+".disabled=false");/* IE thing */
  80   if(form.elements['h'+item]) {
  81     eval("form.h"+item+".value=0");
  82   }
  83 }
  84
  85
  86 function lockoptionsall(formid) {
  87     var form = document.forms[formid];
  88     var dependons = eval(formid+'items');
  89     var tolock = Array();
  90     for (var dependon in dependons) {
  91         // change for MooTools compatibility
  92         if (!dependons.propertyIsEnumerable(dependon)) {
  93             continue;
  94         }
  95         var master = form[dependon];
  96         if (master === undefined) {
  97             continue;
  98         }
  99         for (var condition in dependons[dependon]) {
 100             for (var value in dependons[dependon][condition]) {
 101                 var lock;
 102                 switch (condition) {
 103                   case 'notchecked':
 104                       lock = !master.checked; break;
 105                   case 'checked':
 106                       lock = master.checked; break;
 107                   case 'noitemselected':
 108                       lock = master.selectedIndex==-1; break;
 109                   case 'eq':
 110                       lock = master.value==value; break;
 111                   default:
 112                       lock = master.value!=value; break;
 113                 }
 114                 for (var ei in dependons[dependon][condition][value]) {
 115                     // change for MooTools compatibility
 116                     if (!window.webkit && (!dependons[dependon][condition][value].propertyIsEnumerable(ei))) {
 117                         continue;
 118                     }
 119                     var eltolock = dependons[dependon][condition][value][ei];
 120                     if (tolock[eltolock] != null){
 121                         tolock[eltolock] =
 122                                 lock || tolock[eltolock];
 123                     } else {
 124                         tolock[eltolock] = lock;
 125                     }
 126                 }
 127             }
 128         }
 129     }
 130     for (var el in tolock){
 131         // change for MooTools compatibility
 132         if (!tolock.propertyIsEnumerable(el)) {
 133             continue;
 134         }
 135         var formelement = form[el];
 136         if ((formelement === undefined) || (formelement.disabled === undefined)) {
 137             continue;
 138         }
 139         formelement.disabled = tolock[el];
 140     }
 141     return true;
 142 }
 143
 144 function lockoptionsallsetup(formid) {
 145     var form = document.forms[formid];
 146     var dependons = eval(formid+'items');
 147     for (var dependon in dependons) {
 148         // change for MooTools compatibility
 149         if (!dependons.propertyIsEnumerable(dependon)) {
 150             continue;
 151         }
 152         var master = form[dependon];
 153         if (master === undefined) {
 154             continue;
 155         }
 156         master.formid = formid;
 157         master.onclick  = function() {return lockoptionsall(this.formid);};
 158         master.onblur   = function() {return lockoptionsall(this.formid);};
 159         master.onchange = function() {return lockoptionsall(this.formid);};
 160     }
 161     for (var i = 0; i < form.elements.length; i++){
 162         var formelement = form.elements[i];
 163         if (formelement.type=='reset') {
 164             formelement.formid = formid;
 165             formelement.onclick  = function() {this.form.reset();return lockoptionsall(this.formid);};
 166             formelement.onblur   = function() {this.form.reset();return lockoptionsall(this.formid);};
 167             formelement.onchange = function() {this.form.reset();return lockoptionsall(this.formid);};
 168         }
 169     }
 170     return lockoptionsall(formid);
 171 }
 172
 173
 174 function submitFormById(id) {
 175     var theform = document.getElementById(id);
 176     if(!theform) {
 177         return false;
 178     }
 179     if(theform.tagName.toLowerCase() != 'form') {
 180         return false;
 181     }
 182     if(!theform.onsubmit || theform.onsubmit()) {
 183         return theform.submit();
 184     }
 185 }
 186
 187 function select_all_in(elTagName, elClass, elId) {
 188     var inputs = document.getElementsByTagName('input');
 189     inputs = filterByParent(inputs, function(el) {return findParentNode(el, elTagName, elClass, elId);});
 190     for(var i = 0; i < inputs.length; ++i) {
 191         if(inputs[i].type == 'checkbox' || inputs[i].type == 'radio') {
 192             inputs[i].checked = 'checked';
 193         }
 194     }
 195 }
 196
 197 function deselect_all_in(elTagName, elClass, elId) {
 198     var inputs = document.getElementsByTagName('INPUT');
 199     inputs = filterByParent(inputs, function(el) {return findParentNode(el, elTagName, elClass, elId);});
 200     for(var i = 0; i < inputs.length; ++i) {
 201         if(inputs[i].type == 'checkbox' || inputs[i].type == 'radio') {
 202             inputs[i].checked = '';
 203         }
 204     }
 205 }
 206
 207 function confirm_if(expr, message) {
 208     if(!expr) {
 209         return true;
 210     }
 211     return confirm(message);
 212 }
 213
 214
 215 /*
 216     findParentNode (start, elementName, elementClass, elementID)
 217
 218     Travels up the DOM hierarchy to find a parent element with the
 219     specified tag name, class, and id. All conditions must be met,
 220     but any can be ommitted. Returns the BODY element if no match
 221     found.
 222 */
 223 function findParentNode(el, elName, elClass, elId) {
 224     while(el.nodeName.toUpperCase() != 'BODY') {
 225         if(
 226             (!elName || el.nodeName.toUpperCase() == elName) &&
 227             (!elClass || el.className.indexOf(elClass) != -1) &&
 228             (!elId || el.id == elId))
 229         {
 230             break;
 231         }
 232         el = el.parentNode;
 233     }
 234     return el;
 235 }
 236 /*
 237     findChildNode (start, elementName, elementClass, elementID)
 238
 239     Travels down the DOM hierarchy to find all child elements with the
 240     specified tag name, class, and id. All conditions must be met,
 241     but any can be ommitted.
 242     Doesn't examine children of matches.
 243 */
 244 function findChildNodes(start, tagName, elementClass, elementID, elementName) {
 245     var children = new Array();
 246     for (var i = 0; i < start.childNodes.length; i++) {
 247         var classfound = false;
 248         var child = start.childNodes[i];
 249         if((child.nodeType == 1) &&//element node type
 250                   (elementClass && (typeof(child.className)=='string'))){
 251             var childClasses = child.className.split(/\s+/);
 252             for (var childClassIndex in childClasses){
 253                 if (childClasses[childClassIndex]==elementClass){
 254                     classfound = true;
 255                     break;
 256                 }
 257             }
 258         }
 259         if(child.nodeType == 1) { //element node type
 260             if  ( (!tagName || child.nodeName == tagName) &&
 261                 (!elementClass || classfound)&&
 262                 (!elementID || child.id == elementID) &&
 263                 (!elementName || child.name == elementName))
 264             {
 265                 children = children.concat(child);
 266             } else {
 267                 children = children.concat(findChildNodes(child, tagName, elementClass, elementID, elementName));
 268             }
 269         }
 270     }
 271     return children;
 272 }
 273 /*
 274     elementSetHide (elements, hide)
 275
 276     Adds or removes the "hide" class for the specified elements depending on boolean hide.
 277 */
 278 function elementShowAdvanced(elements, show) {
 279     for (var elementIndex in elements){
 280         element = elements[elementIndex];
 281         element.className = element.className.replace(new RegExp(' ?hide'), '')
 282         if(!show) {
 283             element.className += ' hide';
 284         }
 285     }
 286 }
 287
 288 function showAdvancedOnClick(button, hidetext, showtext){
 289     var toSet=findChildNodes(button.form, null, 'advanced');
 290     var buttontext = '';
 291     if (button.form.elements['mform_showadvanced_last'].value == '0' ||  button.form.elements['mform_showadvanced_last'].value == '' ) {
 292         elementShowAdvanced(toSet, true);
 293         buttontext = hidetext;
 294         button.form.elements['mform_showadvanced_last'].value = '1';
 295     } else {
 296         elementShowAdvanced(toSet, false);
 297         buttontext = showtext;
 298         button.form.elements['mform_showadvanced_last'].value = '0';
 299     }
 300     var formelements = button.form.elements;
 301     // Fixed MDL-10506
 302     for (var i = 0; i < formelements.length; i++){
 303         if (formelements[i] && formelements[i].name && (formelements[i].name=='mform_showadvanced')){
 304             formelements[i].value = buttontext;
 305         }
 306     }
 307     //never submit the form if js is enabled.
 308     return false;
 309 }
 310
 311 function unmaskPassword(id) {
 312   var pw = document.getElementById(id);
 313   var chb = document.getElementById(id+'unmask');
 314
 315   try {
 316     // first try IE way - it can not set name attribute later
 317     if (chb.checked) {
 318       var newpw = document.createElement('<input type="text" name="'+pw.name+'">');
 319     } else {
 320       var newpw = document.createElement('<input type="password" name="'+pw.name+'">');
 321     }
 322     newpw.attributes['class'].nodeValue = pw.attributes['class'].nodeValue;
 323   } catch (e) {
 324     var newpw = document.createElement('input');
 325     newpw.setAttribute('name', pw.name);
 326     if (chb.checked) {
 327       newpw.setAttribute('type', 'text');
 328     } else {
 329       newpw.setAttribute('type', 'password');
 330     }
 331     newpw.setAttribute('class', pw.getAttribute('class'));
 332   }
 333   newpw.id = pw.id;
 334   newpw.size = pw.size;
 335   newpw.onblur = pw.onblur;
 336   newpw.onchange = pw.onchange;
 337   newpw.value = pw.value;
 338   pw.parentNode.replaceChild(newpw, pw);
 339 }
 340
 341 /*
 342     elementToggleHide (element, elementFinder)
 343
 344     If elementFinder is not provided, toggles the "hidden" class for the specified element.
 345     If elementFinder is provided, then the "hidden" class will be toggled for the object
 346     returned by the function call elementFinder(element).
 347
 348     If persistent == true, also sets a cookie for this.
 349 */
 350 function elementToggleHide(el, persistent, elementFinder, strShow, strHide) {
 351     if(!elementFinder) {
 352         var obj = el;  //el:container
 353         el = document.getElementById('togglehide_'+obj.id);
 354     }
 355     else {
 356         var obj = elementFinder(el);  //el:button.
 357     }
 358     if(obj.className.indexOf('hidden') == -1) {
 359         obj.className += ' hidden';
 360         if (el.src) {
 361             el.src = el.src.replace('switch_minus', 'switch_plus');
 362             el.alt = strShow;
 363             el.title = strShow;
 364         }
 365         var shown = 0;
 366     }
 367     else {
 368         obj.className = obj.className.replace(new RegExp(' ?hidden'), '');
 369         if (el.src) {
 370             el.src = el.src.replace('switch_plus', 'switch_minus');
 371             el.alt = strHide;
 372             el.title = strHide;
 373         }
 374         var shown = 1;
 375     }
 376
 377     if(persistent == true) {
 378         new cookie('hide:' + obj.id, 1, (shown ? -1 : 356), '/').set();
 379     }
 380 }
 381
 382 function elementCookieHide(id, strShow, strHide) {
 383     var obj  = document.getElementById(id);
 384     var cook = new cookie('hide:' + id).read();
 385     if(cook != null) {
 386         elementToggleHide(obj, false, null, strShow, strHide);
 387     }
 388 }
 389
 390 function filterByParent(elCollection, parentFinder) {
 391     var filteredCollection = [];
 392     for(var i = 0; i < elCollection.length; ++i) {
 393         var findParent = parentFinder(elCollection[i]);
 394         if(findParent.nodeName != 'BODY') {
 395             filteredCollection.push(elCollection[i]);
 396         }
 397     }
 398     return filteredCollection;
 399 }
 400
 401 /*
 402     All this is here just so that IE gets to handle oversized blocks
 403     in a visually pleasing manner. It does a browser detect. So sue me.
 404 */
 405
 406 function fix_column_widths() {
 407     var agt = navigator.userAgent.toLowerCase();
 408     if ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1)) {
 409         fix_column_width('left-column');
 410         fix_column_width('right-column');
 411     }
 412 }
 413
 414 function fix_column_width(colName) {
 415     if(column = document.getElementById(colName)) {
 416         if(!column.offsetWidth) {
 417             setTimeout("fix_column_width('" + colName + "')", 20);
 418             return;
 419         }
 420
 421         var width = 0;
 422         var nodes = column.childNodes;
 423
 424         for(i = 0; i < nodes.length; ++i) {
 425             if(nodes[i].className.indexOf("sideblock") != -1 ) {
 426                 if(width < nodes[i].offsetWidth) {
 427                     width = nodes[i].offsetWidth;
 428                 }
 429             }
 430         }
 431
 432         for(i = 0; i < nodes.length; ++i) {
 433             if(nodes[i].className.indexOf("sideblock") != -1 ) {
 434                 nodes[i].style.width = width + 'px';
 435             }
 436         }
 437     }
 438 }
 439
 440
 441 /*
 442    Insert myValue at current cursor position
 443  */
 444 function insertAtCursor(myField, myValue) {
 445     // IE support
 446     if (document.selection) {
 447         myField.focus();
 448         sel = document.selection.createRange();
 449         sel.text = myValue;
 450     }
 451     // Mozilla/Netscape support
 452     else if (myField.selectionStart || myField.selectionStart == '0') {
 453         var startPos = myField.selectionStart;
 454         var endPos = myField.selectionEnd;
 455         myField.value = myField.value.substring(0, startPos)
 456             + myValue + myField.value.substring(endPos, myField.value.length);
 457     } else {
 458         myField.value += myValue;
 459     }
 460 }
 461
 462
 463 /*
 464         Call instead of setting window.onload directly or setting body onload=.
 465         Adds your function to a chain of functions rather than overwriting anything
 466         that exists.
 467 */
 468 function addonload(fn) {
 469     var oldhandler=window.onload;
 470     window.onload=function() {
 471         if(oldhandler) oldhandler();
 472             fn();
 473     }
 474 }