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

jQuery Discussion :

Adapter un code jQuery en JSON


Sujet :

jQuery

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Lycéen
    Inscrit en
    Mai 2019
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Doubs (Franche Comté)

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Mai 2019
    Messages : 2
    Points : 1
    Points
    1
    Par défaut Adapter un code jQuery en JSON
    Bonjour,
    Voilà je débute un projet qu'un professeur m'a donné :
    Je dois pouvoir adapter le code jQuery (si joint) en un format JSON. Hélas je suis vraiment débutant en langage informatique donc je ne comprend pas grand chose. (C'est mon premier sujet sur ce forum, il ce peut alors que je me sois trompé de catégorie merci de me réorienter si jamais .)

    J'ai commencé par décortiquer le code afin de le comprendre mais je reste bloqué.

    Merci, tout coup de main sera le bienvenu


    Nom : code interface.png
Affichages : 200
Taille : 59,7 Ko
    Dans ce code nous pouvons retrouver les fonctions animer et envoyer, ce sont celle ci que mon professeur me demande d'adapter.
    Nom : code index.PNG
Affichages : 186
Taille : 30,5 Ko
    Ici ce trouve le code qui devrait me servir d'exemple pour pouvoir y adapter mon code précédant.

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 412
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 412
    Points : 4 854
    Points
    4 854
    Par défaut
    Salut,
    C'est du nodejs et socket.io, voilà un lien qui pourrait t'aider

    Pour émettre un événement à la socket.io tu dois utiliser .emit, mais avant tout ça il faut d'abord écrire correctement le fichier serveur.js, puis t'y connecter en utilisant l'invite de commande sous windows, sous xampp c'est comme ça qu'on se connecte via l'invite de commande :
    Code nodejs : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    cd xampp/htdocs/nom_dossier_de_ton_projet && node serveur.js

    Par exemple pour émettre un événement "connect" lorsqu'un utilisateur se connecte à la socket :
    côté client :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    $(document).ready(function(){
    var path='chemin_de_ton_projet'
      ,IO
      ,path=$(location).attr('href').toLowerCase().indexOf('nom_dossier_de_ton_projet')
      ,host=window.location.host
      ,socket_path=path.substr(0,path.indexOf(host)+host.length)+':8888/nom_dossier_de_ton_projet';
      $.getScript(path+"/node_modules/socket.io-client/socket.io.js",function(){
    	IO=io.connect(socket_path); 
    	IO.on('connect',function(){
            IO.emit('connect',{user:"utilisateur1",message:"l'utilisateur : \"utilisateur1\" vient de se connecter."});//émettre l'événement "connect" à la socket.io
            });
      });
    });
    côté serveur : Tu prépare ses instructions dans la fonction global de ton serveur.js :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    io.of('http://192.168.10.135').on('connect', function (socket) {//au moment de la connexion à la socket
        socket.on("connect",function(data){console.log('connect user:'+data.user+', message :'+data.message);});
        //si tout va bien, tu verra cette console.log dans l\'invite de commande.
    });

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    Lycéen
    Inscrit en
    Mai 2019
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Doubs (Franche Comté)

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Mai 2019
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    Bonjour,
    Merci beaucoup ! pour votre réponse rapide et complète.
    Je suis aller voir votre lien et oui cela ressemble beaucoup à la résolution de mon problème.

    Tout de même mon professeur m'avait quand même parlé du fait d'utiliser la fonction sock.send... Comme il s'agira de bouton à cocher (du côté interface client)

    J'essaie cette après-midi de tester quand même en socket.io, et je reviens si jamais j'ai des difficultés.

    Merci d'avoir pris le temps de m'aider, et je vous souhaite une agréable journée.

Discussions similaires

  1. Code javascript utilisant json, jquery et css
    Par MarilenaF66 dans le forum jQuery
    Réponses: 5
    Dernier message: 22/01/2019, 21h44
  2. fade color using jquery : adapter le code
    Par knebhi dans le forum jQuery
    Réponses: 1
    Dernier message: 12/01/2010, 11h46
  3. [débutant] Pb adaptation de code VBA
    Par delphineleclerc1 dans le forum Access
    Réponses: 9
    Dernier message: 28/02/2006, 12h58
  4. Réponses: 22
    Dernier message: 06/10/2005, 10h53
  5. [VBA Excel Word]Adapter un code Excel a Word
    Par Baxter67 dans le forum VBA Word
    Réponses: 4
    Dernier message: 08/08/2005, 23h43

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