|
|
Строка 1: |
Строка 1: |
− | //Collapsible Tables and Divs, [[ВП:СБ]]
| + | |
− |
| + | |
− | var autoCollapse = 2
| + | |
− | var collapseCaption = 'скрыть'
| + | |
− | var expandCaption = 'показать'
| + | |
− |
| + | |
− | function collapsibleTables(){
| + | |
− | var Table, HRow, THs, Header, btn, a, tblIdx = 0, colTables = []
| + | |
− | var allTables = document.getElementsByTagName('table')
| + | |
− | for (var i=0; Table = allTables[i]; i++){
| + | |
− | if (!hasClass(Table, 'collapsible')) continue
| + | |
− | if (!(HRow = Table.rows[0])) continue
| + | |
− | THs = HRow.getElementsByTagName('th')
| + | |
− | if (THs.length == 0) continue
| + | |
− | Header = THs[THs.length-1] //last TH, not 1st like in en.wp
| + | |
− | Table.id = 'collapsibleTable' + tblIdx
| + | |
− | btn = document.createElement('span')
| + | |
− | btn.style.styleFloat = btn.style.cssFloat = 'right'
| + | |
− | btn.style.fontWeight = 'normal'
| + | |
− | a = document.createElement('a')
| + | |
− | a.id = 'collapseButton' + tblIdx
| + | |
− | a.href = 'javascript:collapseTable(' + tblIdx + ');'
| + | |
− | a.appendChild(document.createTextNode(collapseCaption))
| + | |
− | btn.appendChild(document.createTextNode('['))
| + | |
− | btn.appendChild(a)
| + | |
− | btn.appendChild(document.createTextNode(']'))
| + | |
− | Header.insertBefore(btn, Header.childNodes[0])
| + | |
− | colTables[tblIdx++] = Table
| + | |
− | }
| + | |
− | for (var i=0; i < tblIdx; i++)
| + | |
− | if ((tblIdx > autoCollapse && hasClass(colTables[i], 'autocollapse')) || hasClass(colTables[i], 'collapsed'))
| + | |
− | collapseTable(i)
| + | |
− | }
| + | |
− |
| + | |
− | function collapseTable (idx){
| + | |
− | var Table = document.getElementById('collapsibleTable' + idx)
| + | |
− | var btn = document.getElementById('collapseButton' + idx)
| + | |
− | if (!Table || !btn) return false
| + | |
− | var Rows = Table.rows
| + | |
− | var isShown = (btn.firstChild.data == collapseCaption)
| + | |
− | btn.firstChild.data = isShown ? expandCaption : collapseCaption
| + | |
− | var disp = isShown ? 'none' : Rows[0].style.display
| + | |
− | for (var i=1; i < Rows.length; i++)
| + | |
− | Rows[i].style.display = disp
| + | |
− | }
| + | |
− |
| + | |
− | var NavigationBarHide = '[' + collapseCaption + ']'
| + | |
− | var NavigationBarShow = '[' + expandCaption + ']'
| + | |
− | var NavigationBarShowDefault = autoCollapse
| + | |
− |
| + | |
− | function collapsibleDivs(){
| + | |
− | var navIdx = 0, colNavs = [], i, NavFrame
| + | |
− | var divs = document.getElementById('content').getElementsByTagName('div')
| + | |
− | for (i=0; NavFrame = divs[i]; i++) {
| + | |
− | if (!hasClass(NavFrame, 'NavFrame')) continue
| + | |
− | NavFrame.id = 'NavFrame' + navIdx
| + | |
− | var a = document.createElement('a')
| + | |
− | a.className = 'NavToggle'
| + | |
− | a.id = 'NavToggle' + navIdx
| + | |
− | a.href = 'javascript:collapseDiv(' + navIdx + ');'
| + | |
− | a.appendChild(document.createTextNode(NavigationBarHide))
| + | |
− | // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
| + | |
− | for (var j=0; j < NavFrame.childNodes.length; j++)
| + | |
− | if (hasClass(NavFrame.childNodes[j], 'NavHead'))
| + | |
− | NavFrame.childNodes[j].appendChild(a)
| + | |
− | colNavs[navIdx++] = NavFrame
| + | |
− | }
| + | |
− | for (i=0; i < navIdx; i++)
| + | |
− | if ((navIdx > NavigationBarShowDefault && !hasClass(colNavs[i], 'expanded')) || hasClass(colNavs[i], 'collapsed'))
| + | |
− | collapseDiv(i)
| + | |
− | }
| + | |
− |
| + | |
− | function collapseDiv(idx) {
| + | |
− | var div = document.getElementById('NavFrame' + idx)
| + | |
− | var btn = document.getElementById('NavToggle' + idx)
| + | |
− | if (!div || !btn) return false
| + | |
− | var isShown = (btn.firstChild.data == NavigationBarHide)
| + | |
− | btn.firstChild.data = isShown ? NavigationBarShow : NavigationBarHide
| + | |
− | var disp = isShown ? 'none' : 'block'
| + | |
− | for (var child = div.firstChild; child != null; child = child.nextSibling)
| + | |
− | if (hasClass(child, 'NavPic') || hasClass(child, 'NavContent'))
| + | |
− | child.style.display = disp
| + | |
− | }
| + | |