J'entame mon projet de fin de deuxième année de BTS et j'aurais besoin d'aide car je débute dans le web.
Mon rôle dans le groupe est d’intégrer des applications à un site.
Dans mes appli il y aura un menu principal qui proposera d'entamer une "partie", voir les scores, ou quitter.
J'avais commencé par créer une page pour chaque possibilité (menu, entamer, ..) et faire des lien entre chacune d'entre elle mais j'ai cru comprendre qu'avec javascript je pouvais me passer de lien et que je pouvais tout faire dynamiquement sur une seule page.
Mais je ne comprends pas comment changer toute une page dynamiquement, du genre passer du menu au "jeu".
Si c'est bien possible, pourriez vous m'expliquer comment faire ou m'indiquer un bon tutoriel ?
Si javascript... et bien.. il suffit d'utiliser du onclick pour attacher les fonctions au "bouton" de ton choix
Si en langage serveur (tel que du php) il faudra utiliser de l'ajax
ThomasCanal
C'est bien en javascript, mais comment faire pour passer d'une "page" à une autre en utilisant réellement qu'une seule page ? Je sais pas si c'est compréhensible.
J'ai bien compris que l'événement etait un onclick mais que doit faire la fonction associée ? Supprimer tout le code html actuel et créer celui de la "nouvelle" page ?
Supprimer tout le code html actuel et créer celui de la "nouvelle" page ?
Oui
tanka
Salut,
JavaScript permet de modifier le HTML et CSS à volonté, ainsi que le contenus.
Assurez vous avant tout d'être au point en HTML et CSS tout d'abord.
Ensuite JavaScript intervient pour l'interactivité par exemple:
https://www.w3schools.com/jsref/prop_html_innerhtml.asp
Ici pour l'exemple le clic est géré par l'attribut onclick mais c'est nettement mieux en utilisant addEventListener car cela sépare les 2 et rend chacun indépendant (et plus clair à voir et modifier).
tanka
pour créer puis ajouter du contenu:
https://developer.mozilla.org/fr/docs/Web/API/Node/appendChild
et pour enlever on peut utiliser elementParent.removeChild(elementA_Enlever)
ou elementParent et elementA_Enlever sont les éléments(objets JavaScript) qui doivent être sélectionnes voir par ex: document.getElementById('id_element')
J'ai bien compris que l'événement etait un onclick mais que doit faire la fonction associée ? Supprimer tout le code html actuel et créer celui de la "nouvelle" page ?
Oui
JavaScript permet de modifier le HTML et CSS à volonté, ainsi que le contenus.
Assurez vous avant tout d'être au point en HTML et CSS tout d'abord.
Ensuite JavaScript intervient pour l'interactivité par exemple:
https://www.w3schools.com/jsref/prop_html_innerhtml.asp
Ici pour l'exemple le clic est géré par l'attribut onclick mais c'est nettement mieux en utilisant addEventListener car cela sépare les 2 et rend chacun indépendant (et plus clair à voir et modifier).
https://developer.mozilla.org/fr/docs/Web/API/Node/appendChild
et pour enlever on peut utiliser elementParent.removeChild(elementA_Enlever)
ou elementParent et elementA_Enlever sont les éléments(objets JavaScript) qui doivent être sélectionnes voir par ex: document.getElementById('id_element')