[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