Site web avec javascript
MasterH
-
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 .
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 .
A voir également:
- Site web avec javascript
- Site comme coco - Accueil - Réseaux sociaux
- Création site web - Guide
- Site de telechargement - Accueil - Outils
- Web office - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
2 réponses
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 :
fichier1.html (par exemple)
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
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>
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>
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)
- 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
et le deuxième je le ferais avec de l'AJAX .( dans ce cas je te renvoie au forum sur le JAVASCRIPT)
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 )
Mais ... heu....C'est déjà là qu'on est ....
Et si tu avais lu la question correctement
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 )