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 :

R�cup�rer valeurs css d'un div


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Invit�
    Invit�(e)
    Par d�faut R�cup�rer valeurs css d'un div
    Bonjour,

    La r�cup�ration des valeurs CSS d'un div me pose probl�me.

    DIV
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <div class='yearContent' name='divAnnee'>blablabla</div>
    J'utilise name pour pouvoir r�cup�rer plusieurs div!

    CSS
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    .yearContent {
    	position: absolute;
    	top: 220px;
    	left: 200px;
    	width: 500px;
    	height: auto;
    	padding: 10px;
    	text-align: left;
    }
    JS
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    window.onload = positionnerDiv;
     
    function positionnerDiv() {
    	var divsAnnee = document.getElementsByName("divAnnee");
    	for (var i=0; i<divsAnnee.length; i++) {
    		if (i != 0) {
    			alert(divsAnnee[i-1].style.width);
    		}
    	}
    }
    La fen�tre alert est tout le temps vide, pas la moindre valeur.

    Je me trompe quelque part?

    Merci.

  2. #2
    Mod�rateur
    Avatar de Bis�n�rs
    Profil pro
    D�veloppeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    D�tails du profil
    Informations personnelles :
    �ge : 42
    Localisation : France, Rh�ne (Rh�ne Alpes)

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par d�faut
    La m�thode .style en Javascript renvoie les valeurs inline de l'attribut style d'une balise, et non pas les styles d�clar�s dans une feuille de style.

    Tu peux toujours essayer de t'aider de �a:
    http://javascript.developpez.com/faq...=CSS#styleReel

    Au passage, l'attribut name d'un div n'est pas valide XHTML et n'est pas reconnu par IE.

  3. #3
    Invit�
    Invit�(e)
    Par d�faut
    Citation Envoy� par Bis�n�rs
    Au passage, l'attribut name d'un div n'est pas valide XHTML et n'est pas reconnu par IE.
    Merci pour cette info, je vais changer �a!

    Pour ce qui est du reste, je suis fort ennuy�. Ce que j'essaie de faire c'est un genre d'explorateur de fichier (sauf que le contenu n'est pas des fichiers) avec une croix cliquable pour �tendre chaque valeur et voir celles dessous. Point important : je ne connais pas le nombre d'�l�ments pr�c�d�s d'une croix, c'est g�n�r� de fa�on dynamique.

    Exemple :
    + 2007
    + 2008
    + 2009
    Deviendrait une fois cliqu� sur une croix :
    - 2007
    �l�ment 1
    �l�ment 2
    ...
    + 2008
    + 2009
    Je pensais faire des div de m�me classe positionn�es de fa�on absolue (sans JS ils sont l'un sur l'autre), puis par JS r�cup�rer la hauteur du pr�c�dent et l'ajouter � la propri�t� top pour le descendre dynamiquement.

    D'apr�s ce que je vois je suis mal parti, aurais-tu quelques conseils de base, un fil directeur � me donner pour concevoir cela? Je ne veux pas de code tout fait, je pr�f�re m'essayer � ce genre de pratique depuis 0.

    Merci.

  4. #4
    Mod�rateur
    Avatar de Bis�n�rs
    Profil pro
    D�veloppeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    D�tails du profil
    Informations personnelles :
    �ge : 42
    Localisation : France, Rh�ne (Rh�ne Alpes)

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par d�faut
    Ben, en CSS, si tu ne mets pas de hauteur d�finie � ton div, il va s'adapter en fonction du contenu.

    Donc, si tu fais :

    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <div>+ 2007</div>
    <div>
       Element1<br />
       Element2<br />
       Element3
    </div>
    <div>+ 2008</div>
    <div>
       Element1<br />
       Element2<br />
       Element3
    </div>
    Et que par un jeu d'identifiants tu masques/affiches que ceux que tu veux, tu n'as pas besoin de tes position:absolute et g�rer la hauteur de chaque �l�ment en JS.

  5. #5
    Invit�
    Invit�(e)
    Par d�faut
    Ouais je sais pas ce que j'ai �t� imaginer l�, il faudrait que je fasse des pauses de temps en temps pour me remettre les id�es en place! LOL

    Merci de m'avoir rafra�chit les id�es!

    webrider

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�cup�rer style css d'une div ou autre
    Par thomix68 dans le forum Mise en page CSS
    R�ponses: 1
    Dernier message: 19/08/2013, 11h39
  2. R�cup�rer valeur parent-enfant d'une div cliqu�e
    Par lefebvresdesigns dans le forum G�n�ral JavaScript
    R�ponses: 12
    Dernier message: 28/01/2012, 11h47
  3. r�cup�rer valeur x de la position de la div
    Par bruman dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 11/03/2009, 13h56
  4. R�cup�rer valeur chekbox et input dans un DIV
    Par axanta dans le forum G�n�ral JavaScript
    R�ponses: 6
    Dernier message: 12/11/2008, 15h51
  5. [HTML] R�cup�rer une valeur dans un tableau - DIV
    Par frtou dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 5
    Dernier message: 02/09/2008, 10h12

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