人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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


●質問者: にらたま
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript Overture イメージ サイズ テキスト
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● GEN111
●35ポイント

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

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

◎質問者からの返答

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

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


2 ● cuspos
●35ポイント

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

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>

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ