• 締切済み

ホームページビルダーの画面の切り替え方法について（フレームを使わない方法）

ホームページビルダーＶ８でホームページを作成しております。フレーム機能を使って左側にボタンを作って押したら右側が切り替わるようになっているのですが、ユニバーサルデザイン対応にするにはフレームが使わない方がいいと聞きました。 フレーム機能は使用せずにボタンを押せば画面が切り替わる方法はあるのでしょうか？素人ですので言葉足らずかもしれません。分かりにくい点はご説明させていただきますのでよろしくお願いします。

みんなの回答

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.3

例えば下のような感じでしょうか↓ 　直接JavaScripで書くのが早いと思います。それがだめなら、素直にフレーム等を使うのがよいでしょう。 <html><head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> <!-- fig1= new Array(); fig1[0] = "http://oshiete1.goo.ne.jp/images/goo.gif"; fig1[1] = "http://oshiete1.goo.ne.jp/images/goo_h1_50b.gif"; fig1[2] = "http://oshiete1.goo.ne.jp/images/powered_by_okweb.gif"; for (i=0; i<fig1.length; i++){ tmpSrc1=fig1[i]; fig1[i]=new Image(); fig1[i].src=tmpSrc1; } fig2= new Array(); fig2[0] = "http://oshiete1.goo.ne.jp/images/goo_approval"; fig2[1] = "http://x.goo.ne.jp/banner3/20050608/Bonolon_200-200.gif"; fig2[2] = "http://oshiete1.goo.ne.jp/images/helpful_ng.gif"; for (j=0; j<fig2.length; j++){ tmpSrc2=fig2[j]; fig2[j]=new Image(); fig2[j].src=tmpSrc2; } m=0; function figChange1(){ m++; if (m==fig1.length){ m=0; } document.fg1.src=fig1[m].src; } n=0; function figChange2(){ n++; if (n==fig2.length){ n=0;} document.fg2.src=fig2[n].src; } // --> </script> </head> <body width="600"> <table align="center" width="500" border=1> <tr ALIGN=center height="100"> <td width="150" align=center> <a onclick="figChange1();">画像１用クリック</a><br><br> <a onclick="figChange2();">画像２用クリック</a> </td> <td align=center> <img src="http://oshiete1.goo.ne.jp/images/goo.gif" name="fg1" alt="画像１" width="150" height="40" border="0"></a></td> </tr> <tr ALIGN=center height="250"> <td width="150" align=center> <a href="#" onclick="figChange2();">画像２用クリック</a> </td> <td align=center> <img src="http://oshiete1.goo.ne.jp/images/goo_approval" name="fg2" alt="画像２" border="0"></a></td> </tr> </table> </body> </html>

参考URL：
http://www.tohoho-web.com/js/index.htm
  • ex_hmmt
  • ベストアンサー率48% (726/1485)
回答No.2

最も単純に作成するなら、たとえば単純に左・右二分割のテーブルを作ります。 その左のテーブルにはメニューを作成しておきます。 右のフレームに内容を書くという規則にしておきます。 全てのページには、左側のテーブルに同じメニューが表示されるようにしておきます。 つまり、要するに、今までのページ構成の、右側のページのそれぞれに、全て左側のメニューを組み込んでしまうわけです。 OKWebのレイアウトもそういうレイアウトですよね。 ただし、この場合はテーブルで左・右を分けているわけではなく、 カスケードスタイルシートを利用しているものと思われます。 スタイルシートを勉強して、テーブルによるレイアウトではなく より正しいHTMLを書けるようになればより良いでしょうが、 現段階ではまぁテーブルを利用するのも悪では無いと思います。

  • violet430
  • ベストアンサー率36% (27472/75001)
回答No.1

フレーム機能を使わずにページを作ることはできます。 でも、ボタンを押せば画面が切り替わる方法というのは意味がよく分からないです。もしかして、一度フレーム付きで作ったページを、ボタン切替でフレームなしにソースを変更できるかと言う意味でしょうか？もしもそうなら、それは無理です。

kurikuri56789
質問者

お礼

言葉たらずで申し訳ありません。 フレーム付きで作っているホームページをフレームに似たような機能付きにすることはできないでしょうかと言う意味です。御回答ありがとうございます。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. Windows
  4. Windows 95・98

関連するQ&A

  • ホームページビルダー6　フレームについて

    初めてのホームページ作成で・・・つまずいています。 素人です。テンプレートからフレームの新規作成をやりました。 縦の２分割（左側が狭いものでいろいろ見出しみたいを作って、右側にメインを載せそうとしています）で始めました。 一ページ目は簡単に終わりましたが、次のページを作成する時はどうすればいいのでしょうか？左側は変わらないので、右側だけを作成したいのですが・・・。 新たに、新規作成で全く同じ様に作っていってリンクをつければいいのでしょうか？ 本を読んでみたのですがよくわかりません。昨日から止まっています。 どなたか教えて下さい！よろしく御願い致します。 また、ホームページビルダー6の使い方など詳しいことが載っているサイトがあれば教えて下さい！御願い致します。　

  • ホームページビルダー6で、フレーム枠を見えなくする方法を教えていただけますか

    ホームページビルダー6を使っています。ホームページ作成で、フレーム枠を見えなくする方法がありましたら、教えて頂ければ幸いです。 つまり、よくあるホームページのように、 左側に目次をつくり、そこをクリックすると、 右側の内容が変わるという構成にしたいのですが、 このとき、左側と右側の間にフレームを区切る線ができますよね。 これを見えなくしたいのですが、何か方法はございますでしょうか？ 私は、左側と右側は線でなく、色の違いで区切りたいのですが、方法等ございましたら教えて頂ければ助かります。

  • ビルダーで作成しています。フレーム設定でリンクする方法

    初心者です。 フレームをつくって左側がメニューで右側に情報がはいるようにしています。 メニューのほうのボタンをクリックすると 隣のフレームに画面が表示されるように作成したいのですが、 左側のフレーム内に表示されたり、新しいウインドウができたりしてうまくいきません。 ビルダーを使っている方、どうすればいいのかぜひ教えてください。

  • ホームページビルダーでのフレームの設定

    ホームページビルダーＶ９にて、Ｗｅｂページを作成する上で、フレームを２分割　縦－２に設定してるのですが、上下それぞれのページのページ右側のサイズが同じにならず、下のフレーム内のページが上よりもずいぶんとはみ出ます。 初心者でいろいろとやってみたのですが、ギブアップですので、どなたかお詳しい方、わかりやすくご教示いただければ幸いです。 よろしくお願いいたします。

  • ビルダーV６を使用して、フレームページを作成中なのですが・・・

    ホームページビルダーＶ６の、どこでも配置モードを使用して、フレームのページを作成中です。 フレームは、縦型。 左側に、メニュー（２０％） 右側に、飛ばすページ（８０％） ・・・なのですが・・・例えば、左側メニューボタンのＢＢＳを押すと、右側にレンタルＢＢＳや、レンタルアルバムのページを反映させたい場合、どのように設定すればよろしいのでしょうか？ 自分が作成したページを、右側に反映させる事には成功したのですが、他所のサイトを右側に反映させるには、どうすれば良いのか、いくら試行錯誤してみてもダメで・・・(´ДÅ) もしお分かりになる方がいらっしゃいましたら、どなたか教えて下さい！ 出来れば、アホな私でも分かる様、噛み砕いて教えて頂けますと、大変有難いですっ！( >ω<;)ゞ どうかよろしくお願いします！m(。_。;))m

  • ホームページビルダーで、フレーム内へのリンクがわかりません

    ホームページビルダーv6.5を使用していますが、 フレームを２分割して、例えば、上下に分割して 上のフレーム内の選択メニュを押すと、下のフレームに リンクの結果を表示させたいのですが、 リンクの挿入画面で、【ターゲット】をクリックすると、 作成したフレーム名が出るような設定があったと思ったのですが 忘れてしまい、作成したフレーム名をターゲット選択時に 表示させる方法がわからずに、困っております。 お手数をお掛け致しますが、お教え頂ければ幸いです よろしくお願い致します

  • ホームページビルダーのフレームのトップページの表示がおかしい。

    ホームページビルダー11で3分割のフレームページをつくりました。トップページの上や左側のフレームからのリンクをクリックすると、右側のフレームに表示されるのですが、トップページをクリックすると右側のフレームに3分割されたトップページが表示されてしまうのです。 どうしたらよいのかお分かりになる方教えていただけますようお願いいたします。

  • ビルダーでのフレームは？

    初心者です。ホームページビルダー６を使っています。 フレームを使ってHPを作りました。左にメニュー、右に内容が表示されるようになっています。ビルダー内のプレビュー画面ではうまく表示されているのですが、 転送したものを確認してみると、フレームの境界線も右側の内容も表示されていません。 メニューをクリックすると、新しいウインドウが出てきてしまいます・・。 どなたか解決法を教えて下さい。お願いします！

  • ホームページ　フレームあり画面からなし画面へ

    ホームページの作成方で教えてください。 フレームで分割したページからフレームのないページへリンクを張りたいと思っています。 フレームで分割したページに「リンクを挿入」して、クリックしてみると、分割された部分のみしか、次のページが表示されません。 どのようにしたら、分割されずに、全部が次のページになるのでしょうか？ ホームページ作成ソフトはＩＢＭホームページビルダーＶ７を使っています。 ＨＴＭＬでお教えいただいても結構です。 よろしくお願いします。

  • ホームページビルダー　フレームページのリンクの仕方

    ホームページビルダーＶ９を使っています。メニューをフレームで分割した左に、メニューのリンクの表示先、フレームべ分割した右に表示したいと思っています。「全体の確認」ではフレームページが「リンクされていないＨＴＬＭファイル」にあるため、フレーム表示がされません（メニュー及びリンク先が全画面表示されてしまいます）。どうすれば良いでしょうか？素人なので分かりやすく教えて下さい。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する