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] positionner un objet,utiliser style.height


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Par défaut [POO] positionner un objet,utiliser style.height
    Bonjour,
    Je désirerais faire ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    <script language="javascript"> 
    function checkSize()
    {
    var taille=document.getElementById("corps").style.height;
    var retour;
    if(taille < "1000px")
    {
      retour='style="position absolute;height:1000px';
    }
    else 
      retour='';
    return retour;
    }
    </script>
    et ensuite :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <div class="footer" <script language="javascript">checkSize();</script>>
    Ou un truc du genre.. je n'ai aps encore testé car lorsque je fais une
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert(document.getElementById("corps").style.height);
    Il ne me renvoie rien , hors lorsque je lui fourni une valeur , il me modifie bien la taille du corps..
    Qqu'n pourrait-il m'aider svp ??



    Pour ceux qui veulent plus d'explication , je plante le décor :
    j'ai fais un site php , tout les liens renvoient vers la même page selon la section désirée , le contenu ('id="corps"') change , ce qui fais que la hauteur de ce "corps" change.
    Bon , jusque là rien de grave ..
    Seulement , j'ai un pied de page (footer) qui vient se mettre juste en dessous du corps.
    Lorsque le corps est plus grand que le menu , ça donne bien , le footer est en dessous du menu.
    Seulement , losque le corps est petit , le footer vient juste en dessous et arrive à coté du menu , c'est moche..

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    tu ne peux pas mettre des balises script comme ça dans une balise div ...

    l'idée est là mais il faut savoir sur quel evèenement tu souhaites redimensionner ..
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    tu ne peux pas mettre des balises script comme ça dans une balise div ...

    l'idée est là mais il faut savoir sur quel evèenement tu souhaites redimensionner ..
    Nom mais je peux mettre une balise php qui appelle la fonction js , je pense..
    mais bon là n'est pas le problème , lorsque je mets juste avant la div du footer
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    alert(document.getElementById("corps").style.height);
    il me met un message vide :<
    pourtant si je fais , au même endroit ,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById('corps').style.height="1500px";
    ça fonctionne

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert(document.getElementById("corps").style.offsetHeight);
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éclairé
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert(document.getElementById("corps").style.offsetHeight);
    Resultat : "undefined"

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Peut-être que ton alert est positionné avant la création de l'id "corps" dans le dom, auquel cas, comme il n'existe pas encore, il est undefined...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Membre éclairé
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Peut-être que ton alert est positionné avant la création de l'id "corps" dans le dom, auquel cas, comme il n'existe pas encore, il est undefined...
    Ben justement , je le mets entre le corps et le footer , logiquement il lit le code séquentiellement donc ça devrait aller je pense , non ? oO

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [PHP 5.4] POO et BDD, comment utiliser un manager dans un objet métier ?
    Par comode dans le forum Langage
    Réponses: 2
    Dernier message: 05/06/2014, 12h51
  2. [POO] Positionnement relatif a un objet
    Par tixweb dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 20/07/2007, 12h52
  3. [POO] Instancier un objet avec le nom de la classe
    Par shinchun dans le forum Langage
    Réponses: 4
    Dernier message: 08/06/2006, 13h44
  4. Mettre un objet utilisant COM dans un vecteur
    Par 0xYg3n3 dans le forum MFC
    Réponses: 7
    Dernier message: 18/04/2005, 15h50
  5. [POO] Passer un objet HTML en argument.
    Par defacta dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 17/12/2004, 10h44

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