Discussion :

[Nick_Rivers]

Bonjour,

à partir de ma bdd j'essaye de constituer un objet JS pour par la suite l'utiliser dans un tableau :

je m'explique :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
var data = 
    { 
       	"mbre_crea":<?php echo '1320';?>,
       	"offre": <?php echo '50'; ?>,
		"date_heure" : {
        	<?php 
                        $cpt = 0;       
                $sql = "SELECT DATE_FORMAT(duree, '%Y-%m-%d') as ma_date,
                                DATE_FORMAT(duree, '%H:%i') AS mon_heure
                                FROM evenement_n";      
                $res = send_sql('mum_module',$sql)or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
                
                while($data = mysql_fetch_assoc($res)) 
                        {
                                $d = $data['ma_date'];
                                $h = $data['mon_heure'];
                                if($cpt!=0) { echo ','; }
                                                                
                        ?>	
			"<?php echo $d; ?>":{
				"date_jour" :"<?php echo $d; ?>",
				"heures_jour" :"<?php echo $h; ?>"
			}
		<?php
                        $cpt++;
                        }
                ?> 
    }     
};

quand j'affiche ma source j'obtiens bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
        var data = 
		{ 
       	"mbre_crea":1320,
       	"offre": 50,
		"date_heure" : {
 
			"2010-03-16":{
				"date_jour" :"2010-03-16",
				"heures_jour" :"10:00"
			}
		,	
			"2010-03-17":{
				"date_jour" :"2010-03-17",
				"heures_jour" :"12:00"
			}
		,	
			"2010-03-19":{
				"date_jour" :"2010-03-19",
				"heures_jour" :"15:00"
			}
		,	
			"2010-03-25":{
				"date_jour" :"2010-03-25",
				"heures_jour" :"08:30"
			}
 
    }     
};

mais je ne suis pas sûr de la forme de celui-ci

il faut que je puisse interpréter les données dans mes boucles qui constitue mon tableau dans ce genre la :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 
if(cell.le_jour == '2010-3-23' & tes_heures[j-1] == '11:30'){
	cell.className = "cellule_check";
 
} else {
	cell.className = "cellule_";
}

Merci

[SpaceFrog]

il faut que ton php génère le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
{ 
       	mbre_crea:1320,
       	offre: 50,
		date_heure : {
 
			"2010-03-16":{
				date_jour :"2010-03-16",
				heures_jour :"10:00"
			}
		,	
			"2010-03-17":{
				date_jour :"2010-03-17",
				heures_jour :"12:00"
			}
		,	
			"2010-03-19":{
				date_jour :"2010-03-19",
				heures_jour :"15:00"
			}
		,	
			"2010-03-25":{
				date_jour :"2010-03-25",
				"heures_jour" :"08:30"
			}
 
    }     
}

puis coté js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var data= eval( '('+le_string_json+')')

par contre je ne vois pas l'utilité de date_jour... ni de heur_jour du coup ^^

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

{ ...,"2010-03-25":"08:30", ..}

suffirait...
mais peut être as tu des impératifs que je ne connais pas

[Nick_Rivers]

par contre je ne vois pas l'utilité de date_jour... ni de heur_jour du coup ^^

bien c'était pour avoir deux propriétés ?

pour que ma boucle test la condition ci-dessus :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
for(var i = 0; i < 6; i++) {
               cell = document.createElement("td");
 
...
 
if(cell.le_jour == data.date_jour[i] & tes_heures[j-1] == data.heures_jour[i]){
	cell.className = "cellule_check";
 
} else {
	cell.className = "cellule_";
}
 
}

enfin je pensais à quelque chose du genre

en fait parcourir l'ensemble de l'objet, tester la date et l'heure et le signaler par un changement de couleur de cellule dans le tableau

[emmanuel.remy]

Salut,

Pour rebondir sur ce qu'écrit SpaceFrog: le eval est fait quand on souhaite manipuler une chaine au format JSON, par exemple en réponse à une requête AJAX. Or toi tu es dans le cas général de la génération de ta page HTML et de son code javascript ce qui est un peu différent. Tu n'as techniquement pas besoin de faire cet eval. D'un autre côté l'aspect pratique voudrait que tu utilises la fonction PHP json_encode ce qui t'éviterait de réinventer la roue de JSON...

L'accès à tes valeurs est différent; étant tu les nommes en utilisant parfois un caractère qui ne sont pas valables (-), tu devras faire:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 alert(data.mbre_crea);
alert(data.date_heure["2010-03-17"].date_jour);

.

Enfin attention à ce code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(cell.le_jour == data.date_jour[i] & tes_heures[j-1] == data.heures_jour[i]){

il faut inscrire && et pas &


ERE

[Nick_Rivers]

bonjour,

merci de ta réponse


Donc si je comprends bien il faudrait que j'encode en Json le résultat de ma requête

soit créer un tableau associatif et ensuite l'encoder ?

et ensuite traiter cette chaine

autrement d'accord

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(data.date_heure["2010-03-17"].date_jour);

mais je dois zapper quelque chose pour l'utiliser dans ma boucle et ainsi récupérer toute les dates et heures

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(data.date_heure[i].date_jour);

en fait c'est surtout comment "parcourir" cet objet ici j'ai une clé sous forme de caractère exact ?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
var data={ 
       	mbre_crea:1320,
       	offre: 50,
			date_heure : {
        		"2010-03-16":"10:00",
				"2010-03-17":"12:00",
				"2010-03-19":"15:00"	,	
				"2010-03-25":"08:30"
			}
 
    	}     
 
contenu=""
for (elt in data.date_heure){
    contenu += elt +"\t=>" + data.date_heure[elt] +'\n';
    }
 alert (contenu)   
</script>