Faire disparaitre lentement un div

Sujet résolu

8 avril 2009 à 15:18:02

bonjour
j'aimerai savoir comment faire pour faire disparaître un div lentement car je sais comment le faire disparaître mais pas lentement
merci de vos réponses

xavierm02

8 avril 2009 à 16:19:51

tu fais une boucle qui change la transparence...
avec des setTimeout...
ou t'utilises une bibliothèque...

robin850

8 avril 2009 à 16:33:12

merci de ta réponse mais je suis un peu comme tout le monde j'ai appris le php et le html mais pas le javascript est ce que je pourrais avoir un script s'il te plaît

xavierm02

8 avril 2009 à 16:41:26

Je refuse

Apprends les bases du javascript...
Ensuite, tu cherches Mootool sur Google....
Tu l'inclus dans tapage et après, tu pourras cacher ou montrer une div comme tu veux avec un simple id...
Si tu n'y arrive pas, tu n'aurais pas pu adapter un code que je t'aurai donné...

robin850

8 avril 2009 à 16:44:35

si si j'ai déjà fait des mini fonction comme celle pour faire disparaître un div mais pas lentement

xavierm02

8 avril 2009 à 16:45:12

Bah cherches le truc de mootool...
ou c'est peut-être montool...

robin850

8 avril 2009 à 16:53:18

je vais essayer d'aller voir sur codes sources

criblevibes

8 avril 2009 à 16:54:02

Mootools et cherche l'option Slider c'est vraiment terrible, regarde plutot les codes sources du site officiel

robin850

8 avril 2009 à 17:10:10

merci

Golmote

8 avril 2009 à 18:11:27

Par pitié (et je dis ça pour toi plus que pour moi...), ne va pas pomper du code sur codes-source... c'est une mine de pourritures...

Par contre, c'est vrai qu'on est pas là pour donner du code tout fait en théorie...

Et là en plus, c'est pas un code basique (du genre faire apparaître un div brutalement...), faut faire une récurrence et tout...

Apprends les bases, et utilises une bibliothèque comme JQuery ou Mootools.

Sunblade

8 avril 2009 à 19:01:57

J'ai fait un petit script vite-fait, si ça peut t'intéresser :

<html>
	<head>
		<title></title>
		<script type="text/javascript">
			var alpha = 1;
			function disparaitre(){
				alpha -= 0.01;
				document.getElementById("block").style.opacity = alpha;
				if(alpha > 0)
					window.setTimeout(disparaitre);
				else
					document.getElementById("block").style.display = "none";
			}
			function init(){
				alpha = 1;
				document.getElementById("block").style.display = "block";
				window.setTimeout(disparaitre);
			}
			window.setTimeout(init);
		</script>
	</head>
	<body>
		<div id="block" style="position: absolute;background-color:#000000;width: 100%;top: 0%;left: 0%;;padding-top:24%;padding-bottom:24%;color: #ffffff;text-align: center;">Disparition</div>
		<input id="bouton" type="button" value="recommencer" onclick="init()" />
	</body>
</html>

xavierm02

8 avril 2009 à 19:22:33

Citation : Golmote

Par pitié (et je dis ça pour toi plus que pour moi...), ne va pas pomper du code sur codes-source... c'est une mine de pourritures...

Il parlait d'aller voir le code source de la page de Mootool -.-

Golmote

8 avril 2009 à 19:25:22

J'espère que tu as raison...

Mais je ne crois pas, malheureusement...

Timot

8 avril 2009 à 22:00:20

Ce que propose Sunblade peut servir, mais bon, il faudrait déja gérer pour IE avec filter, puis les variables globales, cay mal, parce qu'en plus on peut pas faire disparaitre deux divs en meme temps.
Mais c'est une bonne base de travail, soit t'as envie de bosser js, et tu prend ca, soit tu prend mootools si tu veux un truc propre.

criblevibes

9 avril 2009 à 0:05:29

Citation : Golmote

J'espère que tu as raison...

Mais je ne crois pas, malheureusement...

Si tu parles de moi, je pensais récuperer le code source de la page de mootools pour s'inspirer

Sunblade

9 avril 2009 à 0:12:48

Citation : Timot

Ce que propose Sunblade peut servir, mais bon, il faudrait déja gérer pour IE avec filter, puis les variables globales, cay mal, parce qu'en plus on peut pas faire disparaitre deux divs en meme temps.
Mais c'est une bonne base de travail, soit t'as envie de bosser js, et tu prend ca, soit tu prend mootools si tu veux un truc propre.

Là c'est juste, comme tu le dis, une ébauche de script

Golmote

9 avril 2009 à 0:18:36

Citation : criblevibes

Si tu parles de moi, je pensais récuperer le code source de la page de mootools pour s'inspirer

Non je parle de robin :

Citation : robin850

je vais essayer d'aller voir sur codes sources

Je ne crois pas que lui parlait du code source de la page de mootools... (malheureusement...)

Anonyme

9 avril 2009 à 0:21:32

@sun : t'as fait l'ébauche d'un cure dent à la tronconneuse là

Timot

9 avril 2009 à 0:23:01

En meme temps, c'est relatif à la dent et à la tronçonneuse :-°

Sunblade

9 avril 2009 à 0:27:44

Mes ébauches sont toujours plutôt tronçonneuse que dent

robin850

9 avril 2009 à 17:42:42

bon tu as raison c'est vrai que c'est plus intéressant d'apprendre et de comprendre

merci pour ton mini script Sunblade j'apprends les bases du javascript et j'améliore ton script merci de vos réponses

cerium50

9 avril 2009 à 18:00:25

@robin850 : une fois que tu auras les bases du JS tu pourras te tourner vers jQuery, Mootools ou autre comme il t'a été conseillé

Tu verras c'est très simple, par exemple pour faire disparaitre une div avec un id patapouf le code le plus dur que tu auras à écrire sera quelque chose du genre : $('#patapouf').fadeOut(); , bien sûr ça peut s'améliorer mais la base est là