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 :

Fieldset et style.height


Sujet :

JavaScript

Vue hybride

okoweb Fieldset et style.height 04/08/2010, 06h34
Bovino Tu es sûr que 'fieldset_id'... 04/08/2010, 08h16
SpaceFrog C'est un souci css sous... 04/08/2010, 08h31
javatwister bizarre, je n'ai pas le pbm... 04/08/2010, 09h49
okoweb Le JS marche? bizarre, moi... 04/08/2010, 10h12
javatwister et finalement, ton... 04/08/2010, 10h28
SpaceFrog j'ai testé la solution donnée... 04/08/2010, 10h28
javatwister auto m'a sauver :mouarf: 04/08/2010, 10h33
okoweb Merci pour la réponse, en... 04/08/2010, 09h54
SpaceFrog a priori il suffit de lui... 04/08/2010, 10h08
okoweb La solution serait en js ou... 04/08/2010, 10h34
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Par défaut Fieldset et style.height
    Bonjour à tous,
    J'ai des fieldset dynamiques et je souhaite définir leur taille en Javascript.
    J'essaie ceci ca ne marche pas :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    function getfieldsetsize(){
            //IE un calvaire...
    	if(document.all){
            document.getElementById('fieldset_id').style.height = '300px';
    	}
    }
    Une autre alternative serait de définir height en auto.

    Quelqu'un pourrait me venir en aide?

    Merci d'avance...

  2. #2
    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
    Tu es sûr que 'fieldset_id' est unique comme id ?
    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

  3. #3
    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
    C'est un souci css sous firefox concernent l'overflow des élements.
    je ne retrouve plus le hack css

    ha si !!!!!!!!!
    voilà :

    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
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    <script type="text/javascript">
    function getfieldsetsize(){
            //IE un calvaire...
    	if(document.all){
            document.getElementById('fieldset_id').style.height = '400px';
    	}
    }
     
    </script>
    <style type="text/css">
    fieldset {
    min-height: 300px;
    }
     
    * html fieldset {
    height: 300px;
    }
    </style>
    </head>
     
    <body>
    <form>
    <fieldset id="fieldset_id" style="border:solid 1px red;" >eee</fieldset>
    </form>
    <script type="text/javascript">
    getfieldsetsize()
    </script>
    </body>
    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 !

  4. #4
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    bizarre, je n'ai pas le pbm
    (définition en css ou en js)

  5. #5
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Par défaut
    Citation Envoyé par javatwister Voir le message
    bizarre, je n'ai pas le pbm
    (définition en css ou en js)
    Le JS marche? bizarre, moi j'ai erreur sous ie.

    FF n'éprouve pas de souci, les fieldset s'adaptent au contenu par contre chez IE, le contenu déborde. Alors je souhaite attraper pour IE et fixer le height pour le cas.

    Je recherche des pistes et solutions, le bazar se trouve ici à tester sous FF et IE

    Merci d'avance...

  6. #6
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    et finalement, ton style.height="auto" a marché ou pas?

  7. #7
    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
    j'ai testé la solution donnée ci-dessus sous ie et ffx avec succès ... ???
    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 !

  8. #8
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    auto m'a sauver

  9. #9
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    C'est un souci css sous firefox concernent l'overflow des élements. je ne retrouve plus le hack css

    ha si !!!!!!!!!
    voilà :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <style type="text/css">
    fieldset {
    min-height: 300px;
    }
     
    * html fieldset {
    height: 300px;
    }
    </style>
    Merci pour la réponse, en faite ce que je souhaite c'est que mon fieldset s'adapte à la longueur de son contenu, donc en height auto. Est-ce ton bout de code le fait?

    Merci d'avance...

  10. #10
    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
    a priori il suffit de lui mettre un height auto en css ...ou de ui coller dynamiquement :

    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
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
     
    <script type="text/javascript">
     
    </script>
    <style type="text/css">
    fieldset {
    height: 100px;
    border :solid 1px red;
    }
    fieldset {
    }
    </style>
    </head>
     
    <body>
    <from>
    <fieldset id='myfieldset'>
    ddd<br/>ddd<br/>ddd<br/>
    </fieldset>
    <script type="text/javascript">
    document.getElementById('myfieldset').innerHTML="aaa<br/>ddd<br/>ddd<br/>ddd<br/>ddd<br/>ddd<br/>ddd<br/>ddd<br/>ddd<br/>"
    document.getElementById('myfieldset').style.height="auto"
    </script>
    </body>
    </html>
    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 !

  11. #11
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    a priori il suffit de lui mettre un height auto en css ...ou de ui coller dynamiquement :
    La solution serait en js ou en css ou les deux à la fois? Si oui un bout de code assez finalisé.

    Merci d'avance...

  12. #12
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    j'ai essayé les 3;

    en plus, vu que tu génères tout côté serveur, une fois la page affichée, plus rien n'est censé bouger; bref, je ne sais pas comment tu définis le style de ton 1er fieldset pour qu'il soit bouffé par son contenu;

Discussions similaires

  1. l'ajout du DocType perturbe les style height
    Par cortex024 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 24/03/2011, 14h38
  2. [XHTML] XHTML 1.0 strict & CSS, style height avec la norme
    Par Invité dans le forum Balisage (X)HTML et validation W3C
    Réponses: 13
    Dernier message: 14/07/2008, 13h20
  3. [POO] positionner un objet,utiliser style.height
    Par libuma dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 06/06/2008, 16h55
  4. hack pour <div style='height:100%'>
    Par mauroyb0 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 15/05/2006, 08h42
  5. [W3C] height="100%" différent de style="height:100%
    Par Oluha dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 18/08/2005, 17h14

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