Widget:NuageUsers : Différence entre versions

De fablabo
Aller à : navigation, rechercher
Ligne 24 : Ligne 24 :
  
 
<script >
 
<script >
 
+
var donnees;
 
//appel de la liste des utilisateurs
 
//appel de la liste des utilisateurs
 
$.getJSON("Sp%C3%A9cial:Ask/-5B-5BCategory:Utilisateur-5D-5D/-3F-23-2D/-3FTh%C3%A8me/limit%3D150/searchlabel%3D/format%3Djson",
 
$.getJSON("Sp%C3%A9cial:Ask/-5B-5BCategory:Utilisateur-5D-5D/-3F-23-2D/-3FTh%C3%A8me/limit%3D150/searchlabel%3D/format%3Djson",
 
   function(data) {
 
   function(data) {
 +
donnees=data;
 
     $.each(data.items, function(i,item){
 
     $.each(data.items, function(i,item){
 
        
 
        
Ligne 43 : Ligne 44 :
  
  
<script type="text/processing" target="processing-canvas-<!--{$nom|default:0}-->"><!--{$code}--></script>
+
<script type="text/processing" target="processing-canvas-nuage">
<canvas id="processing-canvas-<!--{$nom|default:0}-->"> </canvas>
+
void setup(){
 +
size(600,400);
 +
 
 +
 
 +
}
 +
 
 +
void draw(){
 +
 
 +
text(donnees[0].thème,100,100);
 +
 
 +
}
 +
 
 +
</script>
 +
<canvas id="processing-canvas-nuage"> </canvas>
 
<div id="debug"></div>
 
<div id="debug"></div>

Version du 12 décembre 2012 à 16:23

dessine un nuage des utilisateurs

(en cours de dev)


utile

JSON



<script src="extensions/processingjs/processing-1.3.6.min.js"></script>

<script > var donnees; //appel de la liste des utilisateurs $.getJSON("Sp%C3%A9cial:Ask/-5B-5BCategory:Utilisateur-5D-5D/-3F-23-2D/-3FTh%C3%A8me/limit%3D150/searchlabel%3D/format%3Djson",

 function(data) {

donnees=data;

   $.each(data.items, function(i,item){
     
    // L.marker([item.latt, item.long]).addTo(cartofab).bindPopup("<a href="+item.site+" target=\"_blank\">"+item.label+"</a>
"+item.intitulé+"
"+item.structures); alert( item.thème);


   });
document.getElementById("debug").innerHTML = "Il ya actuellement "+data.items.length+" utilisateurs renseignés sur cette page";
 });


</script>


<script type="text/processing" target="processing-canvas-nuage"> void setup(){ size(600,400);


}

void draw(){

text(donnees[0].thème,100,100);

}

</script> <canvas id="processing-canvas-nuage"> </canvas>