[AJAX] Rafraichissement après enregistrement dans la base de données

**toulousain3117** · 18/02/2010, 20h28

bonjour, je voudrais savoir s'il est possible de vérifier qu'il y a eu un enregistrement dans la base de donnée et d'effectué une requete par exemple un refresh si il y a un enregistrement !

Je m'explique, j'utilise une navigation ajax ou j'ai reussi grace a ds iframes d'effectué des requetes, je voudrais donc juste vérifier via une page externe si un enregistrement est effectué dans n'importe quelle table, et s'il y a eu un enregistrement ça raffraichie la page !

Cordialement

**E.Bzz** · 19/02/2010, 10h09

Bonjour,

Envoyé par toulousain3117

je voudrais donc juste vérifier via une page externe si un enregistrement est effectué dans n'importe quelle table, et s'il y a eu un enregistrement ça raffraichie la page !

mais quel intérêt de "tout faire en Ajax", si c'est pour recharger la page dès qu'il y a une modif à afficher ??

A+

**andry.aime** · 19/02/2010, 10h16

Bonjour,

j'utilise une navigation ajax ou j'ai reussi grace a ds iframes d'effectué des requetes

Peux-tu être un peu plus claire?

**toulousain3117** · 19/02/2010, 18h31

voila la ^page index.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
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tabbed Accordion</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body{
color: #333;
font-size: 11px;
font-family: verdana;
}
a{
color: #fff;
text-decoration: none;
}
a:hover{
color: #DFE44F;
}
p{
margin: 0;
padding: 5px;
line-height: 1.5em;
text-align: justify;
border: 1px solid #73A405;
}
#wrapper{
width: auto;
margin: 0 auto;
}
.box{
background: #fff;
height : 800px;
}
.boxholder{
clear: both;
padding: 5px;
background: #8DC70A;
 
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #8DC70A url(images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}
</style>
<script type="text/javascript" src="scripts/prototype.lite.js"></script>
<script type="text/javascript" src="scripts/moo.fx.js"></script>
<script type="text/javascript" src="scripts/moo.fx.pack.js"></script>
<script type="text/javascript">
function init(){
	var stretchers = document.getElementsByClassName('box');
	var toggles = document.getElementsByClassName('tab');
	var myAccordion = new fx.Accordion(
		toggles, stretchers, {opacity: false, height: true, duration: 600}
	);
	//hash functions
	var found = false;
	toggles.each(function(h3, i){
		var div = Element.find(h3, 'nextSibling');
			if (window.location.href.indexOf(h3.title) > 0) {
				myAccordion.showThisHideOpen(div);
				found = true;
			}
		});
		if (!found) myAccordion.showThisHideOpen(stretchers[0]);
 
}
 
 
 function actu_iframe(){
 if(document.all) document.all.id_iframe.style.height = document.frames("id_iframe" ).document.body.scrollHeight;
 else document.getElementById("id_iframe" ).style.height = document.getElementById("id_iframe" ).contentDocument.body.scrollHeight;
 
 
}
 
 
</script>
</head>
<body>
<div id="wrapper">
	<div id="content">
	<h3 class="tab" title="Ajout d'un produit"><div class="tabtxt"><a href="#">Ajout d'un Produit</a></div></h3>
	<div class="tab"><h3 class="tabtxt" title="Creer une catégorie"><a href="#">Creer une catégorie</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Modifier un produit"><a href="#">Modifier un produit</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Supprimer un produit"><a href="#">Supprimer un Produit</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Modifier une catégorie"><a href="#">Modifier une catégorie</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Supprimer une catégorie"><a href="#">Supprimer une Catégorie</a></h3></div>
 
 
 
<div class="boxholder">
		<div class="box">
			<p><strong>Ajout d'un Produit</strong><br /><iframe src="modules/create-prod.php" frameborder="0" height="300" width="100%"></iframe></p>
		</div>
		<div class="box">
			<p><strong>Création d'une catégorie</strong><br /><iframe onLoad="actu_iframe();" name="name_iframe" id="id_iframe"src="modules/create-cat.php" frameborder="0"  SCROLLING=auto></iframe></p>
		</div>
		<div class="box">
			<p><strong>Modifier un Produit</strong><br /><iframe height="650" width="100%" src="modules/modif_prod.php" frameborder="0" ></iframe></p>
		</div>
		<div class="box">
			<p><strong>Supprimer un Produit</strong><br />supprimer un produit</p>
		</div>
<div class="box">
			<p><strong>Modifier une catégorie</strong><br />modifier une cat</p>
		</div>
<div class="box">
			<p><strong>Supprimé une catégorie</strong><br />supprimé une cat</p>
		</div>
 
 
 
 
 
 
	</div>
</div>
</div>
<script type="text/javascript">
	Element.cleanWhitespace('content');
	init();
</script>
</body>
</html>

comme vous voyer chaques page est appelé dans une iframe et comme vous le savez quand on effectue une requete dans une iframe c'est dans l'iframe que ça s'actualise et non la page entiere, le probleme c'st un menu en ajx qu'il ne raffraichie pas du tout les pages je voudrais savoir s'il est possible de detectr une mise a jour dans la base de donnée

**Bovino** · 19/02/2010, 20h50

Ben une chose est sûre, c'est que j'ai toujours rien compris ni à ce que tu veux faire, ni à ce qui ne fonctionne pas. En revanche

comme vous le savez quand on effectue une requete dans une iframe c'est dans l'iframe que ça s'actualise et non la page entiere

je ne sais pas d'où tu sors ça, mais tu peux actualiser n'importe quel élément tant que tu n'outrepasses pas la Same Origin Policy.

**toulousain3117** · 21/02/2010, 14h05

beh je vais fait formuler une autre question, comment je peux faire pour faire un refresh invisible ?

**toulousain3117** · 10/10/2010, 13h16

ce topic date de plusieurs mois mais j'ai enfin la solution je la met en ligne si un jour une personne se pose la meme question que moi

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
<script type="text/javascript" src="XHRConnection.js"></script>
<script type="text/javascript">
function chargeFichier() {
    // Création de l'objet
    var XHR = new XHRConnection();        
    // Zone à remplir
    XHR.setRefreshArea('nomdudiv');
    // Chargement de la page
    // Natures des paramètres            
    //     + string, fichier à charger
    //     + string, GET ou POST
    //     + ref, nom de la fonction de callBack
    XHR.sendAndLoad("nomdufichierarefresh", "GET");
    return true;
 
}
 
setInterval("chargeFichier()",50);
</script>

c'est enfait assez simple il faut vous procurez un fichier js XHRConnection.js

a la place de nomdufichierarefresh vous mettez le nom de la page ou sont les requete a executé et la place de nomdudiv mettez le nom du div a refresh
ce qui donne :

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
<div id="nomdudiv">
</div>
<script type="text/javascript" src="XHRConnection.js"></script>
<script type="text/javascript">
function chargeFichier() {
    // Création de l'objet
    var XHR = new XHRConnection();        
    // Zone à remplir
    XHR.setRefreshArea('nomdudiv');
    // Chargement de la page
    // Natures des paramètres            
    //     + string, fichier à charger
    //     + string, GET ou POST
    //     + ref, nom de la fonction de callBack
    XHR.sendAndLoad("nomdufichierarefrresh", "GET");
    return true;
 
}
 
setInterval("chargeFichier()",50); //ici toutes les 5 secondes
 
</script>

et voila, pour verifier que cela marche parfaitement vous pouvez faire <div id="nomdudiv"><? echo time(); ?></div>

Voila merci a tous qui ont essayé de m'aider

[AJAX] Rafraichissement après enregistrement dans la base de données

AJAX

Discussions similaires

Partager

Partager