web-dev-qa-db-ja.com

HTMLで別のフレームへのリンクを開く方法は？

更新：まだ機能していません。リンクはクリック可能ですが、想定されている場所にも表示されません。例：連絡先情報をクリックすると、フレーム1からフレーム3に開きます。名声1から、営業時間をクリックすると、フレーム3に営業時間が表示されます

更新2：＃記号を追加した後...連絡先情報をクリックすると、フレーム3にフレーム1が表示され、フレーム3にあったものを取り除くことができます。私はそうするつもりはありません。

だから..私は4つのフレームを持っています。これらのフレームのコードを以下に示します。したがって、1ページに4つの異なるフレームが表示されます。その写真も表示されます。 enter image description here

<!DOCTYPE html>
<html>

    <head> 
        <title> A4 - HTML Frames - Jainamkumar Patel </title>
    </head>

    <frameset cols = "20%,50%">
        <frame src = "frame1.html">

    <frameset rows = "30%,30%">
        <frame src = "frame2.html">

    <frameset cols = "25%,25%">
        <frame src = "frame3.html" name = "frame1">
        <frame src = " ">

        </frameset>
    </frameset>
 </frameset>

</html>

今これが私がしたいことです：

ペイン2には、連絡先情報、サービス、営業時間、製品の説明へのハイパーリンクが含まれています。製品の説明には少なくとも3つのリンクが必要です。
ブラウザウィンドウのペイン3には、適切なリンクが参照する連絡先情報、サービス、営業時間を説明するページが表示されます。

フレーム1コード：

<!DOCTYPE html>
<html>

    <head> 
        <link rel = "stylesheet" href =  "HTML_Style_Sheets.css">
    </head>

    <body> 

        <h1> CRC Software Solutions </h1>
        <h2> About Us </h2>

        <p><a href = "#frame3.html" target = "frame1"> Contact Information </a></p>
        <p><a href = "#frame3.html" target = "frame1"> Services </a></p>
        <p><a href = "#frame3.html" target = "frame1"> Hours of Operation </a></p>
        <p><a href = "#frame3.html" target = "frame1"> Product Descriptions </a></p>

        <ol> 
            <li> Product 1 Description </li>
            <br>
            <li> Product 2 Description </li>
            <br>
            <li> Product 3 Description </li>
        </ol>

    </body>

</html>

フレーム3コード：

<!DOCTYPE html>
<html>

    <head> 
        <link rel = "stylesheet" href = "HTML_Style_Sheets.css">
    </head>

    <body>

        <h1> Contact Information </h1>

        <p> 4837 Blind Bay Road <br>
            Celista, BC V0E 1L0 <br>
            250-955-5462 <br>
        </p>

        <p> For any difficulties or questions you might have regarding out website and services please contact our Support Team. </p>

        <p> [email protected] </p>

        <h1> Hours of Operation </h1>
    </body>

</html>

だから私がしたいのは、連絡先情報をフレーム3にリンクすることです。そのため、フレーム1 ..の[連絡先情報]をクリックすると、フレーム3で開く必要があります。サービスについても同様です。フレーム1でサービスをクリックすると、フレーム3にサービスが表示されます（サービス部分を実行する必要がありますが、連絡先情報部分を実行しました）。

問題：実行すると、連絡先情報をクリックします。FRAME3を新しいタブで開きます。行う。

はい私はその巨大さを知っていますが、これで私を助けてください。

ありがとうございます

htmlanchorhrefframetarget
4
J patel

の中に <frame>タグ内の<frameset>タグは、次のように、nameではなく、フレームに対して属性IDを使用する必要があります。

<frameset cols = "20%,50%">
     <frame src = "frame1.html" name = "frame1">
<frameset rows = "30%,30%">
    <frame src = "frame2.html" name = "frame2">
<frameset cols = "25%,25%">
    <frame src = "frame3.html" name = "frame3">
    <frame src = " ">

次に、（frame1内の）リンクは次のようになります。

<a href = "frame3.html" target = "frame3">

（追伸：必要 IDの場合、名前and IDの両方を使用できます）

3
Johannes

このスニペットを実行してください！

<div id='top'><a href='#about'>Click me to go to About</a></div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>





    <div id='about'>About. Click <a href="#top">here</a> to go back up.</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
0
Daniel Springer