IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Onclick : changer le contenu par une variable


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Profil pro
    Inscrit en
    Juillet 2013
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 299
    Par défaut Onclick : changer le contenu par une variable
    Salut,
    j'ai essayé pas mal de choses, et les recherches n'aboutissent pas, je ne parviens pas à faire ce que je souhaite
    Je pense que c'est facile pourtant

    Je voudrais un bouton commandé en onclick par javascript qui permette au clique de changer la variable PHP qui affiche le contenu !

    J'ai fait un include d'une page contenant ne variable, cette variable contient le code de la page à un endroit donné. Lorsque je cliquerais sur le bouton, le contenu changerais instantanément grâce à un changement de variable !

    Sauriez-vous comment faire SVP ?
    Merci

  2. #2
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    voyons voir le truc

    tu fais une pas en php dans laquelle tu mets du code php

    ce code est exécuté sur le serveur et créé du HTML et du Javascript

    le code html et js est envoyé au client.

    le navigateur interprète le HTML et créé un DOM
    le navigateur parse le JS et attache les fonctions aux éléments du DOM

    l'utilisateur clique sur un élément
    le moteur javascript interprète le code sur le poste du client

    et ô chose étonnante le serveur ne fait rien de la variable


    ne pense tu pas qu'il y a quelque chose d'incohérent dans ta façon de faire ?

    A+JYT

  3. #3
    Membre très actif
    Profil pro
    Inscrit en
    Juillet 2013
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 299
    Par défaut
    Ha oui c'est juste... :/ merci

    Mais je peux faire un include de la page et l'afficher en javascript ? O.o je sais plus trop quoi faire là

    Parce que c'est la page profile.php qui contient du php qui est intégrée dans l'index.php et s'affiche dedans. Après j'aimerais que quand les utilisateurs cliquent et bien il y ai seulement un chargement de la boite de droite ou gauche selon sur ce qu'ils ont cliqué...

    Merci encore

  4. #4
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    En admettant que ce soit possible, si tu peux modifier le code situé sur le serveur depuis un navigateur quelque part dans le monde, cela va affecter tous les visiteurs de ton site. Je pense que ce n'est pas ce que tu veux.

    Tu as plusieurs pistes.

    1. Ta page index.php est une single-page app, c'est-à-dire que les utilisateurs restent toujours dessus, et les actions qu'ils font sont pilotées par JavaScript, sans rechargement de pages. Les communications avec le serveur se font par XMLHttpRequest (Ajax).
    Dans ce cas, tu dois récupérer le HTML généré par ton include avec une requête Ajax, et y injecter en JavaScript la variable dont nous parlons.
    Avec cette solution 1, la variable est une variable JavaScript, donc côté client.

    2. Ton site fonctionne de manière plus « classique » avec plusieurs pages qui communiquent entre eux par des liens ou des formulaires. Dans ce cas, une solution repose sur les variables de session. Là, c'est côté serveur que ça se passe. Tous tes scripts PHP devront commencer par session_start(); et tu utiliseras le tableau global $_SESSION. Ton bouton onclick enverra une requête au serveur (éventuellement un nouveau script PHP pour que les choses soient plus claires) pour changer notre variable.
    Avec cette solution 2, la variable est PHP, elle existe côté serveur.


    Comprendre le mur qui sépare les côtés serveur et client est, à mon avis, la chose la plus importante dans le développement Web. Ce n'est pas vraiment compliqué, mais il faut vraiment que tu domptes cette notion dans ta tête et que tu sois vraiment à l'aise avec elle, sinon ta consommation d'aspirine va grimper en flèche
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  5. #5
    Membre très actif
    Profil pro
    Inscrit en
    Juillet 2013
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 299
    Par défaut
    Salut, la solution 1 me parait très bien !
    tant que ça change le code manière fluide ^^ ça me va :p

    mais ce serait possible ou pas que pendant le changement de variable, la div qui contient le contenu (O.o) pivote ? Que lon voit la div pivoter ou bien se fermer et se rouvrir avec le nouveau contenu ?! merci

  6. #6
    Membre très actif
    Profil pro
    Inscrit en
    Juillet 2013
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 299
    Par défaut TUTO
    Vous connaissez des bons tuto pour la solution n°1 SVP ?

    Merci

Discussions similaires

  1. Réponses: 3
    Dernier message: 24/03/2011, 15h58
  2. Comment changer le contenu d'une variable globale ?
    Par touzack dans le forum Scheme
    Réponses: 3
    Dernier message: 04/05/2009, 14h51
  3. Réponses: 1
    Dernier message: 04/05/2009, 02h56
  4. Réponses: 1
    Dernier message: 01/11/2007, 19h14
  5. contenu d'une variable définit par une autre variable
    Par PuppeT mAsTer dans le forum Langage
    Réponses: 4
    Dernier message: 04/07/2006, 19h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo