[Débutant] ajout d'une barre de défilement verticale

**lyim** · 29/03/2006, 10h40

Bonjour, j'ai un tout petit problème avec la BDD qu'un stagiaire nous a réalisé.

En fait, à un moment, il faut rentrer une liste de noms. Pour cela, on ouvre un popup et on coche les noms adéquates dans la fenetre. Jusque là tout allait bien.
Mais depuis que j'ai rajouté beaucoup de noms dans la BDD, je n'ai plus accès a la fin de la liste ni au bouton de validation.

Donc j'aimerai insérer une barre de défilement verticale sur le coté, mais je ne sais pas trop où, ni quoi insérer dans le code.

Voici le code généré après affichage:

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
53
54
55
56
57
58
 
 
 
<HTML>
 
	<HEAD>
		<SCRIPT LANGUAGE="JavaScript"><!--
			function updateParent()
			{
			 	if(document.childForm.emp1.checked == true){opener.document.deployment.emp1.value = 'ok'} else{opener.document.deployment.emp1.value = 'no'}
 
 
 
			    self.close();
			    return false;
			}
 
			function updateChild()
			{
				if(opener.document.deployment.emp1.value == 'ok'){document.childForm.emp1.checked = true}
 
 
 
			    return false;
			}//-->
		</SCRIPT>
 
		<!-- Liens vers les différentes feuilles de styles -->
		<link rel="StyleSheet" type="text/css" href="../sheets/sty_classid.css">
		<link rel="StyleSheet" type="text/css" href="../sheets/sty_tag.css">
 
	</HEAD>
 
 
	<BODY onLoad="return updateChild();">
		<table border="0" style="margin-top:30px; margin-left:50px;" width="300px">
			<tr>
				<td>
					<div id="nifty3">
						<b class="rtop3">
							<b class="r13"></b> <b class="r23"></b> <b class="r33"></b> <b class="r43"></b>
 
						</b>									
						<FORM NAME="childForm" onSubmit="return updateParent();">
							<input type="checkbox" name="emp38" value="ok" unchecked>Amiot  Sebastien<br						<BR><INPUT TYPE="SUBMIT" VALUE="Update parent">
 
						</FORM>		
						<b class="rbottom3">
							  <b class="r43"></b> <b class="r33"></b> <b class="r23"></b> <b class="r13"></b>
						</b>
					</div>
				</td>
			</tr>
		</table>	
	</BODY>
 
 
</HTML>

J'ai laissé volontaire que un seul nom, mais en tout, il y en a plus de 200...

**hansaplast** · 29/03/2006, 13h07

je suis un nobb, aussi, maios essaie en mettant la balise div que j'ai rajouté :

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
53
54
55
56
57
58
59
60
 
 
 
<HTML>
 
	<HEAD>
		<SCRIPT LANGUAGE="JavaScript"><!--
			function updateParent()
			{
			 	if(document.childForm.emp1.checked == true){opener.document.deployment.emp1.value = 'ok'} else{opener.document.deployment.emp1.value = 'no'}
 
 
 
			    self.close();
			    return false;
			}
 
			function updateChild()
			{
				if(opener.document.deployment.emp1.value == 'ok'){document.childForm.emp1.checked = true}
 
 
 
			    return false;
			}//-->
		</SCRIPT>
 
		<!-- Liens vers les différentes feuilles de styles -->
		<link rel="StyleSheet" type="text/css" href="../sheets/sty_classid.css">
		<link rel="StyleSheet" type="text/css" href="../sheets/sty_tag.css">
 
	</HEAD>
 
 
	<BODY onLoad="return updateChild();">
<div style="overflow: scroll">
		<table border="0" style="margin-top:30px; margin-left:50px;" width="300px">
			<tr>
				<td>
					<div id="nifty3">
						<b class="rtop3">
							<b class="r13"></b> <b class="r23"></b> <b class="r33"></b> <b class="r43"></b>
 
						</b>									
						<FORM NAME="childForm" onSubmit="return updateParent();">
							<input type="checkbox" name="emp38" value="ok" unchecked>Amiot  Sebastien<br						<BR><INPUT TYPE="SUBMIT" VALUE="Update parent">
 
						</FORM>		
						<b class="rbottom3">
							  <b class="r43"></b> <b class="r33"></b> <b class="r23"></b> <b class="r13"></b>
						</b>
					</div>
				</td>
			</tr>
		</table>	
</div>
	</BODY>
 
 
</HTML>

**jehlg** · 29/03/2006, 16h19

En effet rajoute la balise div de hansaplast mais par contre si tu mets son option, tu aura un déroulement vertical et horizontal je pense.

Pour eviter le déroulement horizontal mets le mode auto et impose que la hauteur du tableau et non la longueur (si tu impose pas la longueur alors il prendra toute laplace qu'il veut sans deroulement).

Ce qui donne :

<div style="overflow: auto; height: 700px">

J'ai mis 700px au pif. Ca correspond à ta valeur maximale autorisée pour le tableau sans deroulement vertical

[Débutant] ajout d'une barre de défilement verticale

HTML

Discussions similaires

Partager

Partager