better example code for modelist demo

demo/mode_list.html

@@ -21,16 +21,20 @@
 </head>
 <body>
 
-<pre id="editor">Editor.prototype.showKeyboardShortcuts = function () {
+<pre id="editor">var editor = ace.edit("editor");
-    showKeyboardShortcuts(this);
+editor.setTheme("ace/theme/twilight");
-};
+(function () {
-editor.commands.addCommands([{
+    var modelist = ace.require('ace/ext/modelist');
-    name: "showKeyboardShortcuts",
+    // the file path could come from an xmlhttp request, a drop event,
-    bindKey: {win: "Ctrl-Alt-h", mac: "Command-Alt-h"},
+    // or any other scriptable file loading process.
-    exec: function(editor, line) {
+    // Extensions could consume the modelist and use it to dynamically
-        editor.showKeyboardShortcuts();
+    // set the editor mode. Webmasters could use it in their scripts
-    }
+    // for site specific purposes as well.
-}]);
+    var filePath = 'blahblah/weee/some.js';
+    var mode = modelist.getModeFromPath(filePath).mode;
+    console.log(mode);
+    editor.getSession().setMode(mode);
+}());
 </pre>
     
 <script src="../build/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>