IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[POO] Agrandir la hauteur d'un div en javascript ?


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Janvier 2005
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 12
    Par défaut [POO] Agrandir la hauteur d'un div en javascript ?
    Bonjour,

    Voila j'ai un div en absolute et en hidden qui contient un texte dynamique.
    Donc je ne ne connais pas le height de mon div (height :auto

    Quand je click sur un lien je passe mon div en visible. Juske là tout va bien.
    Le truc c ke mon client voudrais ke son div de texte ne s'affiche pas brutalement mais k'il s'agrandisse doucement juska atteindre la hauteur necessaire a son contenu.

    J'imagine ke l'idée c :
    - de recuperer la hauteur rélle de mon div avec un truc genre offsetHeight
    - puis d'executer une fonction js qui passe le height de mon div de 0 a sa hauteur normale.

    Je ne suis pas bien costo en javascript! Vous pouvez m'aider ?

    Merci a tous

  2. #2
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut
    Citation Envoyé par deloo
    J'imagine ke l'idée c :
    - de recuperer la hauteur rélle de mon div avec un truc genre offsetHeight
    - puis d'executer une fonction js qui passe le height de mon div de 0 a sa hauteur normale.

    Je ne suis pas bien costo en javascript! Vous pouvez m'aider ?

    Merci a tous
    Joue sur la propriété style.height. Attention, tu risques d'avoir des soucis avec IE qui n'est pas compatible W3C sur ce point.
    Pour récuperer la hauteur nécessaire de ton texte, offsetHeigth doit fonctionner. Positionne ton objet en absolue à un endroit ou personne ne le verra (type -1000,-1000).

  3. #3
    Membre averti
    Inscrit en
    Janvier 2005
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 12
    Par défaut
    Citation Envoyé par denisC
    Joue sur la propriété style.height. Attention, tu risques d'avoir des soucis avec IE qui n'est pas compatible W3C sur ce point.
    Pour récuperer la hauteur nécessaire de ton texte, offsetHeigth doit fonctionner. Positionne ton objet en absolue à un endroit ou personne ne le verra (type -1000,-1000).

    Effectivement pour l'instant mon div est en asbolu et insivible.

    Par contre, je le precise a nouveau : je suis nul en js!
    Donc j'imagine qu'il faut faire un offsetHeigth sur le div en question et envoyer cette valeur a mon script js (script qui n'existe pas, puisque que je demande comment faire )

    Donc comment m'y prendre pour envoyer un offsetHeigth a un script js et comment faire un script qui passe le height du div de 0 a cette hauteur récupére par offsetHeigth ? En plus je suppose que je dois faire ça sur un temps défini via un boucle mais alors là..... à la rue le garçon.

    Si vous avez une idée , je suis preneur.

    Merci bien

  4. #4
    Membre émérite Avatar de Jérémy Lefevre
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2004
    Messages
    898
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2004
    Messages : 898
    Par défaut
    tu a un attribut style en javascript afin de modifier en live tes styles css par exemple tu donne un id a une balide div et tu apel en javasctript ton div avec getElementById(tonID).style.width=... enfin il faut que tu revoi la syntaxe exact sur un site officiel mais globalement c ca!

Discussions similaires

  1. [CSS] Agrandir à la hauteur de l'écran
    Par djflex68 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 26/03/2006, 08h40
  2. [CSS][IE] hauteur d'un div
    Par sir_gcc dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 13/01/2006, 11h21
  3. changer la hauteur d'un Div
    Par MASSAKA dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 14/09/2005, 11h05
  4. Recuperer la hauteur d'une DIV
    Par rol666 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 26/08/2005, 14h01

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo