BlindDown avec Scriptaculous et display none sur mon DIV

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : BlindDown avec Scriptaculous et display none sur mon DIV

xkamui

Their Destiny Was Foreordained

Bonjour

j'utilise l'ensemble d'effets de scriptaculous et je suis coincé à un point :

Je voudrais faire descendre un bloc avec l'effet blindDown, mais à partir d'un div avec un display = none :

<div class="d"><div style="overflow:hidden; display: none;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas enim. Nulla
facilisi. Vestibulum accumsan augue vulputate justo. Fusce faucibus. Sed blandit,
neque sed lacinia nonummy, diam quam imperdiet justo, at dictum augue nunc a
neque. Sed urna lacus, tincidunt at, aliquam id, fringilla id, felis. Vivamus
feugiat molestie quam. Sed id dolor. Sed ac purus id sapien sollicitudin ultricies.
Aliquam hendrerit orci et odio. Suspendisse volutpat wisi at sem. Integer eget
nulla. Duis eu diam a nunc condimentum tempus. Praesent gravida metus vitae massa.
Aliquam neque magna, fringilla eu, porta id, interdum sit amet, dui. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Proin lorem est, ultrices sit amet, condimentum vitae, vehicula a, massa.
</div></div>
<a href="#" onclick="$$('div.d').each( function(e) { e.visualEffect('blind_down',{duration:1.5}) }); return false;">BlindDown</a>

Ceci ne fonctionne pas, rien ne se passe.
Si je retire "display: none;", alors ça fonctionne, par contre, le div est apparant, ensuite, il s'éfacce, pour finalement descendre.
Ce que je voudrais, c'est que l'état initial soit 'masqué' et qu'il ne s'affiche que sur le onClick.

Des idées ?

Merci

Publicité

gatsu35

Blablaté par Harko

remplace display:none par height:0

il paraitra caché étant donné qu'il y a déjà un overflow:hidden dessus, mais avantage c'est qu'au moins le script fonctionnera

xkamui

Their Destiny Was Foreordained

Merci de ta réponse.

Cependant, si effectivement on masque le div, celui-ci ne s'ouvre plus sur l'action blindDown :s

Message cité 1 fois

xkamui

Their Destiny Was Foreordained

d'autres idées ?

gatsu35

Blablaté par Harko

xkamui a écrit :

Merci de ta réponse.

Cependant, si effectivement on masque le div, celui-ci ne s'ouvre plus sur l'action blindDown :s

change l'action pour que ca lui fasse faire un style.height='' et non plus un display:block

FORUM HardWare.fr

Programmation

HTML/CSS

BlindDown avec Scriptaculous et display none sur mon DIV

Sujets relatifs
[CSS] Div en Inline	Div & Height changement progressif
Newbee - template fluide à 100% avec des DIV	Flash en display:none sous IE
Cacher un bloc DIV pendant le chargement	DIV horizontales dans une DIV cadre servant de masque
Div et CSS.... : Problèmes de longueurs	debordement sur un DIV
Problème de position de <DIV>
Plus de sujets relatifs à : BlindDown avec Scriptaculous et display none sur mon DIV

Page générée en 0.040 secondes