Difference between revisions of "Expandable.php"
From Organic Design wiki
(remove edit links as they're don't work properly) |
m |
||
| Line 1: | Line 1: | ||
<? | <? | ||
| − | + | # 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) { | 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"; | |
| − | + | this.parent.focus(); | |
| − | + | } | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</script>$1', | </script>$1', | ||
| − | |||
$article | $article | ||
| − | + | ); | |
| − | + | # Callback function executed for rendering each expandable table | |
| − | + | function expandableCallback($matches) { | |
| − | + | $i = ++$GLOBALS["expandable/tbl-count"]; | |
| − | + | $open = $matches[2] ? '' : ' style="display:none;"'; # default to expanded in id present after title attribute | |
| − | + | return '<table class=expandable-heading id=expandable-heading-'.$i.'> | |
| − | + | <tr> | |
| − | + | <td><a class=expandable-link href="javascript:toggleExpandable('.$i.')">► '.$matches[1].'</a></td> | |
| − | + | <td align=right><a href="'.$GLOBALS['xwScript'].'?title='.$matches[1].'&action=edit"></a></td> | |
| − | + | </tr> | |
| − | + | <tr id=expandable-content-'.$i.$open.'><td colspan=2> | |
| − | + | <table class=expandable-content>'.$matches[3].' | |
| − | + | </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*(id=["\']?.+?["\']?)?\\s*>(.+?<\\/table\\s*?>)/s', | |
| − | + | 'expandableCallback', | |
| − | + | $article | |
| − | + | ); | |
| − | |||
?> | ?> | ||
Revision as of 02:05, 23 October 2006
<?
- 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"; this.parent.focus(); } </script>$1', $article );
- Callback function executed for rendering each expandable table
function expandableCallback($matches) { $i = ++$GLOBALS["expandable/tbl-count"]; $open = $matches[2] ? : ' style="display:none;"'; # default to expanded in id present after title attribute
return '
| <a class=expandable-link href="javascript:toggleExpandable('.$i.')">► '.$matches[1].'</a> | <a href="'.$GLOBALS['xwScript'].'?title='.$matches[1].'&action=edit"></a> |
|
'.$matches[3].'
}
$article = preg_replace_callback( '/(.+?<\\/table\\s*?>)/s', 'expandableCallback', $article ); ?> | |
