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 :

Comment connaitre le nombre de px d'un width 100%


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 9
    Par défaut Comment connaitre le nombre de px d'un width 100%
    Bonjour,
    ma question peut paraître "bête" et les raisons d'une telle question le sont tout autant, mais bref...

    J'aimerais savoir comment en javascript (en JQuery peut être...) peut-on connaître le nombre de pixel que le navigateur attribut pour l'affichage d'un élément dont le width est initialisé à 100% (en théorie, le maximum de d'espace que lui attribut sont conteneur, l'écran s'il n'y a pas de conteneur...

    Enfin voilà, je sèche sur cette question.
    Pour les raisons, déjà, c'est que mon niveau en graphisme(HTML/CSS) n'est pas très terrible...
    Et mon problème, c'est que j'ai mis en place un tableau avec un scroll auto en x et y. (Je ne veux pas qu'il excède une certaine taille.
    Pour ce faire, j'ai créé une structure du genre:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <table width="100%">
    <tr><td>titre blabla</td></tr>
    <tbody class="ScrollContent" >
    <tr><td>infos donnée</td><td>Ligne 1 <label>Donnée 1</label><label> Donnée 2</label></td>[...]</tr>
    <tr><td>infos donnée</td><td>Ligne 2 <label>Donnée 1</label><label> Donnée 2</label></td>[...]</tr>
    [...]
    </tbody>
    </table>
    Dans le CSS du scrollContent je mets:
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    width:100%;
    height:100%;
    white-space:nowrap;

    le width à 100% ne scroll jamais, car il va prendre la taille nécessaire pour tout afficher les données lattérales...
    C'est pour ça qu'en javascript je le modifie pour lui donner une valeur fixe selon la largeur de l'écran (screen.width). C'est pas concluant, et j'aimerais donc, utiliser le nombre de pixel d'un width dont la taille est bonne!

    Voila voila, merci à ceux qui m'aideront, même si je pense que certains vont me tailler en pièce, mais soit

  2. #2
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 9
    Par défaut petite précision
    PS: Sans le tbody dans cette exemple, tous les éléments retournent automatiquement à la ligne lorsqu'ils atteignent la "bordure" du tableau délimitée par le width...

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 9
    Par défaut J'AI TROUVEEEEE !!!!
    Bon, voilà un post bien inutile, personne ne sera venu m'aider...
    J'ai trouvé tout seul! Il faut utiliser
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $('id_element').clientWidth
    dans le cas ou on utilise "prototype" sinon,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById('id_element').clientWidth
    Voilà, je spécifie ma réponse si cela peut aider quelqu'un dans un futur plus ou moins proche.. ^^

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

Discussions similaires

  1. Réponses: 31
    Dernier message: 30/09/2006, 22h08
  2. Réponses: 2
    Dernier message: 13/06/2006, 15h46
  3. comment connaitre le nombre de <tr> au sein d'un <table>
    Par pit9.76 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 09/06/2006, 13h27
  4. Réponses: 2
    Dernier message: 05/05/2006, 08h55
  5. comment connaitre le nombre ...
    Par mythtvtalk.com dans le forum Requêtes
    Réponses: 9
    Dernier message: 04/08/2003, 08h18

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