jqueryui: JqueryUI Resizeable

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Resizable</title>
      <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
      <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
      
      <style>
         .ui-widget-header {
            background:#ccc;
            border: 1px solid #666;
            color: #FFFFFF;
            font-weight: bold;
         }
         .ui-widget-content {
            background: #cedc98;
            border: 1px solid #DDDDDD;
            color: #333333;
         }
         #resizable { width: 150px; height: 150px; padding: 0.5em; background:#605c33;
            text-align: center; margin: 0; }
      </style>
      
      <script>
         $(function() {
            $( "#resizable" ).resizable();
         });
      </script>
   </head>

Monday 23 February 2015

JqueryUI Resizeable

No comments:

Post a Comment