BODY onload Effect.SlideUp

**mediadi** · 06/09/2008, 20h28

Bonjour à Tous !!!

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

Code :

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

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

**mimagyc** · 07/09/2008, 00h40

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.

**mediadi** · 07/09/2008, 18h47

Bonjour Mimagyc.

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

Voici mon code :

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

**kaymak** · 08/09/2008, 19h51

Les balises de code plzzzz.

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

Bye

**E.Bzz** · 09/09/2008, 09h51

Bonjour,
et si tu enlevais ta 2° balise body, ça n'irait pas mieux ?

(d'autant plus qu'une seule est refermée)

Code :

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

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

A+

**Bovino** · 09/09/2008, 09h58

Code :

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

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 :

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

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

devrait suffire...

PS

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

A priori scriptaculous...

**kaymak** · 09/09/2008, 10h16

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

BODY onload Effect.SlideUp

JavaScript

Discussions similaires

Partager

Partager