Cacher ascenseurs dans un <div>

Version imprimable

22/03/2011, 17h03
breizhlama

Cacher ascenseurs dans un <div>

Bonjour, à tous.
Je sais pas si je poste dans la bonne section du forum. Désolé d'avance si il doit être déplacé. Je rencontre un problème lié aux ascenseurs (je sais que c'est pas le premiers sujets que je créé), Mais c'est un problème légèrement différent.
Actuellement j'essaie de cacher les ascenseurs d'une balise <div>. J'ai utilisé le overflow : hidden en css, mais ca correspond pas à ce que j'ai besoins de faire.
Parce que le hidden, certes il cache mes ascenseurs mais il ne me permet plus de descendre et de monter par exemple dans la balise.
Je pense que peut-être la solution se trouve dans le java script. Je voudrais cacher les ascenseurs mais toujours pouvoir naviguer dans celle-ci par l'intermédiaire d'un script java script que j'ai déjà développé.

Peut être que vous avez une solution. Merci d'avance
22/03/2011, 17h12
nadox

Bonjour,
La propriété css est bien

Code:

overflow: hidden;

Si ton script ne fonctionne pas avec, c'est que tu n'utilise surement pas les bons attributs.
Tu peut nous montrer ce script que tu as déjà développé ?
22/03/2011, 17h19
Bovino

Citation:

Je pense que peut-être la solution se trouve dans le java script. Je voudrais cacher les ascenseurs mais toujours pouvoir naviguer dans celle-ci par l'intermédiaire d'un script java script que j'ai déjà développé.

Ben si t'as déjà développé le script, il te manque quoi ? :koi:
22/03/2011, 17h28
breizhlama

Oui mais le problème est que overflow : hidden empêche mon script de modifier la position des ascenseurs alors qu'en les affichant ça fonctionne. En relisant, mon post, je me rend compte que je suis pas très clair.

En gros, j'ai développé un script qui répercute la positon d'un ascenseurs dans une <div> dans un autres ascenseurs qui appartient à une <div> différente afin de pouvoir avoir les informations correspondantes alignées.

Mais par un soucis, de netteté je voudrais cacher les ascenseurs tout en pouvant effectuer la manipulation de mon script.

Je sais pas si c'est très clair ^^
22/03/2011, 17h46
Loceka

Ben tu peux faire un truc "moche" mais qui marche : un div qui cache tes ascenceurs.
22/03/2011, 18h40
Bovino

Oui, avec overflow hidden, la hauteur de la div ne correspond pas à la taille du contenu mais à la taille affichée.
Une solution est d'inclure ta div dans une autre dont le overflow est hidden, ce qui a comme effet de pouvoir connaitre la hauteur réelle du contenu (div interne) et celle visible puis de jouer sur le margin-top ou le top mais dans ce cas avec une position relative pour la div intérieure.
22/03/2011, 20h56
dukej

Au lieu de tourner autour du pot, tu nous le montres ton code ?
tu as peur de quoi ? qu'on te le pique ?
Ne t'inquiète pas, ce n'est surement pas nous qui allons récupérer des scripts codés à la va-vite :)
22/03/2011, 21h14
nadox

+1 pour la solution de Bovino
C'est celle à laquelle je pensais dans ma première réponse.

et aussi +1 pour le

Citation:

Au lieu de tourner autour du pot, tu nous le montres ton code ?

de dukej:lol:
( en espérant que le "script java script déjà développé" ne soit pas encore en cours de développement, hein ! )

finalement, j'ai résolu mon problème. Merci quand même d'avoir essayer de m'aider.
Oui, Oui mon script, je l'avais déjà développé mais je devais changer quelques petites choses dedans finalement.

Code:

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
61
62
63
64
65
66
67
68
69
70
<html>
	<head>
 
		<script type="text/javascript">
				function scrollTwin()
				{
				 document.getElementById("boite").onscroll = function(){
				  document.getElementById("haut").scrollLeft = document.getElementById("boite").scrollLeft;
				 document.getElementById("menu").scrollTop = document.getElementById("boite").scrollTop;
				 }
 
				}
		</script>
		<style type="text/css">
			div.boite
			{
				height: 500px; 
				width: 500px;
				overflow: auto;
				margin-right: 200px;
			}
			div.menu
			{
				height: 500px; 
				width: 100px;
				overflow: hidden;
				float : left;
 
			}
 
			div.haut
			{
				width: 600px;
				overflow: hidden;
			}
		</style>
	</head>
 
	<body onLoad="scrollTwin()">
		<div class="haut" id="haut">
			test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:test:
 
		</div>
		<div class="menu" id="menu">
			<ul>
			<li>test</li>
			<li>test</li>
			<li>test</li>
			<li>test</li>
			<li>test</li>
			<li>test</li>
			<li>test</li>
			<li>test</li>
			<li>test</li>
			<li>test</li>
			<li>test</li>
			<li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li><li>test</li>
			</ul>
		</div>
 
		<div class="boite" id="boite" >
			<? include('./fichier.txt') ?>
		</div>
 
		<div>
 
		</div>
 
	</body>
</html>

Merci pour tout