index.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Formation jQuery</title>
  5. <link rel="stylesheet" href="css/normalize.css">
  6. <link rel="stylesheet" href="css/main.css">
  7. <link rel="stylesheet" href="css/styles.css">
  8. <style type="text/css" media="screen">
  9. </style>
  10. </head>
  11. <body>
  12. <div id="left-panel">
  13. <nav>
  14. <ul>
  15. <li><a href="#">Sélecteurs</a></li>
  16. <li><a href="#">Evenements</a></li>
  17. </ul>
  18. </nav>
  19. <div id="editor">function foo(items) {
  20. var x = "All this is syntax highlighted";
  21. return x;
  22. }</div>
  23. </div>
  24. <script src="js/vendor/modernizr-3.5.0.min.js"></script>
  25. <script src="js/vendor/jquery-3.2.1.min.js" ></script>
  26. <script src="js/plugins.js"></script>
  27. <script src="js/main.js"></script>
  28. <script src="ace/build/src/ace.js" type="text/javascript" charset="utf-8"></script>
  29. <script>
  30. var editor = ace.edit("editor");
  31. editor.setTheme("ace/theme/eclipse");
  32. editor.getSession().setMode("ace/mode/javascript");
  33. editor.getSession().setUseWrapMode(true);
  34. editor.getSession().on('change', function() {
  35. console.log(arguments)
  36. });
  37. </script>
  38. </body>
  39. </html>