מדיה ויקי:Gadget-refStyle.js

/* מועתק מ[[w:מדיה ויקי:Gadget-refStyle.js]] */
/* הוספת גלילה ואפשרויות "הסתרה/הצגה" של הערות שוליים (כאשר יש מעל 10 הערות שוליים בדף) */
 
function toggleRef() {
 var refContainer = document.getElementById('refcontainer');
 var refLink = document.getElementById('reflink');
 if (refContainer.className == 'refcontainer') {
  refContainer.className = "";
  refContainer.style.border = 'none';
  refLink.innerHTML = '[הסתרת הערות השוליים]';
 }
 else {
  refContainer.setAttribute('class', 'refcontainer');
  refContainer.setAttribute('className', 'refcontainer');
  refContainer.style.border = '1px solid black';
  refLink.innerHTML = '[הצגת כל הערות השוליים]';
 }
}
 
function refStyle() {
 var references = getElementsByClassName(document, 'OL', 'references');
 if (!references[0]) return;
 
 var liElements = references[0].getElementsByTagName('LI');
 if (liElements.length < 10) return;
 
 var refLink = document.createElement('A'); 
 refLink.id = 'reflink';
 refLink.href = 'javascript:toggleRef()';
 refLink.appendChild(document.createTextNode('[הצגת כל הערות השוליים]'));
 
 var RefLinkContainer = document.createElement('CENTER'); 
 RefLinkContainer.appendChild(refLink);
 
 var divContainer = document.createElement('DIV'); 
 divContainer.id = 'refcontainer';
 divContainer.className = 'refcontainer';
 divContainer.appendChild(RefLinkContainer);
 divContainer.appendChild(references[0].cloneNode(true));
 
 references[0].style.display = 'none';
 references[0].parentNode.insertBefore(divContainer, references[0]);
}
 
addOnloadHook(refStyle);