<!DOCTYPE html> <html lang="en"> <head> <title>jQuery UI Resizable Test Suite</title> <link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen"> <script type="text/javascript" src="../jquery-1.2.6.js"></script> <script type="text/javascript" src="../ui/ui.core.js"></script> <script type="text/javascript" src="../ui/ui.resizable.js"></script> <script type="text/javascript" src="qunit/testrunner.js"></script> <script type="text/javascript" src="simulate/jquery.simulate.js"></script> <script type="text/javascript" src="resizable.js"></script> <style type="text/css"> #main { position: absolute !important; top: -1000px !important; left: -1000px !important; } </style> </head> <body> <h1 id="header">jQuery UI Resizable Test Suite</h1> <h2 id="banner"></h2> <h2 id="userAgent"></h2> <ol id="tests"></ol> <div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;"> <div id="resizable1" style="background: green; width: 100px; height: 100px;">I'm a resizable.</div> <img src="images/test.jpg" id="resizable2" style="width: 100px; height: 100px;"/> </div> </body> </html>