Ticket #4596: resizeablebug.html

File resizeablebug.html, 1.4 KB (added by vlad_didenko, June 12, 2009 07:29PM UTC)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  	<title>Resizeable bug?</title>
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.7.2.resizeable.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
      $(document).ready(function() {
        jArea = $('#area');
        $("#mkresizeable").click(function() {
          jArea.resizable();
          alert(
            'padding-right on the div wrapper: ' + jArea.parent().css("padding-right")
          );
        })
      });
    </script>
    <style type="text/css" media="screen">
      #docs {
        float: right;
        border: 1px solid grey;
      }
    </style>
  </head>
  <body>
    <div id="docs">
      <h3>Documentation:</h3>
      <p><a href="#">Specifications</a></p>
      <p><a href="#">Architecture</a></p>
      <p><a href="#">How-to</a></p>
      <p><a href="#">Reference</a></p>
    </div>
    <input type="button" id="mkresizeable" value="Make Resizeable">
    <form id=accept-charset="utf-8">
      <label for="area">Query</label><textarea name="area" rows="8" cols="40" id="area"></textarea>
    </form>
  </body>
</html>

Download in other formats:

Original Format