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

divタグ内をcontenteditableでブラウザから編集可能にしました。編集(入力)したテキストを
別ファイルのPHPへpostする方法を教えてください。

●質問者: masashi0316
●カテゴリ:コンピュータ
✍キーワード:PHP タグ テキスト ファイル ブラウザ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● jouno
●60ポイント

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>

◎質問者からの返答

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


2 ● english
●60ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

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します。

◎質問者からの返答

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


3 ● いわわ
●60ポイント

http://www.google.co.jp/webhp?complete=1&hl=ja&safe=off

Google

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 という感じで行きます。

◎質問者からの返答

これも、そうですね。

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

関連質問


●質問をもっと探す●



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