Skip to content
Snippets Groups Projects
Commit 60eafe02 authored by deuce's avatar deuce
Browse files

Add expand/collapse all links and self-referencing link goodness.

parent 0074a469
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
web/root/blogs/blog_item.xjs
+ 44
− 11
View file @ 60eafe02
...@@ -7,24 +7,39 @@ load(cwd+"/blog_config.js"); ...@@ -7,24 +7,39 @@ load(cwd+"/blog_config.js");
<title>The Blogifier!</title> <title>The Blogifier!</title>
<script> <script>
<!-- <!--
function toggle_display(itemID, buttonID)
function expand_item(itemID, buttonID)
{ {
var item = document.getElementById(itemID); var item = document.getElementById(itemID);
var button = document.getElementById(buttonID); var button = document.getElementById(buttonID);
if (item.style.display != "none") { item.style.display = "block";
item.style.display = "none"; button.src="<?xjs write(http_request.virtual_path)?>minus.gif";
button.src="<?xjs write(http_request.virtual_path)?>plus.gif"; }
}
else { function collapse_item(itemID, buttonID)
item.style.display = "block"; {
button.src="<?xjs write(http_request.virtual_path)?>minus.gif"; var item = document.getElementById(itemID);
} var button = document.getElementById(buttonID);
item.style.display = "none";
button.src="<?xjs write(http_request.virtual_path)?>plus.gif";
} }
function toggle_display(itemID, buttonID)
{
var item = document.getElementById(itemID);
if (item.style.display != "none")
collapse_item(itemID, buttonID);
else
expand_item(itemID, buttonID);
}
//--> //-->
</script> </script>
</head> </head>
<body> <body onLoad="document.getElementById('ToggleAll').style.visibility = 'visible';">
<p> <p>
Welcome to the <?xjs write(msgbase.cfg.name); ?> Blogifier for <?xjs write(poster); ?> Welcome to the <?xjs write(msgbase.cfg.name); ?> Blogifier for <?xjs write(poster); ?>
...@@ -32,6 +47,9 @@ function toggle_display(itemID, buttonID) ...@@ -32,6 +47,9 @@ function toggle_display(itemID, buttonID)
<?xjs <?xjs
var expand_all_source='';
var collapse_all_source='';
function not_found_error(reason) function not_found_error(reason)
{ {
http_reply.status="404 Not Found"; http_reply.status="404 Not Found";
...@@ -76,6 +94,7 @@ body=body.split("&#13;&#10;").join("<br>"); ...@@ -76,6 +94,7 @@ body=body.split("&#13;&#10;").join("<br>");
<p><?xjs write(body); ?></p> <p><?xjs write(body); ?></p>
<hr> <hr>
<p><div id="ToggleAll" style="visibility: hidden"><a name="collapse" href="#collapse" onClick="collapse_all()">Collapse All</a> / <a name="expand" href="#expand" onClick="expand_all()">Expand All</a></div></p>
<?xjs <?xjs
// "Comments" // "Comments"
...@@ -112,10 +131,13 @@ while(1) { ...@@ -112,10 +131,13 @@ while(1) {
//body=body.split("&#13;&#10;&#13;&#10;").join("</p><p>"); //body=body.split("&#13;&#10;&#13;&#10;").join("</p><p>");
//body=body.split("&#13;&#10;").join(" "); //body=body.split("&#13;&#10;").join(" ");
body=body.split("&#13;&#10;").join("<br>"); body=body.split("&#13;&#10;").join("<br>");
expand_all_source += "expand_item('msg-"+msgid+"','button-"+msgid+"');";
collapse_all_source += "collapse_item('msg-"+msgid+"','button-"+msgid+"');";
?> ?>
<div style="padding-left: <?xjs write(thread_depth*indent_pixels) ?>px"> <div style="padding-left: <?xjs write(thread_depth*indent_pixels) ?>px">
<a onClick="toggle_display('msg-<?xjs write(msgid)?>','button-<?xjs write(msgid) ?>');"><img src="<?xjs write(http_request.virtual_path) ?>plus.gif" id="button-<?xjs write(msgid); ?>"></a> <b><?xjs write(hdr.subject); ?></b> (<?xjs write(date); ?>)<br> <a name="lnk-<?xjs write(msgid) ?>" href="#lnk-<?xjs write(msgid)?>" onClick="toggle_display('msg-<?xjs write(msgid)?>','button-<?xjs write(msgid) ?>');"><img border="0" src="<?xjs write(http_request.virtual_path) ?>plus.gif" id="button-<?xjs write(msgid); ?>"></a> <b><?xjs write(hdr.subject); ?></b> (<?xjs write(date); ?>)<br>
By: <i><?xjs write(hdr.from); ?></i><br> By: <i><?xjs write(hdr.from); ?></i><br>
<div id="msg-<?xjs write(msgid) ?>" style="display: none"><?xjs write(body); ?> <div id="msg-<?xjs write(msgid) ?>" style="display: none"><?xjs write(body); ?>
<hr> <hr>
...@@ -126,5 +148,16 @@ By: <i><?xjs write(hdr.from); ?></i><br> ...@@ -126,5 +148,16 @@ By: <i><?xjs write(hdr.from); ?></i><br>
} }
?> ?>
<script>
function collapse_all()
{
<?xjs write(collapse_all_source)?>
}
function expand_all()
{
<?xjs write(expand_all_source)?>
}
</script>
</body> </body>
</html> </html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment