Discussion :

[narcis60floyjo]

Bonjour à tous,

voici le contexte :

je cherche à mettre en place un mini chat. Et pour cela, sur ma page chat2.php, j'ai un div à l'intérieur duquel je fais include("chat3.php");
chat3.php est un script permettant d'aller lire un fichier texte où sont stockés tous les messages des utilisateurs et de les afficher.
Et j'aimerais faire en sorte que la scrollbar du div de la page chat2.php soit toujours positionnée en bas (pour pouvoir voir le dernier message entré).
Et mon code ne fonctionne pas.

Voici mon code :

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
 
<?php 
echo "<div id='chat'>";
 
include("./interaction/chat3.php");
 
if (isset($_POST['message']) && !empty($_POST['message']))
{
        
        $fp = fopen("./interaction/chat2.txt","a+");
        if (!$fp) 
        {
                echo "Echec de l'ouverture du Chat";
                exit;
        }
 
        else
        {
                $message = (htmlentities($_POST['message'], ENT_QUOTES ,'UTF-8'));
                $message = nl2br($message);
 
                fputs($fp,$_SESSION['login']." : ".$message."\n");
                fclose($fp); // On ferme le fichier
                        
        }
}
 
 
echo "<script language='JavaScript'>window.document.getElementById('chat').scrollTop = window.document.getElementById('chat').scrollHeight;</script>";
echo "</div>";
?>
<textarea name='message' rows='1' cols='80' value='' id='mytextarea'></textarea><input type='submit' name='btnEnvoyer' value='Envoyer' >

Je précise que ce code est une nouvelle version de mon chat.

La précédente n'utilisait qu'un seul fichier et dans mon div j'allais lire et afficher les données du fichier texte. Et le repositionnement de la scrollbar fonctionnait.
Mais dès que j'ai changé en séparant le code en deux fichiers et en faisant l'include du deuxieme fichier php, ca ne fonctionne plus. Je précise aussi que je vois bien le contenu du fichier texte, mais la scrollbar reste en haut.

Pourquoi j'ai séparé le code en deux fichiers ? C'est pour pouvoir utiliser une fonction AJAX pour pouvoir mettre à jour l'affichage du contenu du fichier texte, pour éviter de faire un refresh de la page (le refresh provoque la perte des données dans ma zone de saisie de texte).

J'espere qu'il y aura quelqu'un pour m'aider.
Merci à vous !

[SpaceFrog]

une recherche sur le forum s'impose, sujet abordé et résolu deux fois récemment ...

[narcis60floyjo]

Tu as lu mon probleme au moins ?

J'ai fait des recherches ac comme mot clé "div" "scrollbar" "include" mais sans succès....

[SpaceFrog]

http://www.developpez.net/forums/d73...ght=scroll+bas

http://www.developpez.net/forums/d72...ght=scroll+bas

http://www.developpez.net/forums/d68...ght=scroll+bas

[narcis60floyjo]

Mon probleme vient certainement du fait que je fais un include() à l'intérieur des balises <div></div> et du coup la scrollbar ne se met plus en bas.

Avant quand il y avait du code à l'intérieur des balises <div></div> la scrollbar se mettait effectivement en bas. Je mettais :

Code :

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

1
2
 
echo "<script language='JavaScript'>window.document.getElementById('chat').scrollTop = window.document.getElementById('chat').scrollHeight;</script>";

et hop c'était bon. Mais maintenant que j'ai fais un include(), la ligne de code ci-dessus ne met pas la scrollbar en bas.

Pourquoi ?
Et comment arranger le problème ?

[Bovino]

Mon probleme vient certainement du fait que je fais un include() à l'intérieur des balises <div></div>

Non, cela n'a rien à voir dans la mesure où JavaScript est exécuté coté client, donc en fonction du code HTML (et HTML uniquement) généré par tes scripts PHP.
Maintenant, pour pouvoir te répondre, il serait utile de pouvoir voir ton code, dont tes fonctions JavaScript, les appels à ces fonctions et le code HTML (pas PHP) correspondant aux éléments en jeu.