Afficher / masquer des éléments (scriptaculous)

Logiciel & apps Programmation
21

seconde vouais !

Muhahah il top-page ;)
22

Bon alors ca marche avec le merdier à scriptaculous ^^

<h3 onclick="new Effect.toggle($('vo'),'blind',{duration:0.2})">VO</h3>

Par contre je voulais tenter d’appliquer l’effet à de multiples éléments : $(‘vo’) et une autre ID nommée vn, vous voyez comment faire ?

J’ai tenté :

<h3 onclick="new Effect.toggle($('vo'),$('vn'),'blind',{duration:0.2})">VO</h3>

Mais non ca serait trop simple ^^

23

Et:

VO

24

“cet objet ne gère pas cette propriété ou cette méthode” :confused:

25

Hum.

Essaie ça :

[$(‘vo’), $(‘vn’)].collect(function (i) { new Effect.toggle(i,‘blind’,{duration:0.2})})

à supposer que tu ai bien une prototype à jour :slight_smile:

26

Marche po :frowning: =>

<h3 onclick="new Effect.toggle([$('vo'), $('vn')].collect(function (i) { new Effect.toggle(i,'blind',{duration:0.2})})">VO</h3>

Par prototype à jour tu causes de scriptaculous ? Je viens de le télécharger ce matin même ^^

27

essaye mon truc dans le onclick, pas en argument de toggle :slight_smile:

28

Sans nom t’es un dieu ^^

29

Hum j’essaie de faire plus fourbe avec un bouton qui masque un menu et qui en fait apparaitre un autre à la place (pour réafficher) mais niveau effet ca donne pas terrible :confused: ca fonctionne, mais ca rend pas super je trouve.

<div id="floater">
<table width="250" border="0" cellpadding="0" cellspacing="0"
 style="display:none" id="ghost">
<tr>
  <td><img src="../imgs/expand.gif" onclick="[$('ghost'), $('floatable')].collect(function (i) { new Effect.toggle(i,'blind',{duration:0.2})})" align="right"></td>
</tr>
</table>

<table width="250" height="150" border="0" cellpadding="0"
 cellspacing="0" class="tableau shade" id="floatable">
<tr>
  <td>
    <h2 onclick="[$('ghost'), $('floatable')].collect(function (i) { new Effect.toggle(i,'blind',{duration:0.4})})">
    <img src="../imgs/ico2.gif" width="20" height="39" align="absmiddle">Navigation</h2>
   <ul id="foldermenu">
     <li><a href="#">Link 1</a></li>
    </ul>
  </td>
 </tr>
 </table>
 </div>

Edité le 06/02/2008 à 15:06

30

Ok. C’est dommage. :slight_smile:

31

Vouais c’est parce que les deux fonctions s’annulent plus ou moins, donc visuellement ca rend pas.

Faudrait utiliser un javascript pour appeller une fonction et l’autre, je vais bricoler ca demain pour voir :stuck_out_tongue:

32

bon avec scriptaculous/prototype faut arrêter d’utiliser les onclick. c’est le démon.

www.prototypejs.org…