High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

JavaSscript : forcer scrollbar ds un div

Dernière réponse le 9 fév 2007 à 13:57:04 aza, le 9 nov 2004 à 11:54:35 
 Signaler ce message aux modérateurs

Bonjour,

J'ai une page dans laquelle j'ai inséré un calque (div) avec une scrollbar verticale.
Ce div est rempli dynamiqement, il contient un tableau dont le nombre de lignes peut varier. A chaque ajout de ligne dans le tableau, j'aimerais que l'on puisse voir la dernière ligne du tableau, et donc forcer le scrollbar du div à aller tout en bas.

Les méthodes scroll (et scrollBy, scrollTo) ne fonctionnent qu'avec l'objet window et pas avec les calques...

J'ai bien une méthode qui fonctionne très bien en statique (quand je code en dur dans la page), mais elle ne fonctionne plus en dynamique (quand je génère le code avec une fonction).

La voici :
J'ajoute la ligne suivante juste après le tableau, mais toujours dans le div (sacahnt que 'last' est l'id du dernier <tr> du ta&bleau) :
</table>
<script>document.all.last.scrollIntoView(false);</script>
</div>

Quelqu'un aurait-il une piste ou une solution à ce problème ?

Merci beaucoup d'avance...

Aza

PS : je travaille sous IE, et je n'ai pas spécialement besoin que la solution soit compatible avec les autres navigateurs...

Meilleures réponses pour « JavaSscript : forcer scrollbar ds un div » dans :
Nintendo DS, Homebrews et programmation VoirNintendo DS et Homebrews Tout le monde connait la dernière console portable de Nintendo, jusque là, pas de surprise. Mais connaissez-vous toutes les possibilités qu'offre, avec les outils adéquats, cette console...
[LiveBox Orange] Connecter sa DS en Wi-Fi VoirLe WI-FI chez Orange Paramètres pour se connecter avec une Live Box Sagem Récupérer l'adresse MAC de la DS Enregistrer l'adresse MAC Paramètres pour se connecter avec une Live Box Inventel Pour des informations supplémentaires
Windows 7 - Forcer l'installation d'un programme / pilote VoirSi Windows 7 refuse une installation ! s'il y a un problème de compatibilité ! il est possible de forcer l'installation d'une application, programme ou un pilote. Il faudra encore du temps avant que certaines applications , programmes ou...
Télécharger DS Monkey Audio - Filtre APE VoirLe format MonkeysAudio (extension *.ape) est un format de compression audio lossless (sans pertes) permettant de réduire la taille d'un fichier de moitié sans aucune perte d'information. Le filtre audio DS Monkey Audio Filter utilise la librairie...
Télécharger Pilote Driving Force Pro Voir
Télécharger Commandos Strike Force Voir
Posez votre question Répondre

1

euh, le 9 nov 2004 à 12:28:37
  • +2

Un ch'tit exemple ? 

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<div	name="div1"
	style="	overflow:'auto';
		width:'200px';
		height:'50px';">
<table	name="tableau"
	id="tableau"
	border=4>
<tr><td>1-1</td><td>1-2</td><td>1-3</td></tr>
<tr><td>2-1</td><td>2-2</td><td>2-3</td></tr>
<tr><td>3-1</td><td>3-2</td><td>3-3</td></tr>
<tr><td>4-1</td><td>4-2</td><td>4-3</td></tr>
<tr><td>5-1</td><td>5-2</td><td>5-3</td></tr>
</table>
</div>
<script type="text/javascript">
tableau.rows[tableau.rows.length-1].cells[0].focus();
</script>
</BODY>
</HTML>

   
Répondre à euh

2

aza, le 9 nov 2004 à 13:21:16

Merci euh !
Je n'avais pas pensé au focus... tete de linotte.
merci ;-)

   
Répondre à aza

3

 Patrick Etienne, le 9 fév 2007 à 13:57:04
  • +1

La solution serait peut-être d'ajouter un textbox après ton tableau de manière à ce qu'il ne soit pas visible (couleur de fond et des bords = celle du body - ne pas utiliser la propriété style.visibility)
et avec javascript:
window.document.getElementById(id de ton textbox).scrollIntoView(false);

   
Répondre à Patrick Etienne
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net