Vorlage:SH
Aus BogenWiki
(Unterschied zwischen Versionen)
Nugman (Diskussion | Beiträge) |
Nugman (Diskussion | Beiträge) |
||
| Zeile 27: | Zeile 27: | ||
{ | { | ||
console.log('CountSHBD('+sSHID+')'); | console.log('CountSHBD('+sSHID+')'); | ||
| - | sNodeSel = 'tr[id^=SH-objrow-'+sSHID+']'; | + | let sNodeSel = 'tr[id^=SH-objrow-'+sSHID+']'; |
console.log('[CountSHBD()]: NodeSel="'+sNodeSel+'"'); | console.log('[CountSHBD()]: NodeSel="'+sNodeSel+'"'); | ||
| - | aNodes = document.querySelectorAll(sNodeSel); | + | let aNodes = document.querySelectorAll(sNodeSel); |
console.log('[CountSHBD()]: Nodes[].length='+aNodes.length); | console.log('[CountSHBD()]: Nodes[].length='+aNodes.length); | ||
| - | nRowsShown = 0; | + | let nRowsShown = 0; |
| - | nRowsHidden = 0; | + | let nRowsHidden = 0; |
for (var i = 0; i < aNodes.length; i++) { | for (var i = 0; i < aNodes.length; i++) { | ||
console.log('[CountSHBD()]: Node='+aNodes[i].id+', '+aNodes[i].style.display); | console.log('[CountSHBD()]: Node='+aNodes[i].id+', '+aNodes[i].style.display); | ||
| Zeile 65: | Zeile 65: | ||
// nRowsShown > 0, nRowsHidden > 0: showallavail => showall | // nRowsShown > 0, nRowsHidden > 0: showallavail => showall | ||
// nRowsShown > 0, nRowsHidden == 0: showall => hideall | // nRowsShown > 0, nRowsHidden == 0: showall => hideall | ||
| - | sToggleTo = 'showallavail'; | + | let sToggleTo = 'showallavail'; |
if (nRowsShown > 0) { | if (nRowsShown > 0) { | ||
if (nRowsHidden > 0) | if (nRowsHidden > 0) | ||
| Zeile 73: | Zeile 73: | ||
} | } | ||
// show/hide rows | // show/hide rows | ||
| - | aNodesAll = []; | + | let aNodesAll = []; |
// get all rows with objects | // get all rows with objects | ||
| - | sNodeObjSel = 'tr[id^=SH-objrow-'+sSHID+']'; | + | let sNodeObjSel = 'tr[id^=SH-objrow-'+sSHID+']'; |
| - | aNodesObj = document.querySelectorAll(sNodeObjSel); | + | let aNodesObj = document.querySelectorAll(sNodeObjSel); |
console.log('[ShowHideBD()]: aNodesObj[].length='+aNodesObj.length); | console.log('[ShowHideBD()]: aNodesObj[].length='+aNodesObj.length); | ||
for (var i = 0; i < aNodesObj.length; i++) { aNodesAll.push(aNodesObj[i]); } | for (var i = 0; i < aNodesObj.length; i++) { aNodesAll.push(aNodesObj[i]); } | ||
// get all empty rows | // get all empty rows | ||
| - | sNodeEmptySel = 'tr[id^=SH-emptyrow-'+sSHID+']'; | + | let sNodeEmptySel = 'tr[id^=SH-emptyrow-'+sSHID+']'; |
| - | aNodesEmpty = document.querySelectorAll(sNodeEmptySel); | + | let aNodesEmpty = document.querySelectorAll(sNodeEmptySel); |
| - | console.log('[ShowHideBD()]: | + | console.log('[ShowHideBD()]: aNodesEmpty[].length='+aNodesEmpty.length); |
for (var i = 0; i < aNodesEmpty.length; i++) { aNodesAll.push(aNodesEmpty[i]); } | for (var i = 0; i < aNodesEmpty.length; i++) { aNodesAll.push(aNodesEmpty[i]); } | ||
| - | console.log('[ShowHideBD()]: | + | console.log('[ShowHideBD()]: aNodesAll[].length='+aNodesAll.length); |
// update display state | // update display state | ||
| - | for ( | + | for (let i = 0; i < aNodesAll.length; i++) { |
sNewDisplayState = '???'; | sNewDisplayState = '???'; | ||
switch (sToggleTo) { | switch (sToggleTo) { | ||
case 'showall': sNewDisplayState = 'table-row'; break; | case 'showall': sNewDisplayState = 'table-row'; break; | ||
| - | case 'showallavail': sNewDisplayState = ( | + | case 'showallavail': sNewDisplayState = (aNodesAll[i].id.split('-')[1] == 'objrow' ? 'table-row' : 'none'); break; |
case 'hideall': sNewDisplayState = 'none'; break; | case 'hideall': sNewDisplayState = 'none'; break; | ||
} | } | ||
| - | console.log('[ShowHideBD()]: Node='+ | + | console.log('[ShowHideBD()]: Node='+aNodesAll[i].id+', '+aNodesAll[i].style.display+' => '+sNewDisplayState); |
| - | + | aNodesAll[i].style.display = sNewDisplayState; | |
} | } | ||
// update button | // update button | ||
| - | sNewImage = '???'; | + | let sNewImage = '???'; |
| - | sNewTitle = '???'; | + | let sNewTitle = '???'; |
switch (sToggleTo) { | switch (sToggleTo) { | ||
case 'showall': sNewImage = 'ShowMixedT'; sNewTitle = 'Alle vorhandenen anzeigen'; break; | case 'showall': sNewImage = 'ShowMixedT'; sNewTitle = 'Alle vorhandenen anzeigen'; break; | ||
| Zeile 105: | Zeile 105: | ||
} | } | ||
console.log('[ShowHideBD()]: sNewImage='+sNewImage+', sNewTitle="'+sNewTitle+'"'); | console.log('[ShowHideBD()]: sNewImage='+sNewImage+', sNewTitle="'+sNewTitle+'"'); | ||
| - | eHeaderBtn = document.getElementById('SH-headbtn-'+sSHID); | + | let eHeaderBtn = document.getElementById('SH-headbtn-'+sSHID); |
eHeaderBtn.src = '/bogenwiki/images/Symbol_'+sNewImage+'.png'; | eHeaderBtn.src = '/bogenwiki/images/Symbol_'+sNewImage+'.png'; | ||
eHeaderBtn.title = sNewTitle; | eHeaderBtn.title = sNewTitle; | ||
Version vom 21:14, 1. Okt. 2026
Zeigen/Verbergen:
dies ist ein Test ...
dies ist ein Test ...
dies ist ein Test ...
dies ist ein Test ...
