Javascriptでドリーム小説を作成する方法

このQ&Aのポイント
  • javascriptを使用してドリーム小説を作成する方法について説明します。
  • フォームを使って文や語句の入力を行い、変換のボタンを押すことでドリーム小説を作成することができます。
  • javascriptの構文の一部を思い出せない場合でも、配列やsortを利用することで問題なく作業を進めることができます。
回答を見る
  • ベストアンサー

javascriptでドリーム小説

ドリーム小説が作りたいわけではありません。 作りたいのは以下のようなページです。 -------------------- フォームを4つ、ボタンを作ります。 ■第一フォームに文を入れます。 第一例:著作権の侵害、質問ではなく議論を目的とする投稿などはできません(すべて削除対象となってしまいます)。 ■第二,第三フォームに語句を入れます。 第二例:侵害 第三例:浸営 ■変換のボタンを押すと、第一の内容から「侵害」を抜き出し「浸営」に変換したものが第四フォームに表示されます。 昔作ったことはあるんですが、javascriptの構文はほとんど全部忘れてしまいました。 配数でしたっけ?[]とかsortを使ったと思いますが。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Q3516884 TestCase 1</title> <script type="text/javascript"> function replace(){ document.getElementById("paragraph").value = replaceAll(document.getElementById("paragraph").value,document.getElementById("source").value,document.getElementById("change").value); } /* http://d.hatena.ne.jp/katana_a/20070920/p1 あたりから勝手に拝借。 ちなみにこれを利用している理由について。 String.replaceは 最初だけが置換された。 第一引数が正規表現みたいなので gオプションを追加しても良かったのだが そうするとinput要素内にある, メタキャラクタをエスケープしなきゃいけなくてそれも面倒だなあ、と思ったため。 */ function replaceAll( _targetStr_, _searchStr_, _replaceStr_ ){ return _targetStr_.split(_searchStr_).join(_replaceStr_); } /* 仕様上,Ecmascriptを無効にしているユーザーに対する アクセシビリティの確保は行えない。 そいつらも考慮したけりゃEcmascriptじゃなくて PerlとかPHPとかサーバで動かせ。 */ </script> </head> <body> <dl> <dt>文章入力</dt> <dd><textarea id="paragraph" cols="100" rows="10" ></textarea></dd> <dt>置換元</dt> <dd><input type="text" id="source" /></dd> <dt>置換先</dt> <dd><input type="text" id="change" /></dd> <dt>実行ボタン</dt> <dd><input type="button" value="実行" onclick="replace();" /></dd> </dl> </body> </html>

ukulele_N
質問者

お礼

随分遅くなって申し訳ございません。大変お役に立ちました^^本当に感謝です。

関連するQ&A

  • ドリーム小説の作り方

    ドリーム小説を作っているのですが、 cookieとJavaScriptとリンクしてあってマウスをあてるとjavascript:PageGo();とでるやつとを組み合わせたものがありますよね。 そのドリーム小説の名前変換で、2つではなく4つやるのは不可能なのでしょうか。 詳しい方、タグなどを教えていただきたいです。

  • JavaScriptで「検索フォーム」作成について

    HP内にJavaScriptで「検索フォーム」を作成したいのですが、本やサイト等色々探してみても、その作り方がなかなか見つかりません。もし、詳しい方がいらっしゃれば教えて下さい。 具体的には質問追記欄に記載致します 例)CSSで作られたページに検索フォームを置き、検索された対象のページが新しいウィンドウに表示される。                           ▼フォーム▼   ▼検索ボタン▼ (1)検索フォーム初期状態     ⇒[ここに入力してください。] 「検索」 (2)検索フォームに「光」と入力。  ⇒[光              ] 「検索」 (3)"「検索」"ボタンをクリック。  ⇒[光              ] 「検索」 (4)新しいウィンドウ(name=jisyo)に 対象のページが表示される。

  • 自動計算見積プログラム(javascript使ってます)で合計などの数

    自動計算見積プログラム(javascript使ってます)で合計などの数値を載せたメールフォームで送信ボタンを起動させたいのですが、どうすれば送信ボタンは動くでしょうか? それとも、自動計算見積プログラムも送信フォームも送信ボタンの起動もPHPを使ったCGIでつくれば、きちんとメールとして送信されるのでしょうか? どうすれば、見積プログラムで金額合計などの数値や表を載せた送信フォームが送信ボタンで動くのかよくわかりません。 どなたか教えてください。どうかよろしくお願いいたします。 ちなみに、ドリームウィーバーCS3を使って作業をしています。

  • 文章作成(キーワード入れ替えてなおかつ複製)

    ---------------------- OKWave では、個人情報の掲載や誰かの書いたものを そのまま転記するなどの著作権の侵害、 質問ではなく議論を目的とする投稿などはできません (すべて削除対象となってしまいます)。 ----------- というような文章があったとして、 「OKWave 」の部分を例えば、gooや小町などと入れ替えるとします。 ↓ ↓ ↓ ↓ ↓ 1 gooでは、個人情報の掲載や誰かの書いたものを そのまま転記するなどの著作権の侵害、 質問ではなく議論を目的とする投稿などはできません (すべて削除対象となってしまいます)。 2. 小町では、個人情報の掲載や誰かの書いたものを そのまま転記するなどの著作権の侵害、 質問ではなく議論を目的とする投稿などはできません (すべて削除対象となってしまいます)。 ---------------------- などと 20、30個作成するのは大変です。何かいいほう方法はないでしょうか? サイトやフリーソフトがあればよろしくお願いします。 その他に良い方法があれば具体的に教えてください。

  • 著作権法について

    初めまして。趣味で私小説を書いているときに、ふと思ったのですが…… 今、SFとは微妙に違うのですが、未来が舞台になっている小説を書いています。 それで、とある作品(映画と小説がありますが、 小説が映画化されたのか、映画が小説化されたのかは、ちょっと分かりません)に出てくる 「2029年に○○が起こった」 という設定を私小説に盛り込みました。 これは、著作権の侵害にあたるのでしょうか? 調べてみると、「既成小説に出てくる登場人物のキャラクターを使って小説を書いても、 キャラクターはアイディアに過ぎず保護の対象にならない為、著作権法違反にならない」という話があったのですが 「2029年に○○が起こった」という設定は、著作権の保護の対象になるのでしょうか。 教えてください。

  • メモ帳の途中の行から最後まで選択するショートカットを教えてください

    メモ帳をよく使っているのですが、shift+↓でなく、途中の文字・行から最後まで選択するショートカットを教えてください。 〈例〉 OKWave では、個人情報の掲載や誰かの書いたものを ここから→そのまま転記するなどの著作権の侵害、質問ではなく 議論を目的とする投稿などはできません (すべて削除対象となってしまいます)。←ここまで

  • パワポの文字ずれ

    パワポの文字がどうしてもずれてしまいます。 OKWave では、個人情報の掲載や誰かの書いたものをそのまま転記するなどの著作権の侵害、質問ではなく議論を目的とする投稿などはできません(すべて削除対象となってしまいます)。 の文字がパワポのテキストBOXの中で OKWave では、個人情報の掲載や誰かの書いたも     のをそのまま転記するなどの著作権の侵害、     質問ではなく議論を目的とする投稿などはでき     ません(すべて削除対象となってしまいます)。 上記の様に最初の行だけ左にずれて、 後は右にずれてしまいます どなたか解決策を教えてください!

  • 自作ホームページに自作検索フォームを設置したい(javascript使用)

    みなさんこんばんは。 今、自分のブラウザのホームページ(ローカルに保存)を自作している最中なのですが、 その中に検索サイトへの検索フォームを設置する際に、ラジオボタンで検索に使用する検索サイトを選ぶような形のフォームを自作して設置したいのです。 絵でかくと、 ┏━━━━━━━━━━━━━━━━━━━┓ ┃┏━━━━━━━━━━━━┓┏━━━┓┃ ┃┃(検索語句を入力する場所) ┃┃検索!┃┃ ┃┗━━━━━━━━━━━━┛┗━━━┛┃ ┃                         ...... ┃ ┃○Yahoo JP ○Yahoo EN ○Google  .....  ┃ ┗━━━━━━━━━━━━━━━━━━━┛ こんなのが作りたいんですが、formタグにデフォルトで使用する検索サイトを入れて、後は、ラジオボタンが選択されたとき検索に使用するサイトを 変えるのをJavaScriptで制御すればよいとおもうのですが、Scriptはどのようなソースを書いたらいいでしょうか? 方針としては、ラジオボタンのonclickにactionの値を変える関数を仕込めばよいと思うのですが、javascriptは書いたことが無いので分からないです。 お忙しいところ申し訳ないですが、どうか教えてください。

  • >質問の要点となる言葉をもりこむと、質問内容が理解されやすく、すばやい回答につながります。

    >教えて!goo では、個人情報の掲載や誰かの書いたものをそのまま転記するなどの著作権の侵害、質問ではなく議論を目的とする投稿などはできません(すべて削除対象となってしまいます)。 これは禁止事項のようですが、他人の質問内容を転記すると「著作権の侵害」になるようです。すなわち、事務局側は質問内容は一つの「作品」と解釈されているようですが、これ自体違法性があると思います。 出版しているわけでも著作権登録しているわけでもありませんからね。 おかしいと思いませんか?

  • リロードした時にページの一番上に戻したくない

    同一ページ内にリンクを<#middle>とつけて移動させているのですが、ページ真ん中当たりにユーザーが言葉を登録して文章を変換する(ドリーム小説みたいなのに近い)JavaScriptを置いているのですが、「登録」のボタンを押すとページをリロードするのか、スクロールバーが一番上、本当に頭まで戻ってしまいます。リンクにあるように<#middle>でリロードしても位置を保ちたいのですが、location.hrefではダメなのでしょうか?

専門家に質問してみよう