Make a choice in the list

Module > mod_code

  • /controllers/
    • tree.php
  • /language/en-GB/
    • en-GB.mod_code.ini
    • en-GB.mod_code.sys.ini
  • /models/fields/
    • commodule.php
    • index.html
    • modulefolder.php
  • /models/
    • index.html
  • /scripts/
    • clipboard.swf
    • jquery.beautyOfCode.js
    • shAutoloader.js
    • shBrushAS3.js
    • shBrushAppleScript.js
    • shBrushBash.js
    • shBrushCSharp.js
    • shBrushColdFusion.js
    • shBrushCpp.js
    • shBrushCss.js
    • shBrushDelphi.js
    • shBrushDiff.js
    • shBrushErlang.js
    • shBrushGroovy.js
    • shBrushJScript.js
    • shBrushJava.js
    • shBrushJavaFX.js
    • shBrushPerl.js
    • shBrushPhp.js
    • shBrushPlain.js
    • shBrushPowerShell.js
    • shBrushPython.js
    • shBrushRuby.js
    • shBrushSass.js
    • shBrushScala.js
    • shBrushSql.js
    • shBrushVb.js
    • shBrushXml.js
    • shCore.js
    • shLegacy.js
  • /styles/
    • document--arrow.png
    • document-code.png
    • document-import.png
    • file-open.png
    • file.png
    • folder-open.png
    • folder.png
    • help.png
    • index.html
    • loader.gif
    • magnifier.png
    • modCode.css
    • page_white_code.png
    • page_white_copy.png
    • printer.png
    • shCore.css
    • shCoreDefault.css
    • shCoreDjango.css
    • shCoreEclipse.css
    • shCoreEmacs.css
    • shCoreFadeToGrey.css
    • shCoreMDUltra.css
    • shCoreMidnight.css
    • shCoreRDark.css
    • shThemeDefault.css
    • shThemeDjango.css
    • shThemeEclipse.css
    • shThemeEmacs.css
    • shThemeFadeToGrey.css
    • shThemeMDUltra.css
    • shThemeMidnight.css
    • shThemeRDark.css
  • /tmpl/
    • default.php
    • default.php.org
    • index.html
  • /views/code/tmpl/
    • default.php
    • index.html
  • /views/code/
    • view.raw.php
  • /views/code_tree/tmpl/
    • default.php
    • index.html
  • /views/code_tree/
    • view.raw.php
  • /
    • controller.php
    • helper.php
    • index.html
    • mod_code.php
    • mod_code.xml

Here a nice Ajax sample  using jQuery and ajax calls to render the tree and internal module code.

All this is done using the component : Module Extender.

If you look in Firefox console or google Chrome, the tree display and the code itself take approximately 200 ms in ajax but the total page render more then 2 Secondes in case of full page reload.

(10 x the time compared to ajax call). All the advantage for Ajax call.

You can make an endless queue using ajax (facebook,disqus,google use it in many case today) to speed up your page and item loads.