Discussion :

[spelou]

Salut,

Voilà, j'ai un problème simple avec Scriptaculous (que je n'ai pas du tout l'habitude d'utiliser ...).

J'ai besoin d'utiliser cet effet là (merci à son auteur). C'est le même effet que le blindUp/BlindDown mais en horizontal.

Ca fonctionne bien à un détail près : je souhaiterai que l'effet démarre du bord droit de mon DIV et non du bord gauche. Je souhaite donc inverser le déroulement du div. Celui-ci est positionné en absolute à droite de l'écran (je ne peux pas changer cela ...).

Est-ce que vous voyez ce que je veux dire ? Y aurait-il un moyen simple d'inverser le sens de l'effet BlindRight/BlindLeft ?

Merci d'avance pour vos pistes !

[gwyohm]

Je ne suis pas sur d'avoir compris le probleme ; tu veux que ta div (positionnée en absolute à droite) soit calée à gauche au moment ou tu fais le Blind ?

Si c'est bien ca, la solution la plus simple est sans la bouger de la positionner avec un left calculé :

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
 
<div id="maDiv" style="position:aboslute;right:0;width:100px;height:100px;background-color:#ff0000">
 
</div>
<a href="#" id="test">test</a>
<script type="text/javascript">
$("maDiv").setStyle({left: $("maDiv").viewportOffset().left + "px"});
$("test").observe("click", function(e){
  e.stop();
  if($("maDiv").visible()) {
    new Effect.BlindLeft("maDiv");
  } else {
    new Effect.BlindRight("maDiv");
  }
});
 
</script>

[spelou]

Salut,

Merci pour ton coup de main .

En fait, je ne cherche pas à déplacer le div, simplement à inverser le sens de l'effet "Blind". (Au lieu que la fenêtre s'ouvre de gauche à droite, j'aimerai qu'elle s'ouvre de droite à gauche).
Si t'a une piste, je suis preneur