autoResizeを使用しようとしています

私はこの単純なテキストエリアを持っています。選択されていない場合は、完成した商品（テキストにテーパーが付いた辺）のように見えます。私はまた、ユーザーに幅を変更させたい。これを行うにはどうすれば自動サイズ変更プラグインを使用できますか？autoResizeを使用しようとしています

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Pathway Builder</title> 
    <link rel="stylesheet" href="style.css" type="text/css" /> 
</head> 
<body> 

    <textarea class="text_field_not_selected"></textarea> 

    <script src="jQuery.js" type="text/javascript"></script> 
    <script src="selectors.js" type="text/javascript"></script> 
</body> 
</html>

ジャバスクリプト/ jQueryの

$('textarea').bind('focusin blur', function() { 
    $(this).toggleClass('text_field_not_selected'); 
}); 
$('textarea').autoResize();

CSS

body { 
    display: block; 
} 

textarea:focus { 
    outline: none; 
    text-align: center; 
} 

.text_field_not_selected { 
    text-align: center; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-box-shadow: 0px 3px 5px #444; 
    -webkit-box-shadow: 0px 3px 5px #444; 
    padding: 5px; 
}

出典

2012-03-24 mharris7190

最初の部分のために、あなたは

border-style: none;

とあなただけの可能な第2の部分のようなものを使用することができます右下隅をクリックしてドラッグテキストボックスのサイズとサイズを変更する

出典

2012-03-24 01:32:32 gastonfartek

私は、ユーザーがサイズを制御できないようにしたいと思います。私はちょっとヘッダの反対側を言ったことは知っているが、私が実際に行っていることは、高さ：幅の比率を約2：3に自動化することである。 – mharris7190

autoResizeを使用しようとしています

答えて

関連する問題