BODY onload Effect.SlideUp

Version imprimable

06/09/2008, 20h28
mediadi

BODY onload Effect.SlideUp

Bonjour à Tous !!! :salut:

J'ai un soucis au niveau du chargement d'un script sur une page. Voici mon code :

Code:

<BODY onload="new Effect.SlideUp(document.getElementById('demo-all'));">Fermer</a><title>accueil1</title>

En fait, je voudrais que que la partie censée être cachée n'apparait pas à l'ouverture de ma page. Je pensais qu'avec <BODY on load> ça le ferait se "SlideUp" avant d'ouvrir la page mais ça fait le contraire, la page s'ouvre et ensuite le script s'applique. En clair, on voie la partie cachée, se cachée... :?

Quelqu'un peut m'éclaire svp ????

MERCI !!!!
07/09/2008, 00h40
mimagyc

sans le code au complet ...

Mais en gros il faudrait que ton body est un
display:none; et que dans la fonction que tu appel en onLoad, tu modifie le display du body.

Bonjour Mimagyc.

Tout d'abord je te remercie de m'avoir répondu :yaisse2:

Voici mon code :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>accueil</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
</head>
<body onload="new Effect.SlideUp(document.getElementById('demo-all').style.display = 'none');">
<body style="background-color: #000000">
 
		<div id="demo-all" style="width: 1040px; height: 131px; ">
 
						<p align="center"><b><font face="Arial" size="2">
						<a onclick="new Effect.SlideUp(document.getElementById('demo-all'));" style="color: #FFFFFF">
						Fermer</a></font></b><body style="background-color: #000000"></body><body style="background-color: #000000"></body><body style="background-color: #000000"><body style="background-color: #000000"></body></body></p>
</div>
<p align="center"><b>
				<font color="#6263BC" face="Arial" size="2">
				<a onclick="new Effect.SlideDown(document.getElementById('demo-all'));">
				Dérouler </a></font></b></p>
 
</body>
 
</html>

Est-ce bien comme ça ?? Parce que je vois toujours la partie cachée remonter vers le haut à l'ouverture. C'est bref mais ça se voit.

MERCI ENCORE de ta réponse.

08/09/2008, 19h51
kaymak

Les balises de code plzzzz.

Sinon, peux tu préciser la librairie JS utilisé ?

Bye
09/09/2008, 09h51
E.Bzz

Bonjour,
et si tu enlevais ta 2° balise body, ça n'irait pas mieux ? :mrgreen:
(d'autant plus qu'une seule est refermée)

Code:

<body onload="new Effect.SlideUp(document.getElementById('demo-all').style.display = 'none');" style="background-color: #000000">

A+
09/09/2008, 09h58
Bovino
Code:

new Effect.SlideUp(document.getElementById('demo-all').style.display = 'none');

Non, ça ne marche pas comme ça...
Surtout que si tu veux cacher le contenu de la page, le slideup ne sert à rien...
Code:

1 2 3 <body style="background-color: #000000"> <div id="demo-all" style="width: 1040px; height: 131px;display:none">
devrait suffire...

PS

Citation:

Sinon, peux tu préciser la librairie JS utilisé ?

A priori scriptaculous...
09/09/2008, 10h16
kaymak

peut aussi être yui.... dans tous les cas je vois pas pourquoi faudrait deviner