Rafraichissement automatique d'un div ou iframe sans rafraichir la page

Version imprimable

2 pièce(s) jointe(s)

Bonsoir,
J'ai un soucis je souhaiterai rafraichir en Ajax, une div ou un iframe cible sans rafraichir la page.

Le code ci-dessous ne fonctionne pas.
J'ai tenté plusieurs bout de code que j'ai trouvé sur Google sans succès non plus !!!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <?php session_start(); ?> <html> <head> <script src="JQuery.js"></script> <script type="text/javascript"> var auto_refresh = setInterval( function () { $('#load_donnees').load('Index.php').fadeIn("slow"); }, 10000 ); // rafraichir toutes les 10 secondes </script> </head> <body> <div> <?php if(isset($_SESSION['a']){$val=$_SESSION['a'][0]+1;} else{$val=0;echo "Valeur de départ : ".$val."<br/>";} ?> </div> <div id="load_donnees"><?php echo "La valeur actuelle : ".$val."<br/>";?></div> </body> </html>
Est ce possible ?

31/05/2016, 18h03
EddiGordo

Vu du côté javascript, "Index.php" n'est pas connu.
Il faut mettre une url complète...

Essaie peut être un truc comme :

Code:

var auto_refresh = setInterval( function () { $('#load_donnees').load('http://URL DE TON SITE/CHEMIN EVENTUEL/Index.php').fadeIn("slow"); }, 10000 );

Réponse

Merci cela fonctionne.
Le rafraichissement se fait mais j'ai une truc étrange.
On dirait qu'il me fait un double rafraichissement.
Car je devrai avoir après chaque rafraichissement ceci en résultat.

Premier chargement

La valeur de départ : 1
La valeur de la session m est : 1
La deuxième valeur de départ : 1
La valeur actuelle : 1

Puis rafraichissement

La valeur de la session m est : 1
La valeur actuelle : 2

....

Au lieu de cela j'ai :

Premier chargement
La valeur de départ : 1
La valeur de la session m est : 1
La deuxième valeur de départ : 1
La valeur actuelle : 1

Puis rafraichissement

La première Valeur de départ : 1
La valeur de la session m est : 1
La deuxième Valeur de départ : 1
La valeur de la session m est : 2
La valeur actuelle : 2
...

La je suis un peu bloquer.
Je ne sais pas qui fait l'erreur, AJAX, PHP ou les deux.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <?php session_start(); ?> <html> <head> <script src="JQuery.js"></script> <script type="text/javascript"> var auto_refresh = setInterval( function () { $('#load_donnees').load('http://localhost/application/Iframes/Index.php').fadeIn("slow"); }, 10000 ); </script> </head> <body> <?php if(isset($_SESSION['m'])){$vm=$_SESSION['m'][0];$vnl=$vm+1;$_SESSION['m'][0]=$vnl;} else{$nl=1;$_SESSION['m'][0]=$nl;echo " La première Valeur de départ : ".$nl."<br/>";$vnl=1;} echo "La valeur de la session m est : ".$vnl."<br/>"; if(isset($_SESSION['a'])){$vl=$_SESSION['a'][0];$val=$vl+1;$_SESSION['a'][0]=$val;} else{$val=1;$_SESSION['a'][0]=$val;echo "La deuxième Valeur de départ : ".$val."<br/>";} ?> <div id="load_donnees"><?php echo "La valeur actuelle : ".$val."<br/>";?></div> </body> </html>

01/06/2016, 09h12
andry.aime

Citation:

Envoyé par EddiGordo

Vu du côté javascript, "Index.php" n'est pas connu.
Il faut mettre une url complète...

On peut utiliser des chemins relatifs en JavaScript, ce qui est même conseillé. Imagine, si tu déplaces ton site sur un autre hébergeur, tu vas modifier tous les liens?

Citation:

On peut utiliser des chemins relatifs en JavaScript, ce qui est même conseillé. Imagine, si tu déplaces ton site sur un autre hébergeur, tu vas modifier tous les liens?

Oups :weird:
Au temps pour moi, houlala, j'ai honte :oops::oops:
Bien sur, que tu as raison @andry.aime, je dois être fatigué lol :roll:. (mais non je ne cherche pas d'excuses rhooo :aie:)

Pour revenir au problème :
Je pense que tu charges avec load la page "Index.php" dans une div, elle-même contenue dans "Index.php"...
Au bout du compte tu te retrouves aux Nième chargement avec N setInterval qui jouent chacun leur tour la même chose.

Il faudrait scinder ta page en deux, l'une pour la structure et le js, l'autre pour la div et son contenu.
Par exemple, un fichier main.php qui contriendrait :

Code:

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
<?php
        session_start();
?>
<html>
	<head>
		<script src="JQuery.js"></script>
		<script type="text/javascript">
			var auto_refresh = setInterval 	(
												function () 
												{
													$('#load_donnees')
														.load('majCompte.php')
														.fadeIn("slow");
												},
												10000
											);
		</script>
	</head>
 
	<body> 
		<div id="load_donnees">
			<?php
                                $_SESSION['m'][0] = 1;
                                $_SESSION['a'][0] = 1;
                                echo " La première Valeur de départ : 1<br/>";
                                echo "La deuxième Valeur de départ : 1<br/>";
                        ?>
		</div>
	</body>
</html>

Et une autre, majCompte.php, avec le contenu de la div :

Code:

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
<?php
        session_start();
        if (isset($_SESSION['m']))
        {
                $vm = $_SESSION['m'][0];
                $vnl = $vm + 1;
                $_SESSION['m'][0] = $vnl;
        }
        else
        {
                $nl = 1;
                $_SESSION['m'][0] = $nl;
                echo " La première Valeur de départ : ".$nl."<br/>";
                $vnl = 1;
        }
        echo "La valeur de la session m est : ".$vnl."<br/>";
        if (isset($_SESSION['a']))
        {
                $vl = $_SESSION['a'][0];
                $val = $vl + 1;
                $_SESSION['a'][0] = $val;
        }
        else
        {
                $val = 1;
                $_SESSION['a'][0] = $val;
                echo "La deuxième Valeur de départ : ".$val."<br/>";
        }
        echo "La valeur actuelle : ".$val."<br/>";
?>

Mais "m" et "a" étant incrémentés en même temps, ils sont toujours égaux, donc je ne vois pas trop ce que tu veux en faire.
Du coup on peut simplifier grandement la page majCompte.php :

Code:

1
2
3
4
5
<?php
        session_start();
        echo "La valeur de la session m est : ".(++$_SESSION['m'][0])."<br/>";
        echo "La valeur actuelle : ".(++$_SESSION['a'][0])."<br/>";
?>

Précise un peu ce que tu veux faire si ma solution ne t'aide pas :)