Menu

Besoin de conseil pour mon application

- - Dernière réponse :  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
Afficher la suite 

Votre réponse

1 réponse

Messages postés
25042
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
25 mars 2019
1914
0
Merci
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

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 ?
jordane45
Messages postés
25042
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
25 mars 2019
1914 > ThomasCanal -
Supprimer tout le code html actuel et créer celui de la "nouvelle" page ?

Oui
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).
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')
Commenter la réponse de jordane45