qunit-all.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  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() + ".html\">" + lib[i] + "+" + render[j] + "</a>");
  28. $("#links").append("<a href=\"qunit-" + render[j].toLowerCase() + "-" + lib[i].toLowerCase() + "-instance.html\">" + lib[i] + "+" + render[j] + " (instance) </a>");
  29. }
  30. }
  31. $("a").live("click", function() {
  32. $("#iframe")[0].src = $(this).attr("href");
  33. return false;
  34. });
  35. $("#body").height($(window).height() - $("#header").height());
  36. });
  37. </script>
  38. </body>
  39. </html>