AJAX Framework Showcase

TWikiAjaxFramework examples.

Code on this page

<script type="text/javascript">
// <![CDATA[
var TWiki = {}; // should be in twiki.js
// ]]>
</script>
<script type="text/javascript" src="%PUBURL%/Codev/TWikiAjaxFramework/yahoo.js"></script>
<script type="text/javascript" src="%PUBURL%/Codev/TWikiAjaxFramework/connection.js"></script>
<script type="text/javascript" src="%PUBURL%/Codev/TWikiAjaxFramework/twiki_html.js"></script>
<script type="text/javascript" src="%PUBURL%/Codev/TWikiAjaxFramework/twiki_request.js"></script>
<script type="text/javascript" src="%PUBURL%/Codev/TWikiAjaxFramework/behaviour.js"></script>
<script type="text/javascript">
// <![CDATA[
   TWiki.Request.indicatorHtml = "<img src='%PUBURL%/Codev/TWikiAjaxFramework/indicator.gif' alt='' />";
   var toolsTopic = "TWikiAjaxFrameworkShowcaseTools";
   var toolsTopicUrl = "%SCRIPTURL{view}%/Codev/" + toolsTopic;
   var myrules = {
      '#expandWebBtn' : function(el) {
         el.onclick = function() {
            TWiki.Request.updateElementWithId("weblist", "expandedWebs", toolsTopicUrl + "?skin=text;section=weblist");
            return false;
         }
      }
   };
   Behaviour.register(myrules);
// ]]>
</script>

Web list

I've stealed this idea straigt from MiniAhah, albeit simpler in this example: no toggle back.

Code:
TWiki.Request.draw("weblist", "expandedWebs", "%SCRIPTURL{view}%/Codev/TWikiAjaxFrameworkShowcaseTools?skin=text;section=weblist");

Generates:
TWiki

Note: TWiki currently does not accept the url param section to pass to the view script.

Discussion

Strange. It seems I cannot pass the url parameter section here on twiki.org.

• Not strange at all. The view script (see doc) does not take a section parameter as of TWiki4, while %INCLUDE% does. Maybe we'll come to the conclusion that these are useful extensions for EdinburghRelease, but for now you'll have to work around with an intermediate topic as "AJAX server" to map urlparams to TWiki sections (like I've done in my showcase at http://munich.pm.org/cgi-bin/view/Tools/MiniAHAH). I'll copy my demos to twiki.org.
  -- HaraldJoerg - 31 May 2006
  • But it does work on my site: http://visiblearea.com/svntwiki/TWikiRelease04x00/bin/view/Sandbox/AjaxShowcase (running TWiki4 from subversion). It is the same code on the page. Compare this link: http://twiki.org/cgi-bin/view/Codev/TWikiAjaxFrameworkShowcaseTools?skin=text;section=weblist with http://visiblearea.com/svntwiki/TWikiRelease04x00/bin/view/Sandbox/AjaxShowcaseTools?skin=text;section=weblist -- ArthurClemens - 31 May 2006
    • Nice try - but I also compared the raw texts Your AjaxShowcaseTools at visiblearea.com has nothing but the section in the topic. The rendering engine always strips %STARTSECTION{...}% and %ENDSECTION{...}% tags, so at visiblearea.org you get nothing but the contents of the section (plus spaces), which is what exactly what you need. Just add the heading and comment from TWikiAjaxFrameworkShowcaseTools to your http://visiblearea.com/svntwiki/TWikiRelease04x00/bin/view/Sandbox/AjaxShowcaseTools and it will miracolously stop working on your site, too...
      -- HaraldJoerg - 01 Jun 2006
      • Good catch! -- ArthurClemens - 01 Jun 2006

-- ArthurClemens - 31 May 2006