Discussion :

[epeichette]

Bonjour,

J'ai un peu de difficulté a mettre en place un effet combiné avec scriptaculus.
J'ai en haut de ma page un layer qui descend au bout de 5 sec. Ce layer a une image en fond qui a une opacité de 60%. Sous le layer il y a un titre que je cache quand le layer descend.
Voila le code

Code :

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

1
2
3
4
5
 
window.onload= function(event){
$('layer_user').hide();		
var cp = new timer('new Effect.toggle(\'layer_user\',\'blind\');$(\'bib_nom\').hide();',null,2);
}

timer est la fonction qui permet de faire descendre le layer au bout de 5 sec
On lui passe en paramètre les fonctions qui doivent s'accomplir a savoir faire descendre le layer et faire disparaitre le titre.

Un bouton sur le layer permet de faire disparaitre en remontant et de faire réapparaitre le titre.

Code :

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

1
2
 
onclick="new Effect.toggle('layer_user','blind');Effect.Appear('bib_nom',{duration: 3.0 });"

Tous cela marche parfaitement.

Maitenant voila mon problème : J'ai un bouton qui permet de faire "redescendre" la layer s'il est caché et de le faire remonte s'il est apparent. Pas de soucis pour cela on utilise new Effect.toggle('layer_user','blind')

Par contre je dois me charger de faire afficher ou disparaitre le titre en dessous et c'est là que les ennuis arrive. Comment connaitre l'état du layer ou du titre???
J'ai testé

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function LayerButton (){
	new Effect.toggle('layer_user','blind');
 
//	if( $('bib_nom').style.display == 'hidden'){
		 Effect.Appear('bib_nom',{ duration: 3.0 });
	}
	else{
		$('bib_nom').hide();
	}
 
}

mais ça ne marche pas la valeur du display est toujour none. Pouvea vous m'aider a connaitre l'état de layer ou du titre à partir?

merci par avance de votre aide

[gwyohm]

Code :

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

1
2
if( $('bib_nom').visible() ) {
//...

C'est pas hidden qu'il faut tester

Code :

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

visibility: hidden

mais

Code :

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

display: none

et la methode visible de element te dira si ton element est visible ou non

[epeichette]

ça marche impec merci bien