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 :

taille d'une table en javascript


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    198
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 198
    Par défaut taille d'une table en javascript
    Bonjour,

    Voilà mon souci:

    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
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    <table>
       <tr>
         <td>......</td>
         <td>......</td>
         <td>......</td>   
       </tr>
    </table>
     
    <div id="divauto" style="width:1305; height:500px; overflow:auto ">
       <table id=tbl>
     
       <% While Not reqSql.EOF%>
     
          <tr>   
            <td>......</td>
            <td>......</td>
            <td>......</td>   
          </tr>
     
       <%reqSql.MoveNext
       Wend%>
     
       </table>   
    </div>
     
    <table>
       <tr>
         <td>......</td>
         <td>......</td>
         <td>......</td>   
       </tr>
    </table>
     
    <script language="javascript" type="text/javascript">
     
    if (document.getElementById("tbl").height < 500){
    document.getElementById("divauto").style.height=document.getElementById("tbl").height;}
     
    </script>

    le bout de code en js me permet de redimenssionner ma div en fonction de la taille de ma table(tbl), et ça marche ma divb est bien redimenssionée comme il faut, enfin presque...
    C'est ma condition qui marche pas, je sais pas pourquoi mais il rentre tjrs dans le if même quand la taille est >= 500.
    Et lorsque j'éssai d'afficher la taille de ma tbl:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert((document.getElementById("tbl").width));
    il ne m'affiche rien (enfin si, il affiche le popup alert mais avec rien, même pas une erreur, rien...)

  2. #2
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Bonjour,
    essaye de mettre l' id entre " " dans ta balise <table> :

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    198
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 198
    Par défaut
    En fait dans mon vrai code les "" y sont.

  4. #4
    Membre éprouvé Avatar de shaun_the_sheep
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2004
    Messages
    1 619
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Enseignement

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 619
    Par défaut
    salut,

    je doute un peu de la syntaxe de cette ligne:
    document.getElementById("tbl").height

    je mettrai :document.getElementById("tbl").style.height et je préciserai dans la balise table une hauteur par défaut.

    a essayer

  5. #5
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    offsetHeight, offsetWidth
    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 !

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    198
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 198
    Par défaut
    J'ai essayer avec le style mais ça ne change rien cela revient au même, quand à fixer une hauteur par défaut je suis sûr que cela résoudrer mon pb, mais le souci, c'est que je ne sais pas quoi mettre commen hauteur, si je met 500 par ex comme ma div, ça va allaer lorsque j'ai plusieures lignes, mais lorsque je n'ai que deux lignes dans ma table, où une, t'imagine la taille de la ligne, c'est trop laid...

    Quand au offsetHeight, offsetWidth, je ne connais pas, peux-tu m'en dire un peu plus.

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    198
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 198
    Par défaut
    J'ai cherché sur google pour le offsetHeight, ça fonctionne je te remerci SpaceFrog.

    Et merci à beegood et à Jumano de s'être pencher sur le pb.

  8. #8
    Membre éprouvé Avatar de shaun_the_sheep
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2004
    Messages
    1 619
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Enseignement

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 619
    Par défaut
    Salut,

    sinon il y a peut être une autre solution tu comptes les lignes de ton tableau html et tu adaptes en fonction

    essai d'adapter cela à ton projet:

    c'est du javascript ->

    var tble = document.getElementById(idtable);
    var lig = tble.getElementsByTagName("tr");
    et lig.length doit te donner le nom de ligne soit de balise tr

    peut être que ?

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    198
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 198
    Par défaut
    merci beegood, j'avais pensé à cela au début, maiis le souci avec ça c'est que mes tr ne sont pas de la même hauteur, cette dernière varie en fonction des données contenues.

    Mais le offsetHeight me donne la bonne taille de ma table, donc ...

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

Discussions similaires

  1. augmenter la taille pour une table mysql
    Par zidenne dans le forum SQL Procédural
    Réponses: 1
    Dernier message: 21/08/2006, 15h01
  2. Taille d'une iframe en javascript
    Par genova dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 03/07/2006, 13h55
  3. [MySQL] Taille d'une table/base
    Par Indyana dans le forum PHP & Base de données
    Réponses: 8
    Dernier message: 21/10/2005, 11h24
  4. taille d'une table + que 4 Go
    Par amika dans le forum SQL Procédural
    Réponses: 1
    Dernier message: 12/08/2005, 18h23
  5. taille d'une table
    Par jean-jacques varvenne dans le forum Oracle
    Réponses: 11
    Dernier message: 29/12/2004, 13h17

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