divタグ内をcontenteditableでブラウザから編集可能にしました。編集(入力)したテキストを

別ファイルのPHPへpostする方法を教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/06/07 19:37:50
  • 終了:--

回答(3件)

id:jouno No.1

jouno回答回数280ベストアンサー獲得回数02005/06/07 21:05:12

ポイント60pt

http://www.tohoho-web.com/js/element.htm

エレメント(Element)

隠しフォームを作って、javascriptで編集した内容を移し変えます。テキストではなくhtmlを送りたいときはinnerHTMLで。


<div id=”main” contenteditable></div>

<form name=”form1” action=”aaa.php”>

<input type=”hidden” name=”aaa”value=””>

<input type=”submit” onsubmit=”document.form1.aaa.value=document.all.main.innerText;”>

<form>

id:masashi0316

なるほど、よくわかりました。ありがとうごじました。

2005/06/07 22:01:49
id:english No.2

english回答回数304ベストアンサー獲得回数02005/06/07 21:15:44

ポイント60pt

hatenaのシステムにより、クォテーションが全角に変換されていると思いますが、適宜半角に書き換えてください。


----------------------------------

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”>

<title>contenteditable</title>

</head>

<body>

<div id=mes contenteditable=true>

あいうえお

</div>

<form method=post action=”./hoge.php” name=myForm>

<input type=hidden name=txt value=””>

<input type=button onClick=”document.myForm.txt.value=document.getElementById(’mes’).innerHTML;document.myForm.submit();” value=”送信する”>

</form>

</body>

</html>

----------------------

のような感じでOKだと思います。


Javascriptでdivタグ内のテキストを取得し、それをJavascriptでsubmitします。

id:masashi0316

inner** なのですね、ありがとうございます。

2005/06/07 22:03:06
id:iww No.3

いわわ回答回数101ベストアンサー獲得回数102005/06/07 21:42:59

ポイント60pt

JavaScriptを使うなら

<DIV id=”myDIV” contenteditable=true>hoge</DIV>


<FORM name=myFORM action=”test.php” ONSUBMIT=”document.all.myFORM.myVALUE.value=document.all.myDIV.innerText; return true;”>

<INPUT TYPE=HIDDEN NAME=myVALUE>

<INPUT TYPE=SUBMIT>

</FORM>

みたいにやるといいです。


test.php?myVALUE=hoge という感じで行きます。

id:masashi0316

これも、そうですね。

みなさんありがとうございました。

2005/06/07 22:03:46

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

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

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

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

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