[Javascript]textareaの伸縮が上手くいきません。
サンプルコードを寄せ集め改造を始めて４日目のド素人です。
YouTubeのAPI検索のプレビュー一覧から目当ての動画の
自サイト用にマークアップした埋め込みコードを切り取れる仕組みを作っています。
コードの入ったtextareaをフォーカスの有無で伸縮させたいのですが作動しません。
大まかな構造は以下。
$.getJSON(url, { alt:'json' }, function(json) {
for () {
//動画データ抽出（省略）
var ip = "動画ID";
var str ="";
str+=/*埋め込みコード(プレビュー用)*/<textarea id="ip" onFocus=\"SetSize("+ip+",200);\" onBlur=\"SetSize("+ip+",18);\" style=\"width: 218p; height: 18px;\" onclick=\"this.select();\">/*埋め込みコード(コピペ用)*/</textarea>
$('div#YTlist').append(str);
}
});
function SetSize(_id,_height) {
var elm = document.getElementById(_id);
elm.style = 'width: 218p; height: _height;';
}
実際のJSファイルは goo.gl/eWSnR
設置ページは goo.gl/o9jOK です。
大きな勘違いや些細なミスなどあると思いますがよろしくお願いします。
ベストアンサー
-
a-kuma3
満足200pt
サイズ変更のエッセンスだけを取り出したものを書いてみました。
http://jsfiddle.net/UBUuQ/
質問にあるコードをざっと見て、まずそうなところ。- width の単位が px じゃなくて、p になってる
- SetSize に渡している _height が style に代入されてない
シングルクォートの中に _height と書いても、渡した数字が埋め込まれるわけじゃありません - 高さの単位が無い
とりあえず、SetSize をこんな感じにすると、うごくような気がします。
function SetSize(_id,_height) { var elm = document.getElementById(_id); elm.style.height = _height + 'px'; /* ★ここ！ */ }
その他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2012-02-15 22:48:44
- 終了日時
- 2012-02-15 23:36:52
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…
匿名質問者
3
1
-
不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者11
-
日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者
-
共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者21
-
内定してほしいポケモンはいますか？匿名質問者
繰り返しのforでAPIから30個動画埋め込みコードが生成されるため
textareaのidを動画IDとしfunction SetSizeの関数でtextareaをid指定し伸縮を試みました。
pxが抜けていた部分は質問後に気づき修正しました。