Discussion :

[nanou22]

Bonjour

J'ai mis effect toggle sur une div avec un texte (hide/shox text)
qui active ou non l'effet

Code :

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

1
2
3
4
5
6
<div id="back"><jdoc:include type="modules" name="back2" style="xhtml" />
                <jdoc:include type="message" /><div id="toggle3"  style="position:relative; cursor: pointer;" onClick="Effect.toggle('compo3', 'blind', { duration: 2.0 }); return false;">Hide/Show Texte<br /></div>
					<div id="compo3"><div id="container3"><div id="fondu3"><jdoc:include type="component" /></div></div><div id="scrollLinks">
		<a class="mouseover_up" href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/slideup.png" alt="" border="0" /></a>
		<a class="mouseover_down" href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/slidedown.png" alt="" border="0" /></a>
	</div></div></div><?php endif; ?>

Cela fonctionne très bien sauf que je souhaiterais que le texte change en fonction de l'état de la div

Par exemple si la div est visible le texte inscrit pour activer le toogle est "hide text"
et quand la div est remonté donc invisible le texte inscrit doit être "show text"

J'y suis arrivé avec mootools le problème c'est que je ne peux pas utiliser mootools sûrement pour un problème de conflit de librairies.

Merci de votre aide

[gwyohm]

Bonjour,
il faut que tu utilises les callbacks plus particulièrement afterFinish:

Code :

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

1
2
3
4
5
6
7
8
 
Effect.toggle('compo3', 'blind', { duration: 2.0, afterFinish: function(){
  if($('compo3').visible() ) {
   $('toggle3').update("hide");
  } else {
   $('toggle3').update("show");
  }
} });