"onLoad" ascenseur en bas de page ?
xxkirastarothxx
Messages postés
415
Statut
Membre
-
xxkirastarothxx Messages postés 415 Statut Membre -
xxkirastarothxx Messages postés 415 Statut Membre -
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 :)
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 ?
- Impossible de supprimer une page word - Guide
- Mettre google en page d'accueil - Guide
- Imprimer tableau excel sur une page - Guide
- Base de registre - Guide
- Traduire une page en français - Guide
4 réponses
bjr
un truc comme ça ?
PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...
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 ...
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 :)
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 :)
Snif ça marche pas:
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
<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
