$_SESSIONS en Jquery
Nu wil ik een popup (#dialog) laten tonen en daarin de records uit de database tonen die overeenkomen met $_SESSION['id]. Op dit moment met onderstaande code wordt de sessie pas echt geupdate bij een harde browser refresh. Als ik daarna op de button (#opener) klik gaat het goed en heb ik de juiste benodigde aantal waardes in $_SESSION['id']. Als ik geen refresh doe dan gaat het verkeerd en ziet hij er geen of een onjuist aantal.
Hoe kan ik dit het beste aanpakken?
Code (php)
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
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
<?php
<script>
$(document).ready(function($) {
$('.markevent').click(function(e) {
var id = $(this).data('id');
$.ajax({
url: 'markevent.php',
data: {id: id},
dataType: 'json',
success: function(data) {
data = eval(data);
var id = data[0];
var div = $('div[data-id="' + id +'"]');
div.addClass('marked');
div.removeClass('unmarked');
$("#count").fadeOut("fast");
$("#count").fadeIn("slow");
displayCounter();
},
});
});
$('.unmarkevent').click(function(e) {
var id = $(this).data('id');
$.ajax({
url: 'unmarkevent.php',
data: {id: id},
dataType: 'json',
success: function(data) {
data = eval(data);
var id = data[0];
var div = $('div[data-id="' + id +'"]');
div.addClass('unmarked');
div.removeClass('marked');
$("#count").fadeOut("fast")
$("#count").fadeIn("slow");
displayCounter();
},
});
});
function displayCounter(){
$.ajax({
url: 'countevents.php',
dataType: 'json',
success: function(data) {
$.get('countevents.php',
{ }, function(responseText){
$('#count').html(
responseText + ' event(s) gemarkeerd '
);;
});
},
});
}
});
</script>
?>
<?php
<script>
$.fx.speeds._default = 200;
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
title: "Geselecteerde events",
closeOnEscape: true,
show: "blind",
height: "auto",
width:650,
modal:true,
resizable: false,
zIndex: 9999999,
hide: "explode"
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
$('#dialog').html('//Hier wil ik velden uit de database zetten die overeenkomen met $_session[id] '
);
return false;
});
});
</script>
?>
<script>
$(document).ready(function($) {
$('.markevent').click(function(e) {
var id = $(this).data('id');
$.ajax({
url: 'markevent.php',
data: {id: id},
dataType: 'json',
success: function(data) {
data = eval(data);
var id = data[0];
var div = $('div[data-id="' + id +'"]');
div.addClass('marked');
div.removeClass('unmarked');
$("#count").fadeOut("fast");
$("#count").fadeIn("slow");
displayCounter();
},
});
});
$('.unmarkevent').click(function(e) {
var id = $(this).data('id');
$.ajax({
url: 'unmarkevent.php',
data: {id: id},
dataType: 'json',
success: function(data) {
data = eval(data);
var id = data[0];
var div = $('div[data-id="' + id +'"]');
div.addClass('unmarked');
div.removeClass('marked');
$("#count").fadeOut("fast")
$("#count").fadeIn("slow");
displayCounter();
},
});
});
function displayCounter(){
$.ajax({
url: 'countevents.php',
dataType: 'json',
success: function(data) {
$.get('countevents.php',
{ }, function(responseText){
$('#count').html(
responseText + ' event(s) gemarkeerd '
);;
});
},
});
}
});
</script>
?>
<?php
<script>
$.fx.speeds._default = 200;
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
title: "Geselecteerde events",
closeOnEscape: true,
show: "blind",
height: "auto",
width:650,
modal:true,
resizable: false,
zIndex: 9999999,
hide: "explode"
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
$('#dialog').html('//Hier wil ik velden uit de database zetten die overeenkomen met $_session[id] '
);
return false;
});
});
</script>
?>
Gewijzigd op 31/10/2012 19:13:59 door N K
