[résolu]obliger une scroll bar a rester en bas

Dernière réponse : 12 Juin 2008 17:32 dans Programmation

flo5589

5 Juin 2008 10:23:23

Bonjour à tous.
Je m'adresse à vous pour vous car j'ai un petit problème.

Je suis en train de créer un tchat en xajax. Pour afficher la conversation je fait appel à un div avec un overflow automatique. Le problème que je ne sais pas comment faire pour que la scroll barre descende automatiquement selon le texte qu l'on ajoute, comme sur MSN en particulier.. Merci de votre aide...

Autres pages sur : resolu obliger scroll bar rester bas

| Etre averti des réponses
| Alerter

Répondre à flo5589

Lassé par la pub ? Créez un compte

RedSux

Expert Programmation

5 Juin 2008 13:19:07

Mets toi des ancres dans les textes que t'affiche ... et ta fonction d'ajout finira par un appel javascript pour aller à l'ancre !

Exemple :

<div id="tchat_conv">
<span id="m1"> P1 : Salut, comment va ?</span>
<span id="m2"> P2 : Bien et toi ?</span>
<span id="m3"> P1 : Tranquil !</span>
</div>

Et en javascript :

window.location="#m3"

| Alerter

Répondre à RedSux

flo5589

6 Juin 2008 19:20:08

Ok, merci pour la réponse, mais sa ne marche pas ^^. J'ai du oublier quelque chose...

<span id=$donnees['id']><li>Le message</li></span>

voici pour la ligne du message, le pseudo es marqué, mais le code n'est pas nécessaire... Je pense sa vient de la, car dans ma barre d'adresse, j'ai bien le #160 (160 pour l'exemple, mais il change bien).

$reponse->script("window.location='#".$id_fin."'");

Voici ma fin de fonction xajax Au cas ou... $id_fin étant l'indice du dernier message.

J'espère avoir clairement expliqué... Merci de m'aider

| Alerter

Répondre à flo5589

RedSux

Expert Programmation

7 Juin 2008 00:30:00

<html>

	<head>

		<script type="text/javascript">

			var ind = 0;

 
			function getInd(){

				ind = ind +1;

				return ind;

			}

 
			function goInd(){

				window.location = "#"+ind;

			}

 
			function addSentence(){

				var obj = document.getElementById("tchat");

				obj.innerHTML = obj.innerHTML + "<li id=\""+getInd()+"\">Test "+ind+"</li>";

				goInd();

			}

		</script>

	</head>

	<body>

		<ul id="tchat">

			<li>Welcome</li>

		</ul>

		<input type="submit" value="Test" onClick="addSentence()" />

	</body>

</html>

Chez moi, ça ça marche niquel !

Sous Fx, IE et Opera ...

^^

| Alerter

Répondre à RedSux

flo5589

9 Juin 2008 18:11:34

En effet sa marche... sa doit être ma liste qui fait le bazart!
Ma page est trop grande et ne donne pas le résultat attendu... mais si je la rétréci, sa ira...

Mais aussi, a chaque actualisation de la page, la zone de texte est désélectionnée... On ne peut pas appliquer location à uniquement la zone?

En tout cas, une GRAND merci redtux!

Mais, il n'y a pas un moyen en javascript de dire que on doit voir le bas du div?

| Alerter

Répondre à flo5589

RedSux

Expert Programmation

9 Juin 2008 20:23:38

Ben à part ça ... Je vois pas, désolé ...

Par contre, avant d'appliquer le "location", tu peux récupérer ce que t'as sélectionné et le resélectionner après ... Enfin, peut être ... Je vais essayer de mon coté, je te garantis rien !