Site web avec javascript

MasterH -  
 MasterH -
Bonsoir j'aimerais savoir comment pourrais-je faire avec les différents lien que je possède pour ne pas avoir à créer différentes pages pour chaque lien .

Un ami m'a dit que je pouvais faire apparaître tous les liens sur une seule page grâce à javascript , je voulais savoir comment je dois faire ça .

2 réponses

  1. forum92 Messages postés 226 Statut Membre 133
     
    Bonjour,

    Peux tu être plus précis .
    Quel sont tes liens ?
    Qu'entends tu par "sur une seule page" ?
    0
    1. MasterH
       
      Par exemple dans un menu déroulant (quand on clique sur un lien il envoie dans un autre page)
      et dans le menu déroulant que j'aimerais crée (quand on clique sur le lien je veux que le lien afficher seulement ces informations sur la page et de même quand je clique sur un autre lien ces informations doivent s'affiche sur seulement la page sans que les informations des autres liens ne s'affiche)
      0
    2. forum92 Messages postés 226 Statut Membre 133
       
      en gros tu veux une ancre ?
      0
    3. MasterH
       
      Est-ce une ancre peut m'aider à faire ce que je veux , si oui je suis disposé connaitre les démarches.
      0
    4. forum92 Messages postés 226 Statut Membre 133
       
      je sais pas si ce que tu veux c'est :
      - lorsque tu cliques sur un lien cela te renvoie plus bas dans la page => c'est une ancre
      - lorsque tu cliques sur un lien tu change le contenu à la volé en fonction du lien cliqué : ex :
      lien 1 => afficher 'blabla'
      lien 2 => afficher ' blibli'


      L'ancre se fait en HTML
       <a href="#lien1">lien1</a>
      ...
      
      <p id="lien1"> truc à  afficher</p>



      et le deuxième je le ferais avec de l'AJAX .( dans ce cas je te renvoie au forum sur le JAVASCRIPT)
      0
    5. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832 > forum92 Messages postés 226 Statut Membre
       

      et le deuxième je le ferais avec de l'AJAX .

      C'est ce à quoi sert la fonction load .... (voir ma réponse ici : https://forums.commentcamarche.net/forum/affich-35271129-site-web-avec-javascript#4 )
      ( dans ce cas je te renvoie au forum sur le JAVASCRIPT)

      Mais ... heu....C'est déjà là qu'on est ....

      Et si tu avais lu la question correctement
      quand on clique sur le lien je veux que le lien afficher seulement ces informations sur la page et de même quand je clique sur un autre lien ces informations doivent s'affiche sur seulement la page sans que les informations des autres liens ne s'affiche)

      Tu aurais pu en conclure que les ancres ne sont pas la réponse attendue....
      Même si c'est certainement plus simple, pour un néo-fi,t que de mettre en place de l'ajax (via load )
      0
  2. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
     
    Bonjour,

    Tu veux charger "dynamiquement" le contenu de tes différents fichiers HTML sans changer de page ?
    Tu peux, dans ce cas, utiliser jquery load

    par exemple :
     <div id="container">
      <!-- Div qui contiendra le contenu de tes pages à charger -->
     </div>
    

    $("#container").load("fichier1.html");
    


    fichier1.html (par exemple)
    <div>
      <h1>ceci est un exemple</h1>
    </div>
    


    Bien entendu, il te faut charger jquery sur ton site
    Tu peux le trouver ici : https://code.jquery.com/jquery-3.3.1.min.js
    Et, une fois le fichier JS enregistré dans l'arborescence de ton site, tu pourras l'inclure à ta page
    <script src="chemin/vers/ton/fichier/jquery-3.3.1.min.js"></script>
    


    NB: Tes différentes pages à "charger" ne devrons contenir que du "contenu". Pas de balise head ni les balises body, ni les balises <html></html>

    0
    1. MasterH
       
      Merci jordane45 ,je vais essayer ta proposition, s'il me convient je vais la garder
      0