Besoin de conseil pour mon application

Fermé
ThomasCanal - 12 mars 2019 à 21:53
 tanka - 12 mars 2019 à 23:32
Bonjour à tous,

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 ?

Configuration: Windows / Chrome 72.0.3626.121

1 réponse

jordane45 Messages postés 38274 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 novembre 2024 4 696
12 mars 2019 à 22:01
Bonjour,

En quoi est codé le jeu ?

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

0
ThomasCanal
12 mars 2019 à 22:54
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 ?
0
jordane45 Messages postés 38274 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 novembre 2024 4 696 > ThomasCanal
12 mars 2019 à 23:14
Supprimer tout le code html actuel et créer celui de la "nouvelle" page ?

Oui
0
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).
0
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')
0