AJAX refresh
het iedereen ik ben op deze site terech gekomen
http://www.brightcherry.co.uk/scribbles/jquery-auto-refresh-div-every-x-seconds/
dit is de code
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
var refreshId = setInterval(function()
{
$('#responsecontainer').fadeOut("slow").load('response.php').fadeIn("slow");
}, 10000);
</script>
<div id="responsecontainer">
</div>
nu werkt die refresh bij mij maar als het refresht dan gaat alles een second weg en komt dan terug hoe kan ik het laten refreshen zonder dat het verdwijnd ?
http://www.brightcherry.co.uk/scribbles/jquery-auto-refresh-div-every-x-seconds/
dit is de code
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
var refreshId = setInterval(function()
{
$('#responsecontainer').fadeOut("slow").load('response.php').fadeIn("slow");
}, 10000);
</script>
<div id="responsecontainer">
</div>
nu werkt die refresh bij mij maar als het refresht dan gaat alles een second weg en komt dan terug hoe kan ik het laten refreshen zonder dat het verdwijnd ?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
var refreshId = setInterval(function()
{
$('#responsecontainer').fadeOut("fast").load('response.php').fadeIn("fast");
}, 10000);
</script>
<div id="responsecontainer">
</div>
<script>
var refreshId = setInterval(function()
{
$('#responsecontainer').fadeOut("fast").load('response.php').fadeIn("fast");
}, 10000);
</script>
<div id="responsecontainer">
</div>
Toevoeging op 03/07/2012 13:01:46:
eventueel kan je de waarde van 10000 ook nog verlagen dacht ik.
ja slow had ik idd al naar fast gezet maar dat helpt niet veranderd nog steeds groetjes bedankt
heb je de waarde van 10000 ook veranderd?
ja
Toevoeging op 03/07/2012 13:30:47:
het helpt niet ik weet niet waarom een refresh verspringt maar dat is niet wat ik al gezien heb :d
Toevoeging op 03/07/2012 13:30:47:
het helpt niet ik weet niet waarom een refresh verspringt maar dat is niet wat ik al gezien heb :d
Een pagina herladen met setInterval lijkt me een slecht idee.
Weet jij hoe lang het duurt vooraleer de pagina volledig is geladen bij de verschillende gebruikers?
Bekijk dit eens:
Weet jij hoe lang het duurt vooraleer de pagina volledig is geladen bij de verschillende gebruikers?
Bekijk dit eens:
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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Ajax refresh met fade</title>
</head>
<body>
<div id="responsecontainer"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(e) {
reloadPage();
/**
* recursieve functie. Pas bij de respons wordt de functie opnieuw getriggert
*/
function reloadPage() {
$.ajax({
url: 'response.php',
success: function(data) {
// nu is alles al geladen en kom je niet tot verrassingen ivm connectie naar de server
$('#responsecontainer').fadeOut("slow").html(data).fadeIn("slow");
setTimeout(reloadPage, 1000);
}
});
}
});
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Ajax refresh met fade</title>
</head>
<body>
<div id="responsecontainer"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(e) {
reloadPage();
/**
* recursieve functie. Pas bij de respons wordt de functie opnieuw getriggert
*/
function reloadPage() {
$.ajax({
url: 'response.php',
success: function(data) {
// nu is alles al geladen en kom je niet tot verrassingen ivm connectie naar de server
$('#responsecontainer').fadeOut("slow").html(data).fadeIn("slow");
setTimeout(reloadPage, 1000);
}
});
}
});
</script>
</body>
</html>
ik weet niet hoe ik u kan bedanken het werkt
nu nog een laatste vraag als refresht gaat hij weg komt terug weg terug enig idee wat dat kan zijn ?
nu nog een laatste vraag als refresht gaat hij weg komt terug weg terug enig idee wat dat kan zijn ?
Ja, dat is die fade (lijn 23 bij mij).
Je kan de fade weglaten; dat wordt dan
$('#responsecontainer').html(data);
Of je test wat uit met numerieke waarden (= aantal milliseconden om de actie uit te voeren).
$('#responsecontainer').fadeOut(100).html(data).fadeIn(100);
Je kan de fade weglaten; dat wordt dan
$('#responsecontainer').html(data);
Of je test wat uit met numerieke waarden (= aantal milliseconden om de actie uit te voeren).
$('#responsecontainer').fadeOut(100).html(data).fadeIn(100);
erg bedankt kris het werkt supper
Je kan het nog wat mooier maken door er een IFFY van te maken:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$(document).ready(function(e) {
/**
* recursieve functie. Pas bij de respons wordt de functie opnieuw getriggert
*/
(function reloadPage() {
$.ajax({
url: 'response.php',
success: function(data) {
// nu is alles al geladen en kom je niet tot verrassingen ivm connectie naar de server
$('#responsecontainer').fadeOut("slow").html(data).fadeIn("slow");
setTimeout(reloadPage, 1000);
}
});
})();
// of
!function reloadPage() {
// ajax code
}();
});
/**
* recursieve functie. Pas bij de respons wordt de functie opnieuw getriggert
*/
(function reloadPage() {
$.ajax({
url: 'response.php',
success: function(data) {
// nu is alles al geladen en kom je niet tot verrassingen ivm connectie naar de server
$('#responsecontainer').fadeOut("slow").html(data).fadeIn("slow");
setTimeout(reloadPage, 1000);
}
});
})();
// of
!function reloadPage() {
// ajax code
}();
});




