Descendre scrollbar automatiquement

**Epica84** · 04/03/2010, 11h25

Bonjour à tous,

Voici se que j'ai pu trouver sur le forum
http://www.developpez.net/forums/d73...llbar-div-bas/

Mais cela ne m'as pas suffit pour corriger se que je souhaite faire.

J'ai une l'arborescence suivante :

Index.php (dedans j'ai un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<?php 
include(function.js)
 
?>
 
<!-- en haut de ma page avant <html> j'ai ce qui est écrit en dessus-->
 
<div id="menu"> <?php include(mapageinclut.php)</div>

)

dans cet page : mapageinclut.php
j'ai le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<ul id="submenu"> <!-- événement???="fonctiondescencescroll"-->
 
<li>
 
				  <?php echo ecrire('action');?> 
<!-- ecrire est une fonction qui écrite dans function.js -->
 
</ul>

JE souhaiterai au moment du déroulement de ma page que le <ul id="submenu"> soit en haut à gauche de ma fenetre et donc par conséquence descendre la scrollbar ou

descendre la scrollbar au maximum.

J'ai déjà essayer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a href="#">
<a name="xxx">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
function cherchelargeur() {
alert(document.test.resultatlargeur.value = document.test_largeur.width);
}
 
function cherchelongueur() {
document.test.resultatlongueur.value = document.test_longueur.height;
}
 
function alertSize(i) {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
 
 // window.alert( 'Width = ' + myWidth );        //==>> Message pour nous dire taille de l'écran
 // window.alert( 'Height = ' + myHeight );
 
}
 
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
 
  scrOfX=document.documentElement.scrollHeight ;
 
  return [ scrOfX, scrOfY ];
 
 
}

**SpaceFrog** · 04/03/2010, 11h28

ben pointe sur l'ancre ....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#submenu">

**E.Bzz** · 04/03/2010, 11h30

Oui, ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

self.location.href="#submenu";

si c'est dans une fonction ...

A+

**Bovino** · 04/03/2010, 11h31

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById ("submenu").scrollIntoView ();

**SpaceFrog** · 04/03/2010, 11h36

crossBrowser ça ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

self.location.assing("#submenu")

ou encore recupérer le offsetTop et l'attribuer au scrollTop

bref ce ne sont pas les solutions qui manquent

**E.Bzz** · 04/03/2010, 11h43

assign() ...

A+

**Epica84** · 04/03/2010, 11h44

Envoyé par SpaceFrog

ben pointe sur l'ancre ....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#submenu">

Cela ne marche pas car il y un include donc je suppose que ma page est déjà chargé non?

**Epica84** · 04/03/2010, 11h51

Merci de l'ensemble de vos réponse mais je le place où vos réponse???

désolé je suis un pseudo débutant en prog web ...

**SpaceFrog** · 04/03/2010, 11h54

la balise a est juste un lien href ...
poru le faire dynamiquement il faut lancer une des lignes de script données précédemment sur le onload du body par exemple

**Bovino** · 04/03/2010, 12h03

Envoyé par Bovino

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById ("submenu").scrollIntoView ();

Envoyé par SpaceFrog

crossBrowser ça ???

Oui, tout autant que assing

(Ceci dit, assing est parfaitement croos-browser : ça renvoie une erreur sur tous les navigateurs

)

**SpaceFrog** · 04/03/2010, 12h04

assign()

**Epica84** · 04/03/2010, 14h10

Juste un petit message encore ^^.

Comment fait-on pour mettre la scrollbar pile au milieu de notre fênetre?

Cordialement

**SpaceFrog** · 04/03/2010, 14h48

je visualise pas la question ...

**Epica84** · 04/03/2010, 15h04

Je vais mettre carrément un lien pour expliquer

voici ma page ( je l'enleverai après pour en mettre le lien final):
liens dead ... dsl

Je souhaite que lorsqu'on clique par exemple sur le "FCP Multigestion", je souhaiterai que l'image ainsi que le texte qui est dessus FCP Multigestion. Puisse se retrouvé en haut à gauche de ma fenêtre.

C'est mieux expliqué

?

Cordialement

**SpaceFrog** · 04/03/2010, 15h10

la solution a été donnée au dessus ...
recupérer le offsetTop de l'element et l'attribuer en scrollTop au body

**Epica84** · 05/03/2010, 10h05

J'arrive pas à connaitre la taille de ma fenetre toujours ...

voici le code que j'ai pu trouver sur le site de MSDN mais lorsque je ne spécifie pas une taille de la fenetre c'est à dire que lorsque je laisse la fenetre normal cela me calcul pas de longueur ... cela me renvoi scrolltop=0...
Pourtant dans ma fenetre normal de FireFox ma scrollbar est descendu...

Merci de m'aider

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
 
<head>
 
</head>
 
<body>
<div id="oDiv" style="position: absolute; 
    height: 100px; 
    overflow: scroll" 
    onclick="alert(this.scrollTop)">
	rgfggggggggggldskjdjduejreuzejyu<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
grftgre<br>
 
 
</div>
 
</body>
 
</html>

**Epica84** · 19/03/2010, 14h28

Bonjour à tous,

j'arrive petit à petit à trouvé se que je veut faire mais là je suis encore bloquer pour ma barre qui ne descend pas

Voilà une partie de mon code afin que vous puissiez comprendre mon problème de descente de scrollbar

MA PAGE index.php j'ai pas mis le php car il est inutile dans ma démonstration

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="fr">
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="includes/functions.js"></script>
</head>
<body onclick="javascript:document.getElementById ('ancre').scrollIntoView ();">
 
 
<div id="ancre1">
	<?php include("includes/mapage1.php"); ?>
</div>
 
 
 
<div id="ancre2">
	<?php include("includes/mapage2.php"); ?>
</div>
 
 
</body>
</html>

mapage1.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<ul id="submenu">
 
<li style="position: static;" class="toggleSubMenu" style="list-style-type : none;" ><a href="" title="Afficher le sous-menu" class="backgroundRIGHT"  onclick="javascript:document.getElementById ('ancre1').scrollIntoView ();"><img src="img/images_index/puce_menu.jpg" border="0" ><font color="#FFFFFF"> Afficher le sous menu</font></a><ul style="display: none;" class="subMenu">
 
 
				  <?php echo ecrire('action');?>
 <!-- Ecrire est une fonction qui marche bien  -->
 
</ul>

mapage2.php est basé sur le même principe

Je souhaiterai à chaque click du client récupéré l'ancre sur lequel il a cliqué pour l'affecter au body en haut dans ma page index.php ...

Mais je ne sait comment faire ... et je suis bloquer à se stade ... Malgré que j'ai longuement cherché avec les indications cité ci-dessus.

Merci d'avance

Descendre scrollbar automatiquement

JavaScript

Discussions similaires

Partager

Partager