2012/10/17

[jQuery UI]textareaでResizableを実装

APIのマニュアルを読んでいたらどうやらtextaeaは、独自にリサイズ機能がサポートされているようです。

さっそく試しに実装しました。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' ></script>
<link  type='text/css' rel='stylesheet'  href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css' />
<style>
</style>
<script>
jQuery(function($) {
 $('#textarea_resizable_01').resizable();
});
</script>
</head>
<body>
<textarea id="textarea_resizable_01"></textarea>
</body>
</html>
下で試すことができます。(chromeでおk)




0 コメント:

コメントを投稿