IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

lien qui cible un cadre


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    266
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 266
    Par défaut lien qui cible un cadre
    Bonjour.

    J ai donc ma page css avec un <div class="menu"> et un <div class="contenu">
    Et j aimerais que les liens du menu fassent apparaitre leur contenu dans la div contenu..
    Dois je proceder avec un target= ... ou autre chose.

    merci

  2. #2
    Membre éprouvé Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Par défaut Solution Ajax?
    Haaaa pour charger dynamiquement le contenu d'un DIV moi je passe par AJAX.
    Je spécifie des ID pour mes divs du genre

    <div class="menu" id="id_menu">
    <a href="javascript:charge_div('menu1')">menu 1 </a>
    </div>
    <div class="contenu" id="id_contenu"></div>

    La fonction charge_div() javascript fonctionne avec la fonction XHRConnection(), une procédure AJAX.
    http://xhrconnection.sutekidane.net/
    Et tu auras une tonne de sources sur le forum javascript de developpez.com.

    Il y a d'autre solution mais je trouve que celle-ci est très efficace notamment si ton menu est stocké en base de donnée.

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    266
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 266
    Par défaut reformulation
    Desole tout le monde,

    Je me suis peut etre mal exprime... reformulons.

    Une page: 2 div, une contenu, une menu

    Jai donc un menu dans une div class="menu", et lorsqu un utilisateur clique sur un des liens de ce menu; il faudrait qu au lieu que la page cible s affiche dans une autre fenetre, je voudrais qu elle s affiche dans ma div class="contenu"

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    266
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 266
    Par défaut merci
    oui en fait je connais cette methode mais il n y en a pas une comme mettre un du genre target="class(contenu)" dans les balises <a ...

  5. #5
    Membre éprouvé Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Par défaut non
    Citation Envoyé par BernardT
    oui en fait je connais cette methode mais il n y en a pas une comme mettre un du genre target="class(contenu)" dans les balises <a ...
    Non pas moyen de faire cela.
    Ou bien tu optes pour une solution PHP qui rechargera ta page et donc tout le contenu de ta page comme il te plaira (en ne changeant que le contenu de ton div pour faire comme si il s'était chargé).
    Ou bien tu tentes AJAX...(pas si compliqué que ça)

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 206
    Par défaut
    Le code de ma première réponse réponde à ta question.

    Mon site web est comme toi et j'utilise le PHP pour le faire et ca marche très bien.

    Gailup.

  7. #7
    Membre éprouvé Avatar de speedev
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2006
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 051
    Par défaut Relis
    Ouais j'ai compris personnellement lol, ce que je te propose est une solution.
    La solution php de gailup par contre va recharger ta page.
    Moi je te propose AJAX qui rechargera ton div uniquement, sans aucun rechargement de page. Mais faut toucher un peu en javascript

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 206
    Par défaut
    Tu pe le faire en PHP :

    Ce code est à mettre dans ton contenu :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
     
    <?php
    //Ceci permet de récupérer le nom après le index.php?page=
    if (!isset($_GET['page'])) $nompage= 'accueil'; else $nompage= $_GET['page'];
    //Selon la variable ouvrir le fichier ...
    switch($nompage)
    {
    case 'accueil': include ('accueil.html');break;
    case 'articles': include ('articles.html');break;
    case 'citations':include ('citations.html');break;
    case 'conference':include ('conference.html');break;
    case 'communiques':include ('communiques.html');break;
    case 'contact':include ('contact.html');break;
    case 'cooperation':include ('cooperation.html');break;
    case 'cooperationES':include ('cooperationES.html');break;
    case 'cv':include ('cv.html');break;
    case 'encadrement':include ('encadrement.html');break;
    case 'enseignement':include ('enseignement.html');break;
    case 'liens':include ('liens.html');break;
    case 'lieux':include ('lieux.html');break;
    case 'livres':include ('livres.html');break;
    case 'service':include ('service.html');break;
    case 'themes':include ('themes.html');break;
    case 'ICL08lyon':include ('ICL08lyon.html');break;
    default : include ('accueil.html');
    }
    Et ton ton menu tes liens doivent être du type :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <a href="index.php?page=accueil"></a>
    <a href="index.php?page=articles"></a>
    <a href="index.php?page=citations"></a>
    etc...
    Gailup.

Discussions similaires

  1. Réponses: 7
    Dernier message: 12/07/2011, 16h38
  2. lien qui a pour cible un div
    Par solawe dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 24/04/2007, 22h52
  3. CSS : un lien qui prend toute une ligne d'un tableau.
    Par pmithrandir dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 20/04/2005, 16h52
  4. Réponses: 3
    Dernier message: 01/12/2003, 13h14
  5. lien vers un différent cadre
    Par FLB dans le forum Flash
    Réponses: 2
    Dernier message: 21/07/2003, 17h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo