Difference between revisions of "Expandable.php"

From Organic Design wiki
m
m
Line 28: Line 28:
 
return '<table class=expandable-heading id=expandable-heading-'.$i.'>
 
return '<table class=expandable-heading id=expandable-heading-'.$i.'>
 
<tr><td>
 
<tr><td>
<a href="javascript:toggleExpandable('.$i.')">'.$matches[1].'</a>
+
<a class=expandable-link href="javascript:toggleExpandable('.$i.')">'.$matches[1].'</a>
 
</td></tr>
 
</td></tr>
 
<tr id=expandable-content-'.$i.' style="display:none;"><td>
 
<tr id=expandable-content-'.$i.' style="display:none;"><td>

Revision as of 01:53, 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); if (content.style.display == "none") { content.style.display = ""; } 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 '

<a class=expandable-link href="javascript:toggleExpandable('.$i.')">'.$matches[1].'</a>