Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2660 connectés 

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

jqplot/php

n°2271563
pioupiou12​32
Posté le 14-12-2015 à 15:40:58  profilanswer
 

Bonjour j'ai réussi à balancer mes variables d'une bdd sur mon js, mais je n'arrive pas à acceder à ces variables.
 

Code :
  1. $(document).ready(  function()
  2.                     {
  4.                     $.ajax( {
  5.                             type: "GET",
  6.                             url: "situation_eleves.xml",
  7.                             dataType: "xml",
  8.                             success: function(xml) {
  10.                                     $(xml).find('eleves').each( function(){
  12.                                         var cdi = $(this).find('cdi').text();
  13.                                         var cdd = $(this).find('cdd').text();
  14.                                         var stage = $(this).find('stagiaire').text();
  18.                                     } );
  21.                                 }
  22.                             }
  23.                       );
  25.                     }
  26.                  );   
  32. $(document).ready(function(){
  33.      var s1 = [['CDD',15], ['CDI',16], ['FORMATION INGE',14]];
  35.        
  36.     var plot8 = $.jqplot('fromage1', [s1], {
  37.         grid: {
  38.             drawBorder: false,
  39.             drawGridlines: false,
  40.             background: '#ff00ff',
  41.             shadow:true
  42.         },
  43.         axesDefaults: {
  44.            
  45.         },
  46.         seriesDefaults:{
  47.             renderer:$.jqplot.PieRenderer,
  48.             rendererOptions: {
  49.                 showDataLabels: true
  50.             }
  51.         },
  52.         legend: {
  53.             show: true,
  54.             rendererOptions: {
  55.                 numberRows: 1
  56.             },
  57.             location: 's'
  58.         }
  59.     });
  60.  
  61. });


 
j'en ai besoin pour remplir mon graphique.
 
 var s1 = [['CDD',+cdd], ['CDI',+cdi], ['FORMATION INGE',+stage]];
 
comme cela .
 
J'ai essayé biensûr pas mla de méthodes pour essayer d'accéder à ces variable dans l'autre fonction mais pas moyen :) .


Message édité par pioupiou1232 le 14-12-2015 à 16:06:59
mood
Publicité
Posté le 14-12-2015 à 15:40:58  profilanswer
 

n°2271585
pioupiou12​32
Posté le 14-12-2015 à 19:19:35  profilanswer
 

Up, je crois que mon problème est solvable avec des return :) mais je n'ai pas l’occasion de tester.
 
Dite moi si je suis dans l'erreur ou pas si possible ?
 

n°2271591
SICKofitAL​L
misanthrope
Posté le 14-12-2015 à 22:48:52  profilanswer
 

je capte pas trop pourquoi tu recups tes datas via une requete ajax que tu déclenches au ready, et dans un autre ready tu dessines ton graph (si je ne me trompe pas). Pourquoi ne pas rendre ce dernier directement lorsque tu récups tes infos ?
un truc comme ca :

Code :
  1. var render = function(cdi, cdd, stage) {
  2. var s1 = [
  3.     ['CDD', cdi],
  4.     ['CDI', cdd],
  5.     ['FORMATION INGE', stage]
  6. ];
  8. var plot8 = $.jqplot('fromage1', [s1], {
  9.     grid: {
  10.         drawBorder: false,
  11.         drawGridlines: false,
  12.         background: '#ff00ff',
  13.         shadow: true
  14.     },
  15.     axesDefaults: {
  17.     },
  18.     seriesDefaults: {
  19.         renderer: $.jqplot.PieRenderer,
  20.         rendererOptions: {
  21.             showDataLabels: true
  22.         }
  23.     },
  24.     legend: {
  25.         show: true,
  26.         rendererOptions: {
  27.             numberRows: 1
  28.         },
  29.         location: 's'
  30.     }
  31. });
  32. });
  34. $(document).ready(function() {
  35.     $.ajax({
  36.         type: "GET",
  37.         url: "situation_eleves.xml",
  38.         dataType: "xml",
  39.         success: function(xml) {
  40.             $(xml).find('eleves').each(function() {
  41.                 var cdi = $(this).find('cdi').text();
  42.                 var cdd = $(this).find('cdd').text();
  43.                 var stage = $(this).find('stagiaire').text();
  44.                 render(cdi, cdd, stage);
  45.             });
  46.         }
  47.     });
  48. });


Message édité par SICKofitALL le 14-12-2015 à 22:51:28

---------------
We deserve everything that's coming...
n°2271607
pioupiou12​32
Posté le 15-12-2015 à 09:34:50  profilanswer
 

Merci ça fonctionne parfaitement! Je ne suis pas un expert en javascript c'est pour ça j'ai peut être fais des choses insensées.  
 
En revanche je ne comprend toujours pourquoi on ne peut pas agrandir le scope d'une variable au point de sortir de toute fonction en js.
 
 
Un grand merci à toi :).


Message édité par pioupiou1232 le 15-12-2015 à 09:35:14
n°2271616
SICKofitAL​L
misanthrope
Posté le 15-12-2015 à 11:22:25  profilanswer
 

En fait, si tu ne mets pas le mot clé "var" devant une variable en JS, elle est automatiquement considerée comme globale (ou du moins attachée à l'objet global "window" ).
Ceci est une mauvaise chose, car par exemple un autre script (à toi ou pas ...) peut écraser cette même variable. Cool pour débugger quoi ... ;)
 
Je te conseille de lire de le doc concernant la portée des variables en JS, plus complexes qu'il n'y parait.
 
Dans la function "render", pour être clean, on aurait dû donc passer jquery ("$" ) en tant que param.
Voilà voilà ...  [:neriki]  

Code :
  1. var
  2. render = function ($, cdi, cdd, stage)
  3.  {
  4.   var
  5.    s1 = [
  6.      ['CDD', cdi],
  7.      ['CDI', cdd],
  8.      ['FORMATION INGE', stage]
  9.     ],
  10.    plot8 = $.jqplot (
  11.       'fromage1',
  12.       [s1],
  13.       {
  14.        grid: {
  15.         drawBorder: false,
  16.         drawGridlines: false,
  17.         background: '#ff00ff',
  18.         shadow: true
  19.        },
  20.        axesDefaults: {},
  21.        seriesDefaults: {
  22.         renderer:   $.jqplot.PieRenderer,
  23.         rendererOptions: { showDataLabels: true }
  24.        },
  25.        legend: {
  26.         show:    true,
  27.         rendererOptions: { numberRows: 1 },
  28.         location:    's'
  29.        }
  30.       }
  31.      );
  32.  },
  34. handler = function ($)
  35.  {
  36.   $.ajax ({
  37.    type: "GET",
  38.    url: "situation_eleves.xml",
  39.    dataType:"xml",
  40.    success: function (xml)
  41.     {
  42.      $(xml).find ('eleves').each (function ()
  43.       {
  44.        var
  45.         $this = $(this),
  46.         cdi = $this.find ('cdi').text (),
  47.         cdd = $this.find ('cdd').text (),
  48.         stage = $this.find ('stagiaire').text ();
  50.        render($, cdi, cdd, stage);
  51.       });
  52.     }
  53.   });
  54.  };
  56. jQuery (document).ready (handler);



---------------
We deserve everything that's coming...
n°2271637
pioupiou12​32
Posté le 15-12-2015 à 14:37:25  profilanswer
 

Encore merci, je vais lire cette doc quand j'aurai un peu plus le temps.
;)


Aller à :
Ajouter une réponse
 

Sujets relatifs
Graphisme en jqplot 
Plus de sujets relatifs à : jqplot/php

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.101 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR