"onLoad" ascenseur en bas de page ?

Fermé

xxkirastarothxx Messages postés 378 Date d'inscription vendredi 19 octobre 2007 Statut Membre Dernière intervention 22 mars 2013 - 4 août 2008 à 00:32
xxkirastarothxx Messages postés 378 Date d'inscription vendredi 19 octobre 2007 Statut Membre Dernière intervention 22 mars 2013 - 4 août 2008 à 12:59

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 :)

A voir également:

"onLoad" ascenseur en bas de page ?
Supprimer une page word - Guide
Page d'accueil iphone - Guide
Traduire une page web - Guide
Word numéro de page 1/2 - Guide
Créer une page facebook - Guide

4 réponses

Réponse 1 / 4

PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
4 août 2008 à 10:02

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 Messages postés 378 Date d'inscription vendredi 19 octobre 2007 Statut Membre Dernière intervention 22 mars 2013 40
4 août 2008 à 09:07

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 :)

Réponse 3 / 4

xxkirastarothxx Messages postés 378 Date d'inscription vendredi 19 octobre 2007 Statut Membre Dernière intervention 22 mars 2013 40
4 août 2008 à 11:09

Exactement :)
Merci je vais dépiauter tout ça voir se que ça donne :)

Réponse 4 / 4

xxkirastarothxx Messages postés 378 Date d'inscription vendredi 19 octobre 2007 Statut Membre Dernière intervention 22 mars 2013 40
4 août 2008 à 12:59

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

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

[référencement] Ne pas être référencé

Chemin Logo du site de la Cité de l'espace

Barre de navigation outlook

Discussions similaires

Newsletters