Rafraichissement table toutes les secondes

**consequences** · 27/09/2010, 20h50

Bonjour,

Je m'explique, j'ai besoin de rafraichir seulement un <table> dans ma page t'chat car sinon cela me provoque des bogues dans la cellule <input> qui s'éfface toutes les secondes, j'ai donc essayé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$index.="\t<table  OnLoad=\"javascript:reload1()\" align=\"center\" width=\"900px\" border=\"1\" bgcolor=\"#7c4c29\" cellpadding=\"0\" cellspacing=\"0\">\n";
$index.="\t<tr><td align=\"right\"><br><IFRAME ID=\"IFrame1\" width=\"850\" height=\"600\" FRAMEBORDER=\"0\" SRC=\"refresh.php\"></IFRAME><br><br></td></tr>\n";
$index.="\t</table>\n";

le script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<script language="javascript">
fonction reload1()
{
   window.refresh();
    //ou si ca marche pas bien mets : window.document.history.go(0);
 
   setTimeout("reload1()", 1000);
}
</script>

Mais cela ne fonctionne pas.

quelqu'un sait-il si il y a une erreur ou si une méthode fonctionnant existe ?

PS : Je ne m'y connais pas beaucoup en JS

**Bovino** · 27/09/2010, 21h24

D'abord, merci de poster le code HTML généré : vu qu'il s'agit de JavaScript, cela se passe coté client, donc le PHP n'a à priori aucun intérêt.

Ensuite, onload n'est déclenché que pour l'objet window et certains éléments remplacés (images par exemple), mais en tout cas pas sur un table, donc ta fonction n'est jamais appelée.
Enfin, refresh n'a rien à voir avec ce que tu veux faire : cette méthode s'applique uniquement aux tables (donc pas à window), est spécifique IE et sert à redessiner la table.

Pour ce que tu veux faire, il faut passer par AJAX.

**consequences** · 27/09/2010, 21h31

le code sources généré (la page) :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
 
 
 
<script language="JavaScript1.2">
function AddSmiley(zoop) {
document.send.msg.value=document.send.msg.value + zoop
}
</script>
 
 
<script language="javascript">
fonction reload1()
{
   window.refresh();
    //ou si ca marche pas bien mets : window.document.history.go(0);
 
   setTimeout("reload1()", 1000);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
        <title> ... </title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
 
        <link rel="shortcut icon" type="image/x-icon" href="images/icone.ico">
        <link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css"/>
    </head>
    <body>
        <div id="body">
            <div id="en_tete">
 
            </div>
            <div id="connexion">
                <table border="0">
                    <tr align="left"><td class="connexionPiedPage"><span class="barreConnexion"> Bonjour, </span></td>
                        <td class="connexionPiedPage"><span class="barreConnexion"> consequences ! </span></td>
                        <td><a href="log/logout.php"> Se déconnecter </a></td>
 
                        <td> | </td>                        <td><a href="index.php?page=accueil"> Accueil </a></td>                        <td> | </td>                        <td><a href="index.php?page=formulaireModifCompte"> Modifier compte </a></td>                        <td> | </td>                        <td><a href="index.php?page=fiche"> Ma fiche </a></td>                        <td> | </td>                        <td><a href="index.php?page=ficheLivreDor&pa=1&idMembre=1"> Mon livre d'or</a></td>                        <td> | </td>                        <td><a href="index.php?page=membre&tri=0-9&pa=1"> Membre </a></td>
 
                        <td> | </td>                        <td><a href="index.php?page=forum"> Forum </a></td>
                        <td> | </td>                        <td><a href="index.php?page=chat"> T'chat </a></td>
                        </td></tr>
                </table>
 
            </div>
            <div id="corps">
                    <div class="image_fond_haut">
                    </div>
                    <div class="image_fond_milieu">
            <table width="950px" class="InscriptionTexte" align="center"  border="0" cellpadding="5" rules="2">
            <tr><td> consequences </td></tr>
            <table>
 
    <table align="center" width="900px" border="1"  bgcolor="#7c4c29" cellpadding="0" cellspacing="0">
    <tr>
    <td align="left">Live Chat : (version bêta)</td>
    </tr>
    </table>
    <br>
    <table  OnLoad="javascript:reload1()" align="center" width="900px" border="1" bgcolor="#7c4c29" cellpadding="0" cellspacing="0">
    <tr><td align="right"><br><IFRAME ID="IFrame1" width="850" height="600" FRAMEBORDER="0" SRC="refresh.php"></IFRAME><br><br></td></tr>
 
    </table>
    <form name="send" method="post" action="index.php?page=chat">
    <input type="hidden" name="name" value="consequences">
    <table  align="center" width="900px" border="1" bgcolor="#7c4c29" cellpadding="0" cellspacing="0">
    <tr><td align="center"><input type="text" name="msg" size="100"><script language="JavaScript">document.send.msg.focus();</script></td></tr>
    </table>
    <table  align="center" width="900px" border="1" bgcolor="#7c4c29" cellpadding="0" cellspacing="0">
    <tr align="center" bordercolor="#7c4c29">
 
    <td><a href="JavaScript:AddSmiley('  ;b  ')"><img src=pictos/chat/01.gif border=0 alt=";b"></a></td>
    <td><a href="JavaScript:AddSmiley('  :p  ')"><img src=pictos/chat/02.gif border=0 alt=":p"></a></td>
    <td><a href="JavaScript:AddSmiley('  8o  ')"><img src=pictos/chat/03.gif border=0 alt="8o"></a></td>
    <td><a href="JavaScript:AddSmiley('  :(  ')"><img src=pictos/chat/04.gif border=0 alt=":("></a></td>
    <td><a href="JavaScript:AddSmiley('  :j  ')"><img src=pictos/chat/05.gif border=0 alt=":j"></a></td>
    <td><a href="JavaScript:AddSmiley('  --  ')"><img src=pictos/chat/06.gif border=0 alt="--"></a></td>
    <td><a href="JavaScript:AddSmiley('  ++  ')"><img src=pictos/chat/07.gif border=0 alt="++"></a></td>
    <td><a href="JavaScript:AddSmiley('  :D  ')"><img src=pictos/chat/08.gif border=0 alt=":D"></a></td>
    <td><a href="JavaScript:AddSmiley('  ;(  ')"><img src=pictos/chat/09.gif border=0 alt=";("></a></td>
 
    <td><a href="JavaScript:AddSmiley('  :!  ')"><img src=pictos/chat/10.gif border=0 alt=":!"></a></td>
    <td><a href="JavaScript:AddSmiley('  :?  ')"><img src=pictos/chat/11.gif border=0 alt=":?"></a></td>
    <td><a href="JavaScript:AddSmiley('  ;!  ')"><img src=pictos/chat/12.gif border=0 alt=";!"></a></td>
    <td><a href="JavaScript:AddSmiley('  :d  ')"><img src=pictos/chat/13.gif border=0 alt=":d"></a></td>
    <td><a href="JavaScript:AddSmiley('  8I  ')"><img src=pictos/chat/14.gif border=0 alt="8I"></a></td>
    <td><a href="JavaScript:AddSmiley('  ;?  ')"><img src=pictos/chat/15.gif border=0 alt=";?"></a></td>
    <td><a href="JavaScript:AddSmiley('  :O  ')"><img src=pictos/chat/16.gif border=0 alt=":O"></a></td>
    <td><a href="JavaScript:AddSmiley('  ;-  ')"><img src=pictos/chat/17.gif border=0 alt=";-"></a></td>
    <td><a href="JavaScript:AddSmiley('  :)  ')"><img src=pictos/chat/18.gif border=0 alt=":)"></a></td>
 
    <td><a href="JavaScript:AddSmiley('  ;D  ')"><img src=pictos/chat/19.gif border=0 alt=";D"></a></td>
    <td><a href="JavaScript:AddSmiley('  ;b  ')"><img src=pictos/chat/20.gif border=0 alt=";b"></a></td>
    <td><a href="JavaScript:AddSmiley('  ;I  ')"><img src=pictos/chat/21.gif border=0 alt=";I"></a></td>
    <td><a href="JavaScript:AddSmiley('  ;s  ')"><img src=pictos/chat/22.gif border=0 alt=";s"></a></td>
    </tr>
    </table>
    </form>
                        </div>
                        <div class="image_fond_bas">
 
                        </div>
            </div>
            <div id="pied_de_page">
                <p class="connexionPiedPage">...<p>
            </div>
        </div>
    </body>
</html>

Et voici le sources du contenu de ma table (table dans la page):

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
<html><head>
<script language="JavaScript">
<!--
 
 
 
var KikDown=6;
var KikTitle=" - "+document.title;
function KikLoop() {
if (KikDown>=0)
KikDown=KikDown - 1
var timeout=setTimeout("KikLoop()", 1000)
  document.title=KikDown+KikTitle
  }
KikLoop()
//-->
</script><title>-1 - </title>
 
</head><body><font color="#666699">16:09</font> : <font color="#999960">consequences</font> : oui suis la il me suffit de retirer des lignes pour remedier a ce petit probleme<br>
<font color="#666699">16:10</font> : <font color="#999960">consequences</font> : voilà probleme résolut oui je sais pour les connecté mais jen suis pas la pour le moment je souhaite lacutalisation de la table toute les second mais que de la table ^^<br>
 
<font color="#666699">16:11</font> : <font color="#999960">karambolage</font> : pourquoi tu parle en doublon ? il y a de l'echo là où tu es ? <br>
<font color="#666699">16:12</font> : <font color="#999960">consequences</font> : voilà probleme résolut oui je sais pour les connecté mais jen suis pas la pour le moment je souhaite lacutalisation de la table toute les second mais que de la table ^^<br>
<font color="#666699">16:12</font> : <font color="#999960">consequences</font> : voilà probleme résolut oui je sais pour les connecté mais jen suis pas la pour le moment je souhaite lacutalisation de la table toute les second mais que de la table ^^<br>
 
<font color="#666699">16:13</font> : <font color="#999960">consequences</font> : je re un peu plus tard jai quelques truque a faire en esperant que je trouve comment actualiser ca automatique rapidement ^^<br>
<font color="#666699">16:13</font> : <font color="#999960">consequences</font> : je re un peu plus tard jai quelques truque a faire en esperant que je trouve comment actualiser ca automatique rapidement ^^<br>
<font color="#666699">19:18</font> : <font color="#999960">lioneld</font> : test<br>
 
<font color="#666699">19:18</font> : <font color="#999960">consequences</font> : test<br>
<font color="#666699">19:19</font> : <font color="#999960">lioneld</font> : marche pas je crois<br>
<font color="#666699">19:19</font> : <font color="#999960">consequences</font> : test<br>
 
<font color="#666699">19:19</font> : <font color="#999960">consequences</font> : on dirait<br>
<font color="#666699">19:19</font> : <font color="#999960">consequences</font> : on dirait<br>
<font color="#666699">19:19</font> : <font color="#999960">lioneld</font> : marche pas je crois<br>
 
<font color="#666699">19:20</font> : <font color="#999960">lioneld</font> : test<br>
<font color="#666699">19:20</font> : <font color="#999960">consequences</font> : test<br>
<font color="#666699">19:21</font> : <font color="#999960">consequences</font> : test<br>
 
<font color="#666699">19:21</font> : <font color="#999960">lioneld</font> : test<br>
<font color="#666699">19:24</font> : <font color="#999960">lioneld</font> : test2<br>
 
</body></html>

Parcontre il me semblait que Ajax c'était pour tout ce qui était lié à la base de donnée ? Hors là ce n'est pas le cas en fait.

**SpaceFrog** · 28/09/2010, 10h10

j'ajouterais que rafraichir toutes les secondes est une fréquence un peu élevée au vu de certaines connections... actuellement la base de travail tourne plutot autour de 3 secondes

**consequences** · 28/09/2010, 18h03

oui ou toute les trois secondes encore ce n'est pas génant mais pas au delà car c'est un tchat

Rafraichissement table toutes les secondes

JavaScript

Vue hybride

Discussions similaires

Partager

Partager