[Jifty-commit] r987 - in wifty/trunk/share/web: templates/_elements
jifty-commit at lists.jifty.org
jifty-commit at lists.jifty.org
Thu May 4 14:45:28 EDT 2006
Author: ewilhelm
Date: Thu May 4 14:45:24 2006
New Revision: 987
Modified:
wifty/trunk/share/web/static/css/app-base.css
wifty/trunk/share/web/templates/_elements/markup
Log:
share/web/templates/_elements/markup - made 'Wiki Syntax Help' a DHTML flyout
share/web/static/css/app-base.css - width tweak
Modified: wifty/trunk/share/web/static/css/app-base.css
==============================================================================
--- wifty/trunk/share/web/static/css/app-base.css (original)
+++ wifty/trunk/share/web/static/css/app-base.css Thu May 4 14:45:24 2006
@@ -55,7 +55,7 @@
border: 1px solid #333;
padding: 3px;
font-size: 0.8em;
- width: 25%;
+ width: 20em;
position: absolute;
top: 10em;
right: 2em;
Modified: wifty/trunk/share/web/templates/_elements/markup
==============================================================================
--- wifty/trunk/share/web/templates/_elements/markup (original)
+++ wifty/trunk/share/web/templates/_elements/markup Thu May 4 14:45:24 2006
@@ -1,5 +1,32 @@
+<script>
+ // javascript flyout by Eric Wilhelm
+ // TODO use images for minimize/maximize button
+ var targetDiv = 'syntax_content';
+ var divCont;
+ var effectDone = false;
+ var minimize = '-';
+ var maximize = '+';
+
+ function toggleEffect() {
+ if ( !effectDone ) {
+ effectDone = true;
+ divCont = $(targetDiv).innerHTML;
+ $(targetDiv).innerHTML = '';
+ $('toggle').innerHTML = maximize;
+ }
+ else {
+ effectDone = false;
+ $(targetDiv).innerHTML = divCont;
+ $('toggle').innerHTML = minimize;
+ }
+ }
+
+</script>
<div id="syntax">
-<h2>Wiki Syntax</h2>
+<div><a href="javascript:toggleEffect()"><b>Wiki Syntax Help</b></a>
+<a id="toggle" style="color:#5b5b5b;text-decoration:none;" href="javascript:toggleEffect()"></a>
+</div>
+<div id="syntax_content">
<h3>Phrase Emphasis</h3>
@@ -54,4 +81,8 @@
<p>Three or more dashes: <code>---</code></p>
<address>(Thanks to <a href="http://daringfireball.net/projects/markdown/dingus">Daring Fireball</a>)</address>
+</div>
</div>
+<script>
+toggleEffect();
+</script>
More information about the Jifty-commit
mailing list