1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!doctype html>
- <html>
- <head>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
- <style>
- body { text-align:center; font-family:"courier";}
- #header { padding-bottom:1em; }
- #iframe { width:100%; height:100%; }
- a { text-decoration:none; margin:0.5em;}
- a:hover { text-decoration:underline; }
- </style>
- </head>
- <body>
- <div id="header">
- <p>click a link to run some tests.</p>
- <div id="links"></div>
- </div>
- <div id="body">
- <iframe src="" id="iframe"></iframe>
- </div>
- <script>
- $(function() {
- var lib = [ "jQuery"/*, "MooTools", "YUI" */],
- render = [ "Canvas", "SVG", "VML" ];
- for (var i = 0; i < lib.length; i++) {
- for (var j = 0; j < render.length; j++) {
- $("#links").append("<a href=\"qunit-" + render[j].toLowerCase() + "-" + lib[i].toLowerCase() + ".html\">" + lib[i] + "+" + render[j] + "</a>");
- $("#links").append("<a href=\"qunit-" + render[j].toLowerCase() + "-" + lib[i].toLowerCase() + "-instance.html\">" + lib[i] + "+" + render[j] + " (instance) </a>");
- }
- }
- $("a").live("click", function() {
- $("#iframe")[0].src = $(this).attr("href");
- return false;
- });
- $("#body").height($(window).height() - $("#header").height());
- });
- </script>
- </body>
- </html>
|