Bonjour tout le monde, me voila avec un petit soucis dans mon script jQuery. Le voici :
Avec le php :
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 (function($){ var active = false; $(function(){ window.onhashchange = function(){ if(window.location.hash.indexOf('graph-') < 0){ return true; } var graph = $(window.location.hash); if(graph.length < 1 || graph.hasClass('active')){ return true; } var detail = graph.parent().nextAll('.row-detail:first'); console.log(detail); var graph_detail = $('.work-detail', graph).clone(); var showElement = function(){ detail.append(graph_detail); graph_detail.slideDown(); active = graph_detail; } var hideActive = function(){ var el = active; el.slideUp(500, function(){ el.remove(); }); } $('.graph').removeClass('active'); graph.addClass('active'); if(active){ hideActive(); } showElement(); } $('.graph').click(function(e){ e.preventDefault(); window.location.hash = $(this).attr('id'); }); window.onhashchange(); }); var scrollTo = function(cible){ $('html, body').animate({scrollTop: cible.offset().top}, 750); } })(jQuery);
Code php : 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 <?php include('source/header.php'); include('source/db.php'); ?> <?php $compteur = 0; $req = $pdo->query("SELECT DISTINCT Line_nb as ct FROM dbo.Data"); while($res = $req->fetch()){ $compteur++; } ?> <div class="container graphique" id="compteur" data-id="<?= $compteur ?>"> <div class="row"> <?php for($i = 0; $i < $compteur; $i++): ?> <div class="col s6 m6 l6 graph" id="graph-<?= $i ?>"> <div class="chartContainer" id="chartContainer<?= $i ?>" style="height: 300px; width: 100%;"></div> <div class="work_detail"> <div class="row"> <div class="col s12 m12 l12"> <div class="chartContainer" id="chartContainer<?= $i ?>" style="height: 300px; width: 100%;"></div> </div> </div> </div> </div> <div class="row-detail"></div> <?php endfor; ?> </div> </div> <?php include('source/footer.php'); ?>
Enfait le soucis c'est que lors du click sur la div graph, aucune action ne se passe, la div work_detail ne se remplit pas.
Merci de votre aide par avance
Partager