11,286
edits
User:FlyingRagnar/vector.js: Difference between revisions
User:FlyingRagnar/vector.js (view source)
Revision as of 04:11, 20 October 2011
, 04:11, 20 October 2011no edit summary
FlyingRagnar (talk | contribs) No edit summary |
FlyingRagnar (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
mw.loader.load( 'jquery.effects. | mw.loader.load( 'jquery.effects.core' ); | ||
/** Collapsible tables ********************************************************* | /** Collapsible tables ********************************************************* | ||
* | * | ||
| Line 13: | Line 12: | ||
* Usage: Create a table and give it the class "collapsible". Ensure that the table has a header row. Add the class | * Usage: Create a table and give it the class "collapsible". Ensure that the table has a header row. Add the class | ||
* "collapsed" if you wish the table to be collapsed on page load. | * "collapsed" if you wish the table to be collapsed on page load. | ||
* This code has been updated to use the jQuery toggle() function. I attempted to use various effects, but due | |||
* to the fact that multiple <tr>s are being toggled, they did not look good. | |||
*/ | */ | ||
| Line 27: | Line 28: | ||
return false; | return false; | ||
} | } | ||
var targt = "#collapsibleTable" + tableIndex + " tr"; | var targt = "#collapsibleTable" + tableIndex + " tr"; | ||
$( targt + ":first-child").addClass("master"); | $( targt + ":first-child").addClass("master"); | ||
$( targt + ":not(.master)").toggle( | $( targt + ":not(.master)").toggle(); | ||
if ( Button.firstChild.data == collapseCaption ) { | if ( Button.firstChild.data == collapseCaption ) { | ||
Button.firstChild.data = expandCaption; | Button.firstChild.data = expandCaption; | ||
} else { | } else { | ||
Button.firstChild.data = collapseCaption; | Button.firstChild.data = collapseCaption; | ||
} | } | ||
| Line 59: | Line 49: | ||
if ( hasClass( Tables[i], "collapsible" ) ) { | if ( hasClass( Tables[i], "collapsible" ) ) { | ||
/ | // only add button and increment count if there is a header row to work with | ||
var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0]; | var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0]; | ||
if (!HeaderRow) continue; | if (!HeaderRow) continue; | ||
| Line 87: | Line 77: | ||
Header.insertBefore( Button, Header.childNodes[0] ); | Header.insertBefore( Button, Header.childNodes[0] ); | ||
tableIndex++; | tableIndex++; | ||
} | } | ||