qunit-all.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
  5. <style>
  6. body { text-align:center; font-family:"courier";}
  7. #header { padding-bottom:1em; }
  8. #iframe { width:100%; height:100%; }
  9. a { text-decoration:none; margin:0.5em;}
  10. a:hover { text-decoration:underline; }
  11. </style>
  12. </head>
  13. <body>
  14. <div id="header">
  15. <p>click a link to run some tests.</p>
  16. <div id="links"></div>
  17. </div>
  18. <div id="body">
  19. <iframe src="" id="iframe"></iframe>
  20. </div>
  21. <script>
  22. $(function() {
  23. var lib = [ "jQuery"/*, "MooTools", "YUI" */],
  24. render = [ "Canvas", "SVG", "VML" ];
  25. for (var i = 0; i < lib.length; i++) {
  26. for (var j = 0; j < render.length; j++) {
  27. $("#links").append("<a href=\"qunit-" + render[j].toLowerCase() + "-" + lib[i].toLowerCase() + "\">" + lib[i] + "+" + render[j] + "</a>");
  28. }
  29. }
  30. $("a").live("click", function() {
  31. $("#iframe")[0].src = $(this).attr("href");
  32. return false;
  33. });
  34. $("#body").height($(window).height() - $("#header").height());
  35. });
  36. </script>
  37. </body>
  38. </html>