Ticket #4596: resizeablebug.html

File resizeablebug.html, 1.4 KB (added by vlad_didenko, 11 years ago)
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3<html xmlns="http://www.w3.org/1999/xhtml">
4  <head>
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6        <title>Resizeable bug?</title>
7    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
8    <script src="js/jquery-ui-1.7.2.resizeable.min.js" type="text/javascript" charset="utf-8"></script>
9    <script type="text/javascript" charset="utf-8">
10      $(document).ready(function() {
11        jArea = $('#area');
12        $("#mkresizeable").click(function() {
13          jArea.resizable();
14          alert(
15            'padding-right on the div wrapper: ' + jArea.parent().css("padding-right")
16          );
17        })
18      });
19    </script>
20    <style type="text/css" media="screen">
21      #docs {
22        float: right;
23        border: 1px solid grey;
24      }
25    </style>
26  </head>
27  <body>
28    <div id="docs">
29      <h3>Documentation:</h3>
30      <p><a href="#">Specifications</a></p>
31      <p><a href="#">Architecture</a></p>
32      <p><a href="#">How-to</a></p>
33      <p><a href="#">Reference</a></p>
34    </div>
35    <input type="button" id="mkresizeable" value="Make Resizeable">
36    <form id=accept-charset="utf-8">
37      <label for="area">Query</label><textarea name="area" rows="8" cols="40" id="area"></textarea>
38    </form>
39  </body>
40</html>