"onLoad" ascenseur en bas de page ?

xxkirastarothxx -

Bonjour et merci de vous intéresser a mon problème,

j'ai un tableau d'inventaire, dans un div en overflow-y:auto.
lorsque l'inventaire dépasse 200px, un scroll se forme avec un petit ascenseur permettant ainsi d'afficher tout l'inventaire sur 200px de haut.

Je cherche simplement le moyen de d'ordonner au scroll d'afficher la fin du texte en premier;
en gros, que l'ascenseur soit situé tout en bas au chargement de la page.

Merci d'avance :)

Configuration: Linux
Firefox 3.0.1

Afficher la suite

4 réponses

PhP

bjr

un truc comme ça ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xml:lang="fr" lang="fr" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Test scroll bottom</title>

<style>

*
{
	font-family : arial;
	font-size : 12pt;
	
}


body
{
	margin : 10px;
	padding : 0px;
}


.conteneur 
{
	border-style : solid;
	border-width : 1px;
	border-color : #FF0000;
	height : 200px;
	overflow-y : auto;
}
</style>

	
<script>
function load()
{
	var elt = document.getElementById("conteneur");
	elt.scrollTop=elt.scrollHeight;
}
</script> 


</head>
<body onload="load()">
<div class="conteneur" id="conteneur">
<p>Ligne 1</p>
<p>Ligne 2</p>
<p>Ligne 3</p>
<p>Ligne 4</p>
<p>Ligne 5</p>
<p>Ligne 6</p>
<p>Ligne 7</p>
<p>Ligne 8</p>
<p>Ligne 9</p>
<p>Ligne 10</p>
<p>Ligne 11</p>
<p>Ligne 12</p>
</div>
</body>
</html>

--

PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...

Réponse 2 / 4
xxkirastarothxx Auteur
Up,
Un peu d'aide ou c'est vraiment trop compliqué ?
Personne n'a le moindre ressources ?
Ou au moins les bons mots clés, je trouve vraiment rien.
Merci :)

0

Réagir
Réponse 3 / 4
xxkirastarothxx Auteur
Exactement :)
Merci je vais dépiauter tout ça voir se que ça donne :)

0

Réagir

xxkirastarothxx Auteur

Snif ça marche pas:

<html>
	<head>
		<script>
		function chatbottom()
		{
			var elt = document.getElementById("chatscroll");
			elt.scrollTop=elt.scrollHeight;
		}
		</script>
		<title>MyMorph</title>
	</head>
	<body onload='chatbottom()'>
		<div id='main'>
			<div id='block_p_main'>	
				<script type="text/javascript">
					function getXMLHTTP()
					{
						var xhr=null;
						if(window.XMLHttpRequest) // Firefox et autres
						xhr = new XMLHttpRequest();
						else if(window.ActiveXObject)// Internet Explorer
						{ 
							try 
							{
								xhr = new ActiveXObject("Msxml2.XMLHTTP");
						    } 
							catch (e) 
							{
								try 
								{
									xhr = new ActiveXObject("Microsoft.XMLHTTP");
								}
								catch (e1)
								{
									xhr = null;
								}
						    }
						}
						else // XMLHttpRequest non supportï¿½ par le navigateur
						{ 
							alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
						}
						return xhr;
					}

					var _xmlHttp = null; //l'objet xmlHttpRequest utilisï¿½ pour contacter le serveur
					var _adresseRecherche = "composants/chat/chat.php?channel=1&pseudo=#prem" //l'adresse ï¿½ interroger 


					function getData()
					{
						if(_xmlHttp&&_xmlHttp.readyState!=0)
						{
							_xmlHttp.abort()
						}
						_xmlHttp=getXMLHTTP();
						if(_xmlHttp)
							{
							    //appel ï¿½ l'url distante
							    _xmlHttp.open("GET",_adresseRecherche,true);
							    _xmlHttp.onreadystatechange=function()
								{
								    if(_xmlHttp.readyState==4&&_xmlHttp.responseText)
									{
										document.getElementById( 'message' ).innerHTML = _xmlHttp.responseText ;
								    }
							    };
							    // envoi de la requï¿½te
							    _xmlHttp.send(null)
							}
					}
					window.onload = getData();
				</script>

                <script type="text/javascript">
	                function refresh()//script javascript qui va appeler le fonction afficher toutes les 5 secondes
	                {
	                        getData();
	                        setTimeout(refresh, 5000);
	                }
                </script>
				
				
				<div>
					<div id='chatscroll' class='chatscroll' style='float: left; width: 484px; height: 300px; overflow-y:auto; background-image:url("themes/default/images/news_title.png");'>
						<div id="message"></div>
					</div>
				</div>
			</div>
            <script type="text/javascript">
                    refresh();//On appelle la fonction refresh() pour lancer le script
			</script>
		</div>
   </body>
</html>

Ma fonction Ajax me permet d'exécuter du php par ajax, ça me sert de frame avec un auto-refresh de quelques secondes (pour éviter les frame), mais je ne pense pas que ça vienne de la :S

"onLoad" ascenseur en bas de page ?

4 réponses

Discussions similaires

Newsletters