googleAdwordsやovertureの入力欄のようなものを作りたいです。input部分にテキストを入力すると、同じテキストが、文字色・サイズなど修飾された掲載イメージとして同時に隣に現れるというものです。おそらくjavascriptだと思いますが、どう作るかご存知の方ご教示ください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/09/23 14:10:23
  • 終了:2007/09/30 14:15:03

回答(2件)

id:GEN111 No.1

GEN111回答回数472ベストアンサー獲得回数582007/09/23 14:20:31

ポイント35pt

http://q.hatena.ne.jp/1189612946

こちらの質問は参考にならないでしょうか。

id:freewriter

なります!ありがとうございます。

ただ、改行が反映されないようですが、この点の修正は可能でしょうか。

2007/09/23 14:32:21
id:cuspos No.2

cuspos回答回数49ベストアンサー獲得回数102007/09/23 22:41:20

ポイント35pt

とりあえず改行対応だけ・・・ということで。

Ruby on Railsをいじっている関係でprototype.jsを利用しています。やっていることはGEN111が指定されているURLと同じです。(prototype.jsは環境に合わせて指定しなおしてください)

<html>
<head>
<title>sample</title>
</head>
<script type="text/javascript" src="js/prototype.js"></script> 
<script type="text/javascript">
function test1() {
	var value = $F('sampleTextArea');
	value_n = value.gsub('\n', '<br />');
	Element.update(preview, value_n);
}
</script>
<body>
<textarea id="sampleTextArea" cols="60" rows="5" onkeyup="test1()"></textarea>
<div id="preview">
</div>
</body>
</html>

※画像が荒いですが・・<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="320" height="205" id="flvplayer" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="http://g.hatena.ne.jp/tools/flvplayer.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="FlashVars" value="moviePath=http://jp.youtube.com/watch?v=9X9i3SICQbA" /> <embed src="http://g.hatena.ne.jp/tools/flvplayer.swf" FlashVars="moviePath=http://jp.youtube.com/watch?v=9X9i3SICQbA" quality="high" bgcolor="#ffffff" width="320" height="205" name="flvplayer" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>

id:freewriter

すばやいご対応、ありがとうございます!

2007/09/24 14:59:24

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません