テキストエリア内の文字を取得したい

[新着] Webテンプレートを仮オープンしました



0   名前: MZRBL : 2006/12/12(火) 21:00  ID:llH6hcR/
お世話になります。佐藤です。
かなり複雑なソースなのですが、見ていただけましたら幸いです。

http://43.253.252.117:9999/emoji_index.html
上記URLでテストしています。

COMMENTの横にあるdocomo au vodafoneを押して、テキストエリアに表示した
画像のデータをsubmitしてPOSTで<img src="〜">を渡すことが最終目的なのですが、
とりあえず、テキストエリアに入力した文字を取得してアラートで表示したいと考えています。
どうしたら、テキストエア内の文字を取得することか出来るでしょうか?

どうか、宜しくお願い致します。

------------------------------------------------------------------------------
emoji_form.html
------------------------------------------------------------------------------
<html>
<head>
<script language="JavaScript" type="text/javascript" src="CrBrow/richtext.js"></script>
<script language="JavaScript" type="text/javascript" src="CrBrow/emojiin2.js"></script>
<script language="JavaScript" type="text/javascript" src="CrBrow/emojichg1.js"></script>
<SCRIPT type="text/javascript">
<!--
function Imagelist() {
window.open("./iconlist.cgi?room=sample5_pink&bgcolor=#FF99CC","ImageList","width=650,height=400,scrollbars=yes,resizable=yes");
}

initRTE("CrBrow/images/", "", "");

//-->
</SCRIPT>
<STYLE type="text/css">
<!--
body,tr,td,th{
font-size:12;
font-family:'MS UI gothic','Osaka';
scrollbar-arrow-color:#FF3399;
scrollbar-base-color:#FF3399;
scrollbar-darkshadow-color:#FF99CC;
scrollbar-face-color:#FF99CC;
scrollbar-highlight-color:#FF99CC;
scrollbar-shadow-color:#FF3399;
}
.c_t{border:1px dotted #FF3399;}
.ta,input,textarea,select{
border:1 dotted #FF3399;
background-color:#FFCCFF;
color:#993300;
font-size:12;
font-family:'MS UI gothic','Osaka';
}
a:hover { color:#FF6600;font-family:'MS UI gothic','Osaka';}
#small { font-size:11;font-family:'MS UI gothic','Osaka';}
-->
</STYLE>
</head>

<body>
<form name="form00" method=POST action="http://43.253.252.117:9999/cgi-bin/test231.cgi" onsubmit="return updateRTEs();">
<input type=hidden name=mode value="regist">
<input type=hidden name=room value="sample5_pink">
<input type=hidden name=email value="">
<input type=hidden name=url value="">
<input type=hidden name=image_type value=1164891148>

NAME<input type=text name=uname size="24" value="kyoko"><br>
MAIL<input type=text name=email2 size="24" value="kyoko@ezweb.ne.jp"></td>
SUBJECT
<input type=text name=sub size="24">
URL
<input type=text size="24" name=url2 value="http://"></td>
<script language="JavaScript" type="text/javascript">
<!--
writeRichText('textarea', 'form00', 'comment', '', '371', 90, false, false ,'top', '12' ,'#993300' ,'’MS UI gothic’' ,'#FFCCFF');
//-->
</script>
<noscript>
COMMENT<textarea cols="70" rows=6 name=comment wrap="soft"></textarea>
</noscript>
<input type=submit value="WRITE"><input type=reset value="RESET">
</form>
</body>

<html>

使用しているjavaScriptファイル
------------------------------------------------------------------------------
richtext.js
------------------------------------------------------------------------------

-------------------------------------------------------------------------------
emojichg1.js
フォームデータ⇒フレームデータHTML変換
-------------------------------------------------------------------------------

-------------------------------------------------------------------------------
emojichg2.js
フレームデータ⇒フォームデータ変換
-------------------------------------------------------------------------------

【マルチポスト】
→ マルチポストを行う場合は、ここにマルチポスト先のURLを記入してください。
js-mlメーリングリスト(js-ml@fureai.or.jp へも質問させていただいていますが、
返事をいただけていない状況です。

1   名前: naokun : 2006/12/12(火) 21:00  ID:HsrxHP7o
>js-mlメーリングリスト(js-ml@fureai.or.jp へも質問させていただいていますが、
返事をいただけていない状況です。

多分調べればすぐ分かる事だからだと思います。
もしも検索かけても出てこなかった場合、その時の検索キーワードを
提示してもらえるとアドバイスのし様もあると思います。

蛇足ですが、softbank じゃなくていいんでしょうか?

2   名前: MZRBL : 2006/12/12(火) 21:00  ID:llH6hcR/
ご返事有難うございます。

alert(document.form00.comment.value); は既にテスト済みなのですが、
空のアラートが表示されてしまいます。
このソースでは<textarea>の nameはcommentではないのでしょうか?
よろしかったら教えてください。

softbankには、これからする予定です。

3   名前: naokun : 2006/12/12(火) 21:00  ID:HsrxHP7o
richtext.jsってフリーのテキストエディタなんですね。

参考:http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm

<noscript>
COMMENT<textarea cols="70" rows=6 name=comment wrap="soft"></textarea>
</noscript>
の部分を一旦削除して試してみてもらえますか?
ちゃんと writeRichText でテキストエリアが追加されてるかどうか
確認たいので。

writeRichText の引数に関して、種類・数を確認してみてください。
richtext.js のソースを詳しく見る時間がないので、よろしくお願いします。

4   名前: MZRBL : 2006/12/12(火) 21:00  ID:llH6hcR/
お忙しいところ、有難うございます。

<noscript> は削除しました。

richtext.jsのサイトを見ながら確認しているのですが、まだ、解決は出来ないでいます。

私もしっかり見ていきますので、宜しくお願い致します。

5   名前: naokun : 2006/12/12(火) 21:00  ID:HsrxHP7o
> <noscript> は削除しました。
その結果、テキストエリアは表示されてます?

6   名前: MZRBL : 2006/12/12(火) 21:00  ID:llH6hcR/
はい、テキストエリアは表示されています。

7   名前: naokun : 2006/12/12(火) 21:00  ID:HsrxHP7o
以下のソースでうまくいきましたよ〜。
文字セットが西ヨーロッパだかなんだかで嫌だったので、
文字セットは全てUTF-8とし、ファイルも全て保存しなおしました。

ご自身で使用されている文字セットで同様にしてくださいね。

--------------------------------------------index.html
<html>
<head>

<script language="JavaScript" type="text/javascript" src="richtext.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>

<body>
<form method=POST action="AAAAA.php" onsubmit="return submitForm();">

<script type="text/javascript">

function submitForm() {
	updateRTE('rte1');
}

initRTE("images/", "", "");

</script>


<input type=submit value="送 信">

<script language="JavaScript" type="text/javascript">

writeRichText('rte1', 'ここのテキストを送信', 400, 200, true, false);

</script>

</form>
</body>
</html>

--------------------------------------------AAAAA.php
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
</html>

<?php
echo $_POST['rte1'] ;
?>

8   名前: MZRBL : 2006/12/12(火) 21:00  ID:llH6hcR/
有難うございます。
ただ使っているrichtext.jsは改造されているため、公開しているrichtext.jsと違うんです。
出来れば、改造してあるものをそのまま使いたいため、書いていただいたソースを見ながら、
アラートで<textarea>内の文字を表示できるようがんばってみます。

9   名前: MZRBL : 2006/12/12(火) 21:00  ID:llH6hcR/
今日ソースを見たりしていたのですが、まったく解けず、また書かせていただきました。

writeRichText('textarea', 'form00', 'comment', 'テキストエリア入力内容', '371', 90, false, false ,'top', '12' ,'#993300' ,'’MS UI gothic’' ,'#FFCCFF');

テキストエリアが空の状態だったのに加えて、テキストエリアに入力して、HTMLを表示して、
さらに文章を追加してWRITEボタンを押下しても次に出てくるinput['comment']には、
テキストエリア入力内容としか出てくれません。
どうしたらテキストエリアに手入力した文章が表示されるのでしょうか?
どうか、宜しくお願い致します。

10   名前: naokun : 2006/12/12(火) 21:00  ID:HsrxHP7o
MZRBLさんのページ閲覧時にダウンロードされた richtext.js の先頭に、
// Cross-Browser Rich Text Editor
// http://www.kevinroth.com/rte/demo.htm
と書いてあったので、このサイトの richtext.js でいいんですよね?

使い方をみると、テキストエディタ挿入部分が
var rte1 = new richTextEditor('rte1');
//ここ以下で設定したい各項目をセット
rte1.html = 'はじめのテキスト';
rte1.toggleSrc = false;
//テキストエディタのビルド
rte1.build();

となっていますが…。
改造というのは、これをさらにどなたかが改造したものなのでしょうか?

取りあえず、Cross-Browser Rich Text Editor で動いたものを貼っときますね。
当方WinXP,IE6です。
----------------------------------- index.html
<html>
<head>
<script language="JavaScript" type="text/javascript" src="richtext.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>

<body>
<form method=POST action="AAAAA.php" onsubmit="return submitForm();">

<script type="text/javascript">
function submitForm() {
	updateRTEs('rte1');
	return true ;
}
initRTE("images/", "", "");
</script>


<input type=submit value="送 信">

<script language="JavaScript" type="text/javascript">


var rte1 = new richTextEditor('rte1');
rte1.html = 'ああああああああ';
rte1.toggleSrc = false;
rte1.build();

</script>

</form>
</body>

</html>

----------------------------------- AAAAA.php
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head></html>

<?php
echo $_POST['rte1'] ;
?>

11   名前: MZRBL : 2006/12/12(火) 21:00  ID:llH6hcR/
richTextEditor()が何所にあるのかわからないため、どういうことかちょっと飲み込めないのですが、
開発された方のサイトを見に行ってみます。

http://43.253.252.117:9999/CrBrow/richtext.js は、全然知らない人が改造されたものです。
改造された方にもコンタクトを取ってみたのですが、一週間経っても返事はまだもらえていません。
http://www.kevinroth.com/rte/demo.htm
のサイトの richtext.js とは中身が違っています。

12   名前: naokun : 2006/12/12(火) 21:00  ID:HsrxHP7o
>全然知らない人が改造されたものです。
>改造された方にもコンタクトを取ってみたのですが、一週間経っても返事はまだもら>えていません。

全然知らない人が改造したものは使わない方が良いと思いますし、
ヘルプも無いだろうし、安全性の確認も一苦労じゃないでしょうか…
コンタクトを取ったという事は、改造した人のHPなどからDLしたのでしょうか?

おそらく改造した人も、自分用に作ったもので、
「使ってもいいけどサポートなんかしないよ。」ってな感じじゃないでしょうか?

正規のものじゃマズイですか?

13   名前: MZRBL : 2006/12/12(火) 21:00  ID:llH6hcR/
有難うございます。
本当は正規のものを使って、文字と画像のHTMLをCGIで値が渡せれば
それが一番いいと思っています。
今から早速取り掛かってみます。

一覧へ戻る