Difference between revisions of "Expandable.php"
From Organic Design wiki
m |
({{legacy}}) |
||
| (24 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | <? | + | {{legacy}} |
| + | <php><? | ||
# Insert a JS function into the page to be called when show/hide links are clicked | # Insert a JS function into the page to be called when show/hide links are clicked | ||
$article = preg_replace( | $article = preg_replace( | ||
| Line 5: | Line 6: | ||
'<script type="text/javascript"> | '<script type="text/javascript"> | ||
function toggleExpandable(id) { | function toggleExpandable(id) { | ||
| − | + | var content = document.getElementById("expandable-"+id); | |
| − | var content = document.getElementById("expandable | ||
if (content.style.display == "none") content.style.display = ""; | if (content.style.display == "none") content.style.display = ""; | ||
else content.style.display = "none"; | else content.style.display = "none"; | ||
| Line 19: | Line 19: | ||
$i = ++$GLOBALS["expandable/tbl-count"]; | $i = ++$GLOBALS["expandable/tbl-count"]; | ||
$open = $matches[2] ? '' : ' style="display:none;"'; # default to expanded in id present after title attribute | $open = $matches[2] ? '' : ' style="display:none;"'; # default to expanded in id present after title attribute | ||
| − | return '<table class=expandable-heading | + | return '<table class=expandable-heading><tr> |
| − | |||
<td><a class=expandable-link href="javascript:toggleExpandable('.$i.')">► '.$matches[1].'</a></td> | <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> | <td align=right><a href="'.$GLOBALS['xwScript'].'?title='.$matches[1].'&action=edit"></a></td> | ||
| − | </tr> | + | </tr><tr id=expandable-'.$i.$open.'><td colspan=2> |
| − | |||
<table class=expandable-content>'.$matches[3].' | <table class=expandable-content>'.$matches[3].' | ||
</td></tr></table>'; | </td></tr></table>'; | ||
| Line 35: | Line 33: | ||
$article | $article | ||
); | ); | ||
| − | + | ||
| − | ?> | + | ?></php> |
Latest revision as of 09:41, 14 March 2009
|
<php><?
- 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 content = document.getElementById("expandable-"+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 ); ?></php> | |
