Difference between revisions of "Expandable.php"
m |
m |
||
| Line 8: | Line 8: | ||
function toggleExpandable(id) { | function toggleExpandable(id) { | ||
| − | var heading = document.getElementById("expandable- | + | var heading = document.getElementById("expandable-heading-"+id); |
| − | var content = document.getElementById("expandable- | + | var content = document.getElementById("expandable-content"+id); |
content.style.color="red"; | content.style.color="red"; | ||
if (content.style.display == "none") { | if (content.style.display == "none") { | ||
| Line 27: | Line 27: | ||
function expandableCallback($matches) { | function expandableCallback($matches) { | ||
$i = ++$GLOBALS["$title/tbl-count"]; | $i = ++$GLOBALS["$title/tbl-count"]; | ||
| − | return '<table class=expandable-heading id=expandable- | + | return '<table class=expandable-heading id=expandable-heading-'.$i.'><tr><td>'.$matches[1].'</td><td align=right> |
<a href="javascript:toggleExpandable('.$i.')">[<span id="showlink">show</span><span id="hidelink" style="display:none;">hide</span>]</a> | <a href="javascript:toggleExpandable('.$i.')">[<span id="showlink">show</span><span id="hidelink" style="display:none;">hide</span>]</a> | ||
</td></tr> | </td></tr> | ||
| − | <tr | + | <tr style="display:block;"><td colspan=2> |
| − | <table class=expandable-content>'.$matches[2].' | + | <table class=expandable-content id=expandable-content-'.$i.'>'.$matches[2].' |
</td></tr></table>'; | </td></tr></table>'; | ||
} | } | ||
Revision as of 01:29, 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-heading-"+id); var content = document.getElementById("expandable-content"+id); content.style.color="red"; if (content.style.display == "none") { content.style.display = "block"; } else { content.style.display = "none"; } }
</script>$1',
$article );
# Callback function executed for rendering each expandable table function expandableCallback($matches) { $i = ++$GLOBALS["$title/tbl-count"];
return '
| '.$matches[1].' |
<a href="javascript:toggleExpandable('.$i.')">[show]</a> |
|
'.$matches[2].'
} # Replace all the expandable tables with html containing CSS classes and the show/hide links $article = preg_replace_callback( '/(.+?<\\/table\\s*?>)/s', 'expandableCallback', $article ); } ?> | |
