Discussion :

[creusois]

Bonjour

Je commence avec le framework Prototype et la couche scriptacoulous.

Mon soucis c'est que je n'arrive pas à enchainer les effets. Je souhaite réaliser un div avec au dessus trois liens

______ ______ ______
|Lien 1| |Lien 2| |Lien 3|
|_____|_|_____|_|_____|
| |
| |
| |
| |
| |
| |
|____________________ |

Et faire un "slide" entre les différents div qui s'afficheront dans la boite en dessous

Mon soucis c'est quand je ne peux pas sur un bouton echainer les effet

Code :

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

onclick="new Effect.SlideUp('new0');new Effect.SlideDown('new1');"

Quelqu'un aurait-il une idée ?

Merci

[Bovino]

Salut.

Mon soucis c'est quand je ne peux pas sur un bouton echainer les effet

Ah bon, pourquoi ?

[gwyohm]

Mon soucis c'est quand je ne peux pas sur un bouton echainer les effet

Code :

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

onclick="new Effect.SlideUp('new0');new Effect.SlideDown('new1');"

Tu veux dire que tes effets se jouent simultanément ? Il faut passer par les options queue...

Code :

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

onclick="new Effect.SlideUp('new0');new Effect.SlideDown('new1', { queue: 'end' });"

Plus de détails ... lecture

[Bovino]

Plus de détails ... lecture

Oui... ou alors : http://dmouronval.developpez.com/tut...culous/effets/

[creusois]

Bonsoir,

Merci pour vos réponses, j'ai pu avancer sur ma page.

Il me reste un problème c'est qu'avec le code suivant :

Code :

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

1
2
3
4
5
6
7
8
//HomePage JS script
function swapNews(element, src, id)
{
  new Effect.BlindUp(element, {queue: 'front'});
  document.getElementById(element).innerHTML=src[id];
  new Effect.BlindDown(element, {queue: 'end'}); 
  return false;
}

J'ai le document.getElementById...=src qui se lance au démarrage (ou quasiement) bien sur, ce qui gene l'effet blind. Comment puis-je dire d'assigner à la div le texte pdt qu'elle n'est plus affiché (entre les deux blind).

[Bovino]

Comment puis-je dire d'assigner à la div le texte pdt qu'elle n'est plus affiché (entre les deux blind).

En mettant le code dans le paramètre afterFinish de l'effet

[creusois]

Merci Bovino pour ton aide, j'ai donc fait ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
//HomePage JS script
function assignData(element, src, id)
{
  document.getElementById(element).innerHTML=src[id];
}
 
function swapNews(element, src, id)
{
  new Effect.BlindUp(element, {queue: 'front'afterFinish:function() { assignData(element, src, id);} });
  new Effect.BlindDown(element, {queue: 'end'}}); 
  return false;
}

Mais je me demande si cela va marcher puisque la fonction interne au afterFinish:function n'a pas les trois paramêtres en entrée, elle ne peut donc pas appeller la fonction assignData avec les trois params ?

[Bovino]

Si, une fonction appelée à l'intérieur d'une autre hérite du contexte de la fonction appelante, les paramètres de celle-ci sont donc toujours disponibles.