Szerkesztő:Tgr/stickyCollapse.js
Megjegyzés: közzététel után frissítened kell a böngésződ gyorsítótárát, hogy lásd a változásokat.
- Firefox / Safari: tartsd lenyomva a Shift gombot és kattints a Frissítés gombra a címsorban, vagy használd a Ctrl–F5 vagy Ctrl–R (Macen ⌘–R) billentyűkombinációt
- Google Chrome: használd a Ctrl–Shift–R (Macen ⌘–Shift–R) billentyűkombinációt
- Internet Explorer / Edge: tartsd nyomva a Ctrl-t, és kattints a Frissítés gombra, vagy nyomj Ctrl–F5-öt
- Opera: Nyomj Ctrl–F5-öt
/**
* legutóbbi állapotra emlékező becsukható táblázat tesztje
* 'sticky' class aktiválja, lap szinten jegyez meg állapotot (béna megoldás, de a createCollapseButtons felülírja a táblázatok id-jét; újra kéne írni)
* lapneveket sütibe írja -> mértékkel használandó
* TODO: escapeRegexp eszközökhöz, collapseTable/createCollapseButtons csere (onLoadHook nem!)
*/
function escapeRegexp(s) { return s.replace(/([.*+?^${}()|[\]\/\\])/g, '\\$1'); }
var autoCollapse = 2;
var collapseCaption = "▲ becsuk";
var expandCaption = "▼ kinyit";
// browser detection magic; Gecko < 1.8 does not know visibility:collapse
var gecko_rvi = navigator.userAgent.toLowerCase().indexOf('rv:');
var gecko_rv = (gecko_rvi == -1) ? 0 : parseFloat(navigator.userAgent.toLowerCase().substring(gecko_rvi+3, gecko_rvi+6));
function collapseTable( tableIndex, sticky )
{
var Button = document.getElementById( "collapseButton" + tableIndex );
var Table = document.getElementById( "collapsibleTable" + tableIndex );
if ( !Table || !Button ) {
return false;
}
if (sticky) {
var closedTables = getCookie('closedTables');
if (closedTables == null) closedTables = '';
var pageRE = new RegExp('\\b' + escapeRegexp(wgPageName) + '\\b');
var expires = new Date();
expires.setTime( expires.getTime() + (4*7*24*60*60*1000) ); // 4 hét
}
var Rows = Table.getElementsByTagName( "tr" );
if ( Button.firstChild.data == collapseCaption ) {
if(is_gecko && gecko_rv >= 1.8) {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.visibility = 'collapse';
Rows[i].className += ' row-collapsed';
}
} else {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = 'none';
}
}
Button.firstChild.data = expandCaption;
if (sticky && !closedTables.match(pageRE)) {
setCookie('closedTables', closedTables + ' ' + wgPageName, expires);
}
} else {
if(is_gecko && gecko_rv >= 1.8) {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.visibility = 'visible';
Rows[i].className.replace(/\s*\brow-collapsed\b/g, '');
}
} else {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = Rows[0].style.display;
}
}
Button.firstChild.data = collapseCaption;
if (sticky && closedTables.match(pageRE)) {
closedTables = closedTables.replace(pageRE, '').replace(/ /, ' ').replace(/(^ | $)/, '');
setCookie('closedTables', closedTables + ' ' + wgPageName, expires);
}
}
}
function createCollapseButtons()
{
var tableIndex = 0;
var NavigationBoxes = new Object();
var Tables = document.getElementsByTagName( "table" );
for ( var i = 0; i < Tables.length; i++ ) {
if ( hasClass( Tables[i], "collapsible" ) ) {
NavigationBoxes[ tableIndex ] = Tables[i];
Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
var Button = document.createElement( "span" );
var ButtonLink = document.createElement( "a" );
var ButtonText = document.createTextNode( collapseCaption );
Button.style.styleFloat = "right";
Button.style.cssFloat = "right";
Button.style.fontWeight = "normal";
Button.style.textAlign = "right";
Button.style.width = "6em";
ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
if ( hasClass( Tables[i], "sticky" ) ) {
ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ", true);" );
} else {
ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ", false);" );
}
ButtonLink.appendChild( ButtonText );
Button.appendChild( ButtonLink );
var Header = Tables[i].getElementsByTagName( "tr" )[0].getElementsByTagName( "th" )[0];
/* only add button and increment count if there is a header row to work with */
if (Header) {
Header.insertBefore( Button, Header.childNodes[0] );
tableIndex++;
}
}
}
var closedTables = getCookie('closedTables');
var pageRE = new RegExp('\\b' + escapeRegexp(wgPageName) + '\\b');
var isClosed = (closedTables && closedTables.match(pageRE));
for ( var i = 0; i < tableIndex; i++ ) {
if ( hasClass( NavigationBoxes[i], "sticky" ) ) {
if (isClosed) collapseTable( i );
}
else if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
collapseTable( i );
}
}
}
$( createCollapseButtons );