Changer la taille d'une dive avec effet [Résolu]

Signaler
Messages postés
149
Date d'inscription
mercredi 9 mai 2007
Statut
Membre
Dernière intervention
22 novembre 2012
-
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
-
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

11 réponses

Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
33
oui, justement, ça m'avance pour plus tard !

a++

Si la réponse vous convient, pensez : Réponse acceptée !
Messages postés
149
Date d'inscription
mercredi 9 mai 2007
Statut
Membre
Dernière intervention
22 novembre 2012

dsl : getElementById ;-)

Annadrill
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
33
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 !
Messages postés
943
Date d'inscription
mardi 14 novembre 2006
Statut
Membre
Dernière intervention
7 août 2009
3
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.

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
Messages postés
626
Date d'inscription
samedi 28 septembre 2002
Statut
Membre
Dernière intervention
18 mai 2009
3
Voir l'objet Effect.SlideIn() / Effect.SlideOut()
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
33
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 !
Messages postés
943
Date d'inscription
mardi 14 novembre 2006
Statut
Membre
Dernière intervention
7 août 2009
3
hé oui Nico a 14 ans...

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
33
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 !
Messages postés
149
Date d'inscription
mercredi 9 mai 2007
Statut
Membre
Dernière intervention
22 novembre 2012

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
Messages postés
1784
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
28 avril 2021
128
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>
Messages postés
943
Date d'inscription
mardi 14 novembre 2006
Statut
Membre
Dernière intervention
7 août 2009
3
@Nico : C'était pour dire que a 14 ans tu t'intéresses a des choses que quelqu'un de 14 ans ne s'intéresse pas.