Javascriptで動的に変更した点を保存して、ページを更新したときにまた再現したいです

締切済

質問者：mgh072
質問日時：2009/02/22 00:00
回答数：1件

初心者です。よろしくお願いします。
マウスで文字列を選択して、反転した部分の文字をスタイルで大きくする… という簡単な Javascript を作りました。
このページを更新・リロードすれば、当然変更された部分も元に戻ってしまいますが、
この変更部分を PHP に送ってファイルに保存し、今度呼び出されたとき変更した部分を再現したいと思っています。

ただその文字列の位置などをどうやって保存するか、またどうやって再現するのかがよく分かりません。

コードは以下のような感じです
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

<html>
<head>
<script language="JavaScript"></script>
</head>
<body onContextmenu="test()">
文字列を選択して↑右クリックを押すと選択文字列を変更します。
OKWave
「文字列」「文字列」「文字列」
</body>
</html>

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

上記の通り「文字列」という同じ言葉が何度も使われていると match や RegExp だと全て大きくなってしまいます。

また
rng.moveStart("character", -1);
rng.moveEnd("character", 1);
などで再現しようと思っているのですが、改行文字を飛ばしているのかどうか分かりませんが、うまく動かないので、再現できません。

目的はただ、好きな文字列を選択して強調した部分を、今度ページを見たときもいつでも何を強調したか分かるようにしたい…というだけです。

どうか詳しい方お力をお貸しください。よろしくお願いしますm(_ _)m

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： kiyominmin
回答日時：2009/02/22 01:52

form タグを使って、保存したい文字を、textarea タグ内に入れれば、いけると思いますが。

<form action="hoge.php" method="post">
<textarea name="hoge">「文字列」「文字列」「文字列」</textarea>
<input type="submit" value="保存する">
</form>

hoge.php で、受け取ったデータを保存しないといけませんが、いかがでしょう？

この回答への補足

回答ありがとうございます。
すいません、僕のイメージとしては教科書にラインマーカーで線を引くように、文字列を選択してその部分を強調して、また次に見たとき見直すことができるようにしたい思っています。
文字列だけ保存されると前後の文脈が分からなくなるので、ちょっとイメージとは違います…
それはとにかく回答ありがとうございました!

補足日時：2009/02/22 03:01

通報する

- 0
- 件

通報する

この回答へのお礼

すいません、自己解決しました。
for (var v=0;v<list[0];v++ ){
rng.moveStart("character",1);

}

for (var v=0;v<list[1];v++ ){
rng.moveEnd("character",-1);
}
のように、１つ１つカウントしたらできました
texteditで使うと作動が悪いみたいです

通報する

お礼日時：2009/02/23 20:31

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！