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