web-dev-qa-db-fra.com

Comment ouvrir un lien vers un autre cadre en HTML?

UPDATE: Cela ne fonctionne toujours pas. Les liens sont cliquables mais ils ne prennent pas où sa suppose aussi. Exemple, à partir de l'image 1 lorsque vous cliquez sur les informations de contact, vous devez ouvrir celle de l'image 3. À partir de la renommée 1, lorsque vous cliquez sur Heures d'ouverture, les heures d'ouverture doivent s'afficher dans l'image 3.

UPDATE 2: Après avoir ajouté le signe # ... Quand je clique sur les informations de contact..Il affichera THE FRAME 1 dans FRAME 3 et se débarrassera de ce que j'avais dans FRAME 3. Ce qui n'est pas supposé être fait

Donc..J'ai quatre cadres. Le code de ces images est affiché ci-dessous. Donc, il affichera quatre différents cadres sur une page. L'image de celle-ci est également affichée.  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>

Maintenant c'est ce que je veux faire: 

Le volet 2 contient des hyperliens vers les informations de contact, les services, les heures d'ouverture et les descriptions de produits. Il doit y avoir au moins 3 liens vers les descriptions de produits.
Le volet 3 de la fenêtre du navigateur contient les pages décrivant les informations de contact, les services, les heures d’opération, auxquelles se rapportent les liens appropriés. 

Cadre 1 Code: 

<!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>

Frame 3 Code: 

<!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>

Donc, je veux faire est de Lier les informations de contact à l'image 3. Ainsi, lorsque vous cliquez sur CONTACT INFORMATION à partir de l'image 1..il doit ouvrir celle de l'image 3. Même chose pour les services. Une fois que les services ont été cliqués dans l'image 1 ... les services doivent s'afficher dans l'image 3. (Je dois encore faire la partie Services mais j'ai fait la partie Informations de contact). 

Le problème: Quand je l'exécute..et cliquez sur les informations de contact..Il ouvre le FRAME3 dans un nouvel onglet qui n'est pas ce que je dois faire. 

Oui, je sais que c'est énorme, mais aidez-moi avec ça. 

Je vous remercie. 

htmlanchorhrefframetarget
3
J patel

Dans les balises <frame> à l'intérieur de la balise <frameset>, vous devez utiliser l'attribut name pour les cadres, pas ID, comme ceci.

<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 = " ">

Ensuite, votre lien (à l'intérieur de frame1) devrait être comme ceci:

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

(P.S .: Si vous besoin un ID, vous pouvez utiliser les deux noms et ID

3
Johannes

Exécutez cet extrait!

<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