Difference between revisions of "Expandable.php"

From Organic Design wiki
m
(preg_replace with /e giving me grief, using preg_replace_callback instead)
Line 23: Line 23:
 
);
 
);
  
# Replace all the expandable tables with html containing CSS classes and the show/hide links
+
# Callback function executed for rendering each expandable table
$article = preg_replace(
+
function expandableCallback($matches) {
'/<table class=["\']?expandable["\']? title=["\']?(.+?)["\']?\\s*>(.+?<\\/table\\s*?>)/se',
+
$i = ++$GLOBALS["$title/tbl-count"];
 
+
return '\'<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>
 
<span id="hidelink" style="display:none;">hide</span>
 
<span id="hidelink" style="display:none;">hide</span>
Line 35: Line 34:
 
<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>\'';
 +
}
  
 +
# Replace all the expandable tables with html containing CSS classes and the show/hide links
 +
$article = preg_replace_callback(
 +
'/<table class=["\']?expandable["\']? title=["\']?(.+?)["\']?\\s*>(.+?<\\/table\\s*?>)/s',
 +
'expandableCallback',
 
$article
 
$article
 
);
 
);

Revision as of 01:02, 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 );

# Callback function executed for rendering each expandable table function expandableCallback($matches) { $i = ++$GLOBALS["$title/tbl-count"];

return '\'

$1

[<a href="javascript:toggleExpandable('.$i.')"> show </a>]

$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 ); } ?>