Changer la taille d'une dive avec effet

Bonjour,
voila,

j'ai  une div d'une certaine grandeur (height:10px; width:200px)
et j'aimerais créer une fonction qui agrandisse la div à height:400px;
mais pas que cela passe d'un coup de 10 à 400px; mais quelle s'ouvre en déscendant, (ou en montant)

et, a part le document.getElementByid('maDiv').style.height="400px"; je ne vois pas comment faire...


salut


Annadrill

dsl : getElementById ;-)

Annadrill

Salut,

Je crois qu'il existe un framework qui permet de faire ça : script.aculo.us !

Va voir du coté des effets appear, etc...

a++

Si la réponse vous convient, pensez : Réponse acceptée !

Salut annadrill,

Tu peux faire une fonction avec un timeout et un for qui agrandira petit à petit ta div.
Mais c'est vrai que ça sera peut etre pas forcement génial.
Sinon niveau du script donné par Nico je connais pas.

---

Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

Voir l'objet Effect.SlideIn() / Effect.SlideOut()

Ba en fait j'ai acheté un livre sur ajax et j'ai des chapitre sur : Prototype, xmlhttprequest, scriptaculous, RSS, Atom, et des annexe sur la façon de coder en HTML sémantique et en CSS 2.0...
 
Et scriptaculous est ce qui se fait de mieux pour ce genre d'effets !

a++

Si la réponse vous convient, pensez : Réponse acceptée !

hé oui Nico a 14 ans...

---

Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

excuse moi mais je n'ai pas bien compris le sens de ta phrase !

a+

Si la réponse vous convient, pensez : Réponse acceptée !

ok pour scriptaculous, vu que je l'emploie, mais je savais pas qu'il y avait un slidein out, je m'en vais chercher des info.... ;-)
vous redis

Annadrill

voici la fonction elle est faite pour toujour rester a la meme position et il est possible de faire l'inverse


<script>
var madiv=0
function imaler(){

if(document.getElementById(madiv).offsetHeight>=400){
return false
}
document.getElementById(madiv).style.height=document.getElementById(part).offsetHeight+10+'px'
document.getElementById(madiv).style.width=document.getElementById(part).offsetWidth+10+'px'
document.getElementById(madiv).style.left=document.getElementById(part).offsetLeft-5+'px'
document.getElementById(madiv).style.top=document.getElementById(part).offsetTop-5+'px'
setTimeout("imaler(madiv)",30)
}
</script>