Javascript et php

**headmax** · 06/08/2013, 00h51

Envoyé par Madusa

j'avais mal copié coller

le schéma est bon
mais pourquoi ça n'affiche pas de tableau?

Tu as fait les tests que je t'aient demandé en JS? voir POST précédent.

**headmax** · 06/08/2013, 00h52

Envoyé par headmax

Investigation du code JS :

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
 
 
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "date" },
    { field: "name" },
	{ field: "desc" },
	{ field: "location" }
  ],
 groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true
                        },
});
 
//on declare une variable et on affecte le code PHP
var data_set = <?php echo $data_set; ?>;
//on controle le schéma js
console.log(data_set);
//on verifie le type de donnée js
console.log(typeOf(data_set));
 
var dataSource = new kendo.data.DataSource(data_set);
 
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
</script>

**Madusa** · 06/08/2013, 00h53

J'avais enlevé tout les /n...
Mais ne tu avais aucune erreur c juste moi qui avait oublié le '

**headmax** · 06/08/2013, 00h55

Tu as firebug sur ton navigateur?

**Madusa** · 06/08/2013, 00h58

oui j'ai fais l'investigation en JS, rien de s'affiche

**headmax** · 06/08/2013, 00h58

Pour aller plus vite sur l'investigation de ton problème as tu une page accessible sur le web concernant ton dev?

**headmax** · 06/08/2013, 01h00

Met en haut de ta balise <script>

Code :

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

1
2
 
console.log("Plop");

**Madusa** · 06/08/2013, 01h00

malheureusement,je suis sur le local

**headmax** · 06/08/2013, 01h02

Ok dans ce cas remplace tout les console.log( par des alert(
dans la partie JS

**Madusa** · 06/08/2013, 01h03

Code :

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

1
2
3
<script>
console.log("Plop");
$("#grid").kendoGrid({...

toujours rien ...

**headmax** · 06/08/2013, 01h04

Si tu ne voit aucune alert c'est que tu as un problème de chargement de ton script JS.

**Madusa** · 06/08/2013, 01h05

rien ...

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
 
<head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>
<body>
<?php include("menu.php"); ?>
 
<?php include("connexionbdd.php"); // query for the definition, type of this problem
?>
<?php 
 
$sql_pb="SELECT * from problem where id_Pb=1";
$res_pb=mysql_query($sql_pb);
$rows_pb=mysql_fetch_assoc($res_pb);
 
 
?></br></br></br></br>Definition:   <?php echo $rows_pb['def_Pb'];
$var=$rows_pb['id_Pb_Type']
 
 ?> </br></br>
 <script src="people.js"></script>
 
        <div id="example" class="k-content">
            <div id="clientsDb">
 
                <div id="grid" style="height:580px"></div>
 
            </div>
 
            <style scoped>
                #clientsDb {
                    width: 892px;
 
                    margin: 40px auto;
                    padding:2px 4px 0 4px;
 
                }
            </style>
            <div id="grid"></div>
<div id="grid"></div>
<?php 
$sql_inc="SELECT tb_i.id_Inc,tb_i.id_Pb,tb_i.name_Inc,tb_i.desc_Inc,tb_i.date_Inc,tb_i.id_Loc FROM incident tb_i LEFT JOIN location tb_l  ON tb_i.id_Loc = tb_l.id_Loc where tb_i.id_Pb=1 ORDER BY tb_i.date_Inc DESC LIMIT 5 ";
 
$res_inc=mysql_query($sql_inc);
 
while($rows_inc=mysql_fetch_assoc($res_inc)){
;
$data_set = "{";
$data_set .=  "data: [";
$data_set .=   "{";
$data_set .=     "date:'"     . $rows_inc['date_Inc'] . "',";
$data_set .=     "name:'"     . $rows_inc['name_Inc'] . "',";
$data_set .=     "desc:'"     . $rows_inc['desc_Inc'] . "',";
$data_set .=     "location:'" . $rows_inc['id_Loc']   . "'";
$data_set .=   "}";
$data_set .=         "]";
$data_set .= "}";
 
}
?>
 
 
<script>
alert("Plop");
$("#grid").kendoGrid({
  columns: [
    { field: "date" },
    { field: "name" },
	{ field: "desc" },
	{ field: "location" }
  ],
 groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true
                        },
});
 
//on declare une variable et on affecte le code PHP
var data_set = <?php echo $data_set; ?>;
//on controle le schéma js
alert(data_set);
//on verifie le type de donnée js
alert(typeOf(data_set));
 
var dataSource = new kendo.data.DataSource(data_set);
 
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
</script>
        </div>
 
 
</body>
</html>

**headmax** · 06/08/2013, 01h06

Met ta balise script juste avant la fin de body :

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
 
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "date" },
    { field: "name" },
	{ field: "desc" },
	{ field: "location" }
  ],
 groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true
                        },
});
 
//on declare une variable et on affecte le code PHP
var data_set = <?php echo $data_set; ?>;
//on controle le schéma js
console.log(data_set);
//on verifie le type de donnée js
console.log(typeOf(data_set));
 
var dataSource = new kendo.data.DataSource(data_set);
 
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
</script>
</body>

**Madusa** · 06/08/2013, 01h08

il était déja à la fin comme ceci :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
 
<head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>
<body>
<?php include("menu.php"); ?>
 
<?php include("connexionbdd.php"); // query for the definition, type of this problem
?>
<?php 
 
$sql_pb="SELECT * from problem where id_Pb=1";
$res_pb=mysql_query($sql_pb);
$rows_pb=mysql_fetch_assoc($res_pb);
 
 
?></br></br></br></br>Definition:   <?php echo $rows_pb['def_Pb'];
$var=$rows_pb['id_Pb_Type']
 
 ?> </br></br>
 <script src="people.js"></script>
 
        <div id="example" class="k-content">
            <div id="clientsDb">
 
                <div id="grid" style="height:580px"></div>
 
            </div>
 
            <style scoped>
                #clientsDb {
                    width: 892px;
 
                    margin: 40px auto;
                    padding:2px 4px 0 4px;
 
                }
            </style>
            <div id="grid"></div>
<div id="grid"></div>
<?php 
$sql_inc="SELECT tb_i.id_Inc,tb_i.id_Pb,tb_i.name_Inc,tb_i.desc_Inc,tb_i.date_Inc,tb_i.id_Loc FROM incident tb_i LEFT JOIN location tb_l  ON tb_i.id_Loc = tb_l.id_Loc where tb_i.id_Pb=1 ORDER BY tb_i.date_Inc DESC LIMIT 5 ";
 
$res_inc=mysql_query($sql_inc);
 
while($rows_inc=mysql_fetch_assoc($res_inc)){
;
$data_set = "{";
$data_set .=  "data: [";
$data_set .=   "{";
$data_set .=     "date:'"     . $rows_inc['date_Inc'] . "',";
$data_set .=     "name:'"     . $rows_inc['name_Inc'] . "',";
$data_set .=     "desc:'"     . $rows_inc['desc_Inc'] . "',";
$data_set .=     "location:'" . $rows_inc['id_Loc']   . "'";
$data_set .=   "}";
$data_set .=         "]";
$data_set .= "}";
 
}
?>
 
 
<script>
alert("Plop");
$("#grid").kendoGrid({
  columns: [
    { field: "date" },
    { field: "name" },
	{ field: "desc" },
	{ field: "location" }
  ],
 groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true
                        },
});
 
//on declare une variable et on affecte le code PHP
var data_set = <?php echo $data_set; ?>;
//on controle le schéma js
alert(data_set);
//on verifie le type de donnée js
alert(typeOf(data_set));
 
var dataSource = new kendo.data.DataSource(data_set);
 
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
</script>
        </div>
 
 
</body>
</html>

**headmax** · 06/08/2013, 01h10

Tes fichier JS dont dépend ton script sont bien chargé (firebug reseau) ?
Par exemple : js/kendo.all.min.js

**Madusa** · 06/08/2013, 01h12

Code :

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

1
2
3
4
5
6
7
8
9
<html>
 
<head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>

Oui, car ça marchai quand je fesai un tableau avec ceci mais avec des valeurs que je rentre moi même

**headmax** · 06/08/2013, 01h15

c'était quoi le schéma par défaut de dataSource

**Madusa** · 06/08/2013, 01h19

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
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
      { name: "Jane Doe", age: 30 }
  ]
});
var dataSource = new kendo.data.DataSource({
  data: [
    { name: "John Doe", age: 33 }
  ]
});
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);
</script>

**headmax** · 06/08/2013, 01h19

Fait ceci et regarde dans firebug aussi :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
<script>
alert("plop");
console.log("plop");
</script>
</head>

**Madusa** · 06/08/2013, 01h21

j'ai reçu une aler plop

Javascript et php

JavaScript

Discussions similaires

Partager

Partager