Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1106 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  javascript => attribut class

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

javascript => attribut class

n°1242072
celestin14​09
Posté le 09-11-2005 à 11:52:09  profilanswer
 

Bonjour,
Voila mon probleme:
Je recherche une fonction javascript pour acceder a tous les elements de ma page ayant un attribut class="toto"
 
ma page bidon:

Code :
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Test</title>
  7. </head>
  8. <body>
  9. <div class="toto">
  10. Je suis toto
  11. </div>
  12. <div class="titi">
  13. Je suis titi
  14. </div>
  15. <div class="toto">
  16. Je suis encore toto
  17. </div>
  18. </body>
  19. </html>


 
Merci d'avance ;)

Message cité 1 fois
mood
Publicité
Posté le 09-11-2005 à 11:52:09  profilanswer
 

n°1242106
leflos5
On est ou on est pas :)
Posté le 09-11-2005 à 12:39:39  profilanswer
 

Il me semble pas que ça soit possible avec l'attribut class qui me semble servir que pour définir des classes css ;)
Donc utilises plutot id, et là getElementById(id)

n°1242135
anapajari
s/travail/glanding on hfr/gs;
Posté le 09-11-2005 à 13:00:17  profilanswer
 

tiens je m'en étais fait une y'a pas longtemps

Code :
  1. function getElementsByClass(className) {
  2.   var arr = new Array();
  3.   var elems = document.getElementsByTagName("*" );
  4.   for(var i = 0; i < elems.length; i++) {
  5.     var elem = elems[i];
  6.     var id = elem.getAttribute("id" );
  7.     var cls = elem.className;// normalement on devrait mettre elem.getAttribute("class" ); mais IE supporte pas
  8.     if(cls == className && id != null) {
  9.       arr[arr.length] = id;
  10.     }
  11.   }
  12.   return arr;
  13. }


 
ça te retourne un tableau avec les ids, mais t'as qu'a la changer pour que ça retourne directement l'objet si ça t'interesse...

Message cité 2 fois
Message édité par anapajari le 09-11-2005 à 13:00:57
n°1242142
masklinn
í dag viðrar vel til loftárása
Posté le 09-11-2005 à 13:06:35  profilanswer
 

celestin1409 a écrit :

Bonjour,
Voila mon probleme:
Je recherche une fonction javascript pour acceder a tous les elements de ma page ayant un attribut class="toto"
 
ma page bidon:

Code :
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Test</title>
  7. </head>
  8. <body>
  9. <div class="toto">
  10. Je suis toto
  11. </div>
  12. <div class="titi">
  13. Je suis titi
  14. </div>
  15. <div class="toto">
  16. Je suis encore toto
  17. </div>
  18. </body>
  19. </html>


 
Merci d'avance ;)


http://masklinnscans.free.fr/Tests [...] nctions.js
 
Utiliser la première pour une compatibilité maximum

anapajari a écrit :

tiens je m'en étais fait une y'a pas longtemps

Code :
  1. function getElementsByClass(className) {
  2.   var arr = new Array();
  3.   var elems = document.getElementsByTagName("*" );
  4.   for(var i = 0; i < elems.length; i++) {
  5.     var elem = elems[i];
  6.     var id = elem.getAttribute("id" );
  7.     var cls = elem.className;// normalement on devrait mettre elem.getAttribute("class" ); mais IE supporte pas
  8.     if(cls == className && id != null) {
  9.       arr[arr.length] = id;
  10.     }
  11.   }
  12.   return arr;
  13. }


 
ça te retourne un tableau avec les ids, mais t'as qu'a la changer pour que ça retourne directement l'objet si ça t'interesse...


[:pingouino]
 
T'es au courant qu'un élément peut avoir plusieurs classes [:petrus dei]


Message édité par masklinn le 09-11-2005 à 13:07:45

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
n°1242159
celestin14​09
Posté le 09-11-2005 à 13:35:57  profilanswer
 

anapajari a écrit :

tiens je m'en étais fait une y'a pas longtemps

Code :
  1. function getElementsByClass(className) {
  2.   var arr = new Array();
  3.   var elems = document.getElementsByTagName("*" );
  4.   for(var i = 0; i < elems.length; i++) {
  5.     var elem = elems[i];
  6.     var id = elem.getAttribute("id" );
  7.     var cls = elem.className;// normalement on devrait mettre elem.getAttribute("class" ); mais IE supporte pas
  8.     if(cls == className && id != null) {
  9.       arr[arr.length] = id;
  10.     }
  11.   }
  12.   return arr;
  13. }


 
ça te retourne un tableau avec les ids, mais t'as qu'a la changer pour que ça retourne directement l'objet si ça t'interesse...


 
Ok merci je vais regarder ca.

n°1242164
celestin14​09
Posté le 09-11-2005 à 13:40:11  profilanswer
 

Citation :


T'es au courant qu'un élément peut avoir plusieurs classes [:petrus dei]


 
En fait sur tous les element d'attribut class ici toto je vais faire le meme traitement
 
ps: merci ;)

Message cité 1 fois
n°1242234
masklinn
í dag viðrar vel til loftárása
Posté le 09-11-2005 à 14:30:38  profilanswer
 

celestin1409 a écrit :

Citation :


T'es au courant qu'un élément peut avoir plusieurs classes [:petrus dei]


 
En fait sur tous les element d'attribut class ici toto je vais faire le meme traitement
 
ps: merci ;)


Je parle pas de ça.
 
Il est parfaitement possible d'écrire

<div class="post magic thingie modified">


Ca donnera les 4 classes "post","magic","thingie" et "modified" au div et c'est valide.
 
Sauf que dans ce cas la soluce de Anapajari vole en éclats.

Message cité 1 fois

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
n°1242248
leflos5
On est ou on est pas :)
Posté le 09-11-2005 à 14:35:52  profilanswer
 

JE me demande si ça sert à quelque chose que j'use mon clavier...

Message cité 1 fois
n°1242285
masklinn
í dag viðrar vel til loftárása
Posté le 09-11-2005 à 15:02:06  profilanswer
 

leflos5 a écrit :

JE me demande si ça sert à quelque chose que j'use mon clavier...


Vu les conneries que tu racontes, pas vraiment [:dawa]

Message cité 1 fois

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
n°1242374
celestin14​09
Posté le 09-11-2005 à 16:17:51  profilanswer
 

masklinn a écrit :

Je parle pas de ça.
 
Il est parfaitement possible d'écrire

<div class="post magic thingie modified">


Ca donnera les 4 classes "post","magic","thingie" et "modified" au div et c'est valide.
 
Sauf que dans ce cas la soluce de Anapajari vole en éclats.


 
 Oué vu dans ce sens c sur

Message cité 1 fois
mood
Publicité
Posté le 09-11-2005 à 16:17:51  profilanswer
 

n°1242379
anapajari
s/travail/glanding on hfr/gs;
Posté le 09-11-2005 à 16:24:01  profilanswer
 

celestin1409 a écrit :

Je parle pas de ça.
 
Il est parfaitement possible d'écrire

<div class="post magic thingie modified">


Ca donnera les 4 classes "post","magic","thingie" et "modified" au div et c'est valide.
 
Sauf que dans ce cas la soluce de Anapajari vole en éclats.


 
Jamais dit le contraire, moi je proposais juste un petit bout de code qui avait l'air de répondre à son besoin et dont je lui conseillais de s'inspirer...
 
Après c'est vrai aussi que ça marche pas sous Lynx ... faudra que je corrige ça   :o  
 
[edit]m'en sors pas avec les quotes


Message édité par anapajari le 09-11-2005 à 16:25:39
n°1243740
leflos5
On est ou on est pas :)
Posté le 11-11-2005 à 03:30:10  profilanswer
 

masklinn a écrit :

Vu les conneries que tu racontes, pas vraiment [:dawa]


Je traduits l'interligne pour mosieur qui manifestement se sent supérieur sur ce coup ;)
 
ID => référence unique
CLASS => référence multiple
 
Donc toi, philosophiquement parlant, ça te gêne pas de vouloir accéder à des données qui sont pas uniques, tu tires à pile ou face pour choisir laquelle tu veux???  :whistle:  
 
Moi comme c'est énoncé je comprends que c'est un accès aux données donc uniques vu l'exemple parce que "Toto" pour moi c'est différent de "c'est encore toto"  :whistle:  
 
D'où ma réponse :) Si c'est pour de la mise en page, ok class mais moi je vois de l'accès à l'arbre et là rien que parce que 2 zones apparement pas identiques à part le nom, bah non  :kaola:  
 
Et si c'est pour de la modif de css en JS je relève même pas... C'est pratique ouais, pro-proof non...

Message cité 1 fois
n°1243747
masklinn
í dag viðrar vel til loftárása
Posté le 11-11-2005 à 04:57:55  profilanswer
 

leflos5 a écrit :

Donc toi, philosophiquement parlant, ça te gêne pas de vouloir accéder à des données qui sont pas uniques,


Bien sûr que non [:spamafote]  
 
Hint: un ID désigne un élément, une classe désigne un ensemble d'éléments [:itm]

Citation :

tu tires à pile ou face pour choisir laquelle tu veux???  :whistle:


Le but c'est peut être de toutes les traiter [:itm]

Citation :

Moi comme c'est énoncé je comprends que c'est un accès aux données donc uniques vu l'exemple parce que "Toto" pour moi c'est différent de "c'est encore toto"  :whistle:  


Ben va faloir retourner au CP pour apprendre à lire [:spamafote]  

Citation :

Moi comme c'est énoncé je comprends que c'est un accès aux données donc uniques vu l'exemple parce que "Toto" pour moi c'est différent de "c'est encore toto"  :whistle:  


Ca me semble pourtant relativement clair [:petrus75]  

Citation :

D'où ma réponse :) Si c'est pour de la mise en page, ok class mais moi je vois de l'accès à l'arbre et là rien que parce que 2 zones apparement pas identiques à part le nom, bah non  :kaola:  
 
Et si c'est pour de la modif de css en JS je relève même pas... C'est pratique ouais, pro-proof non...


Mais qu'est-ce que tu parles de mise en page [:petrus dei]


Message édité par masklinn le 11-11-2005 à 05:11:48

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  javascript => attribut class

 

Sujets relatifs
Récuperer une varible Javascript en php dans un formulaireOpération mathématique sur des chaines en Javascript
Est il possible de creer ce type de page avec html/javascript/php[Javascript] set handler dans une classe
[Résolu] unhandled exception class System.SecurityEecriture variable en javascript
Javascript qui contrôle la taille d'ouverture d'une fenêtre[Javascript]2 Frame, fermer/ouvrir celle de gauche[Résolu]
[ Débutant ] Erreur d'exécution en Javascript[Resolu}JAVA Pb pour faire appel a d'autres class d'un meme package
Plus de sujets relatifs à : javascript => attribut class

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.080 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)