左フレームの選択結果を右フレームに反映させる方法

前へ 次へ
このQ&Aのポイント
  • フレームを使ったサイト作成において、左フレームで選択した内容を右フレームに反映させる方法について分かりやすく説明します。
  • 右フレームのテキスト部分をドラッグして反転させることができ、さらに色付けボタンを押すと反転した部分のテキストの色が選択している色に変わります。
  • 選択部分を別にする理由は、例えのために設定されているものであり、実際のサイト作成においては異なる選択部分を反映させるための方法を採用します。
回答を見る
  • ベストアンサー

左フレームの選択結果を右フレームに反映させる方法

現在私はフレームを使ってサイト？を作ろうとしています。 画像のように親フレーム（frame.php）の中に左フレーム（left.php）と右フレーム(right.php)を設置しています。左フレームにあるラジオボタンで選んだものを右フレームにも反映させるにはどうすればいいのか分からず困っています。説明が分かりにくいかもしれませんが、分かる方がいましたらよろしくお願いします。 （機能） 右フレームの中のテキスト部分をドラッグし、反転させる。 ↓ テキスト部分を反転させたまま右フレームの上にある色付けボタンを押す反転した部分のテキストの色が左で選択している色に変わる。 ※どうしてわざわざ選択部分を別にするの？と疑問に思うかもしれませんが、これはあくまで例えです。

画像を拡大する
  • PHP
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

テキストをドラッグしたりする時点でブラウザ依存の機能になるため javascriptでパラメータを読んで処理するのが妥当 具体的には選択部分を特定のclassを設定したspanタグなどで囲むような 流れになると思います あまりphpの活躍するような機能ではありませんが 右フレームのHTMLをソースレベルで動的に書き換えるのであれば 場合によって必要かもしれません。

suraimo01
質問者

お礼

なるほど、Javascriptは必要だったのですね。 やり方まで教えていいただきありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. PHP

関連するQ&A

  • フレームの右→左へ

    こんばんは。 いろいろ事情があり、HPを制作しなければならないことになったのですが、パソコンさえ初心者同然の私は全然分かりません…(汗　なんとか途中まで来たのですが、フレームのところでつっかかってます。 そこで質問は、フレームのページで、左の部分に表示されている項目を押すと、右の部分にその内容出てくる方法はどうやるんでしょうか…。他のサイト様に行って勉強してみたんですが、私の理解力が低く、全然分からないんです…。 http://hp.xrea.jp/←こちらのサイト様に近い感じですが、私が制作するのはこちらよりも全然簡単で、左部分は普通の文字だけで大丈夫です。飾りとかはいりません。 どなたか分かる方教えていただけないでしょうか…。フレームでないと困るページなので、宜しくお願いします。

  • 左フレームからのリンクを右フレームに表示するには？

    ｇｏｏの簡単ＨＰを作っているのですが、 左フレームからのリンクを右フレームに表示するにはどうしたらいいのでしょうか？ そのまま左フレームの中に、リンクを作ると、左フレームに表示されてしまうので、困ってします。 まだはじめたばかりで、本を参考にしているのですが、よくわかりません！教えてください！

  • 右フレームのテキストに、値を入れ込む

    左20％・右80％と言うようにフレームを切ってあります。 左のフレームにボタンがありまして、それを押すとJavaScript が動き出し、右のフレームにあるテキストのValueに「AAA」と 入れ込みたいんです。 ブランクが空いてしまったため、やり方を忘れてしまったようです。 一応下記のやり方でよかったような気がしたんですが、でも出来な いので当然間違っています。 function Text(){ parent.main.window.document.Myform.txt1.value = "AAA"; } お手数ですがよろしくお願いします。

  • デスクトップ上での左ドラッグの選択領域の色の設定

    デスクトップ上での左ドラッグの選択領域の色の設定 windows7を利用しています。 デスクトップ上で、左（または右）ドラッグしたときにできる点線による四角（長方形）って、ビスタや７だと点線ではなく実線で、かつその中に色がついていると思うんですけど、なぜかただの点線になってしまいます。 最初は長方形で、中に青色がついていたのですが、、、。もどしたいのですが、方法がわかりません。誰かよい方法を教えてください。 色の設定でハイパーリンクの色、などいろいろためしてみたのですが。。。

  • ビルダー　フレームページからのリンクについて

    こんにちは。 フレームを使ってサイトを作っていますが初心者の為、下記の部分でつまづいてしまいました。 左フレームが目次です。 (1)左フレームの中の文字列から同じ左フレーム内にリンク→(2)更にその中の文字列から右フレーム内にリンクを貼りたいのですが、どの様にしたら良いのでしょうか？ (2)のリンクの設定ではターゲット選択欄にレフトとライトの選択肢がないので、もしかして出来ないのかな？と思っているところです。 宜しくお願い致します。

  • frame間の値の受け渡し方法

    環境はｘｐ、apache2、php5、Postgresql8.2です。 1台のPCをサーバ＆クライアントにしています。 ただ今PHPとPostgresqlの勉強をしています。 --------------------------- frameで左右に分かれています。 「左がメニュー画面」 「右がデータを表示する画面」 －－－ <frame name="hidari" src="aa.php"> <frame name="migi" src="ee.php"> メニュー用のPHPに --------------------------- aa.php（左のメニュー画面） 「number」というテキストボックスに入力して、 「検索」をクリックすると、 右の画面にデータが表示されます。 <FORM name="Form1" METHOD=post target="migi"> number<INPUT TYPE=TEXT NAME=number SIZE=5> <a href="./ee.php?func=ads" target="migi"><span style="color:#DB7093">検索</style></a> --------------------------- ee.php（左のデータ画面） テキストボックス「number」の値を受け取るために echo $_POST['number']; 「number」の値が表示されません。 どのようにすれば受け取れますか？

    • ベストアンサー
    • PHP
  • javascriptでサイトの文字列の取得方法

    今javascriptをやっていて別フレームのサイトから文字列を取得できないか試しています プログラムの参考にしたサイトは、ここ http://fayn.s59.xrea.com/x/tips/javascript/js1.php なんですが、右フレームと左フレームがあって、右には文字があり、左にはボタンがあります。 右で文字を適当にドラッグして選択しておきます、そのまま、左にあるボタンをクリックすると選択した文字列を取得できるという仕組みです。 これを右フレームの内容をサンプルではなく、一般的なwikipediaとかにすると、文字列の取得が出来なくなってしまうのです。 これはプログラム上制限されているのでしょうか？それとも出来る方法はあるのでしょうか もし、お分かりになるのであるならば教えて欲しいです よろしくお願いします

  • テキストボックスの反転

    Text1.SelStart = 0 Text1.SelLength = Len("text1") Text1.SetFocus これだとテキストボックスでマウスを左から右へドラッグさせて 反転させたのと同じ状態にできますが 右から左へドラッグさせたのと同じ状況を作り出したいのです up ←move Down T　e　x　t　1 といった感じに。 反転して挿入するとき視覚的に左から文字を表示されるようにしたいのですが どうすればよいでしょうか？

  • cssで左カラムと右コンテンツの長さをそろえる方法

    cssで左カラムと右コンテンツの長さをそろえる方法 今ホームページを作っているのですが、左カラムの背景と右コンテンツの長さがそろわず困っています。 左は短めなので右が長くなっても左は短いままなのです。 【background-repeat:repeat-y;】で左の背景を繰り返しています。 どなたか分かるかた教えてください。 下のようになっています。 #wrapper…左カラムと右コンテンツ部分 #side…左カラム #main_contents…右コンテンツ部分 body{ width:930px; float:left; margin:0px; padding:0px; font-size:12px; background-color:#CCCC99; color:#333333; font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅"; line-height: 150%; height:100%; } #wrapper { margin:0px auto; background-color:#ffffcc; height:auto; min-height:100%; } #side { background-image:url(left_bg.gif); background-repeat:repeat-y; width:230px; float:left; margin:0; padding:0; } #main_contents{ width:685px; color:#333333; font-size:13px; font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅"; line-height:170%; float:right; background-color:#ffffcc; padding-left:15px; margin:0; padding-bottom:200px; }

  • 検索結果のハイパーリンクをテキストとして選択したい

    いつもお世話になってます。 ＩＥ８、ＷｉｎｄｏｗｓＶｉｓｔａです。 グーグル等で検索した際、検索結果のタイトルがハイパーリンク（テキストリンク？）として表示されると思います。 このタイトルの一部をテキストとして選択し、コピーしたい場合、簡便な方法としてはどんなものがあるでしょうか？ 例えば、グーグルにて「ＪＰ」と検索すると、１ページ目のトップに「ゆうびんホームページ - 日本郵便」というタイトルと、紹介文の「郵便ホームページは、ゆうパックやゆうメール～（略）」というテキストが出てきます。 ここで「日本郵便」というキーワードで検索し直したい時、左クリック→ドラッグにて範囲選択可能な紹介文部分に「日本郵便」という文字列が含まれていれば良いのですが、残念ながら１ページ目にはこの文字列はタイトル部分以外存在しません。 タイトル部分を左クリックをするとメニューには「ショートカットのコピー」は出てきますが「テキストとしてコピー」というような項目は出てきません。 現状では、紹介文の適当な場所から左クリック→タイトル部分までドラッグして「日本郵便」を含む数十文字の文字列をコピー→検索ボックスに貼り付けた後、不要な文字列を削除、という、まだるっこしいやり方をしています。 これを例えば、「ＣＴＲＬを押しながら左クリック→ドラッグ」とかで簡単に「日本郵便」のみ範囲選択出来ないか、ということなんですが。。。 おそらく、知っている人には当たり前の機能なんだろう、とは思うのですが、「ハイパーリンク」「コピー」などのキーワードでは他の情報に埋もれてしまって欲しい情報が見つかりません。 ご存知の方いらっしゃいましたら、教えていただけると有り難いです。 よろしくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する