Difference between revisions of "Expandable.php"
(make our own JS for expandable tables) |
m |
||
| Line 27: | Line 27: | ||
'/<table class=["\']?expandable["\']? title=["\']?(.+?)["\']?\\s*>(.+?<\\/table\\s*?>)/se', | '/<table class=["\']?expandable["\']? title=["\']?(.+?)["\']?\\s*>(.+?<\\/table\\s*?>)/se', | ||
| − | '<table class=expandable-heading id=expandable-'.$i.'><tr><td>$1</td><td align=right> | + | '\'<table class=expandable-heading id=expandable-'.$i.'><tr><td>$1</td><td align=right> |
[<a href="javascript:toggleExpandable('.($i++).')"> | [<a href="javascript:toggleExpandable('.($i++).')"> | ||
<span id="showlink">show</span> | <span id="showlink">show</span> | ||
| Line 35: | Line 35: | ||
<tr id="expandable-content"><td colspan=2> | <tr id="expandable-content"><td colspan=2> | ||
<table class=expandable-content>$2 | <table class=expandable-content>$2 | ||
| − | </td></tr></table>', | + | </td></tr></table>\'', |
$article | $article | ||
Revision as of 00:47, 2 October 2006
<? if ($GLOBALS['action'] == 'view') {
# Insert a JS function into the page to be called when show/hide links are clicked $article = preg_replace( '/(<\\/head\\s*>)/', '<script type="text/javascript">
function toggleExpandable(id) { var heading = document.getElementById("expandable-"+id); var content = heading.getElementById("expandable-content"); if (content.style.display == "none") { content.style.display = "block"; } else { content.style.display = "none"; } }
</script>$1',
$article );
# Replace all the expandable tables with html containing CSS classes and the show/hide links $article = preg_replace(
'/
(.+?<\\/table\\s*?>)/se', '\'| $1 |
[<a href="javascript:toggleExpandable('.($i++).')"> show </a>] |
|
$2
$article ); ?> | |
