Cacher ascenseurs dans un <div> [Résolu]

breizhlama · 22/03/2011, 17h03

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

nadox · 22/03/2011, 17h12

Bonjour,
La propriété css est bien

Code css :

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

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é ?

Bovino · 22/03/2011, 17h19

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 ?

breizhlama · 22/03/2011, 17h28

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 ^^

Loceka · 22/03/2011, 17h46

Ben tu peux faire un truc "moche" mais qui marche : un div qui cache tes ascenceurs.

Bovino · 22/03/2011, 18h40

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.

dukej · 22/03/2011, 20h56

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

nadox · 22/03/2011, 21h14

+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

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

breizhlama · 23/03/2011, 09h21

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 :

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
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

22/03/2011, 17h03	#1
breizhlama Invité de passage Inscription : mars 2010 Messages : 46 Détails du profil Informations forums : Inscription : mars 2010 Messages : 46 Points : 4 Points : 4	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
	00

22/03/2011, 17h12	#2
nadox Membre expérimenté Développeur Inscription : février 2010 Messages : 360 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : Développeur Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : février 2010 Messages : 360 Points : 545 Points : 545	Bonjour, La propriété css est bien Code css : Sélectionner tout - Visualiser dans une fenêtre à part 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é ?
	00

22/03/2011, 18h40	#6
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 806 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 806 Points : 35 803 Points : 35 803	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. __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

22/03/2011, 17h28	#4
breizhlama Invité de passage Inscription : mars 2010 Messages : 46 Détails du profil Informations forums : Inscription : mars 2010 Messages : 46 Points : 4 Points : 4	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 ^^
	00

22/03/2011, 17h46	#5
Loceka Membre Expert Tlouye Ci Inscription : mars 2004 Messages : 1 450 Détails du profil Informations personnelles : Nom : Tlouye Ci Informations forums : Inscription : mars 2004 Messages : 1 450 Points : 2 149 Points : 2 149	Ben tu peux faire un truc "moche" mais qui marche : un div qui cache tes ascenceurs.
	00

22/03/2011, 20h56	#7
dukej Membre expérimenté Duke Jikel Inscription : mai 2010 Messages : 340 Détails du profil Informations personnelles : Nom : Duke Jikel Informations forums : Inscription : mai 2010 Messages : 340 Points : 548 Points : 548	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
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email