javascript => attribut class

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : javascript => attribut class

celestin1409

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 :

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>
<body>
<div class="toto">
Je suis toto
</div>
<div class="titi">
Je suis titi
</div>
<div class="toto">
Je suis encore toto
</div>
</body>
</html>

Merci d'avance

Message cité 1 fois

Publicité

leflos5

On est ou on est pas :)

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)

anapajari

s/travail/glanding on hfr/gs;

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

Code :

function getElementsByClass(className) {
var arr = new Array();
var elems = document.getElementsByTagName("*" );
for(var i = 0; i < elems.length; i++) {
var elem = elems[i];
var id = elem.getAttribute("id" );
var cls = elem.className;// normalement on devrait mettre elem.getAttribute("class" ); mais IE supporte pas
if(cls == className && id != null) {
arr[arr.length] = id;
}
}
return arr;
}

ç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

masklinn

í dag viðrar vel til loftárása

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 :

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>
<body>
<div class="toto">
Je suis toto
</div>
<div class="titi">
Je suis titi
</div>
<div class="toto">
Je suis encore toto
</div>
</body>
</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 :

function getElementsByClass(className) {
var arr = new Array();
var elems = document.getElementsByTagName("*" );
for(var i = 0; i < elems.length; i++) {
var elem = elems[i];
var id = elem.getAttribute("id" );
var cls = elem.className;// normalement on devrait mettre elem.getAttribute("class" ); mais IE supporte pas
if(cls == className && id != null) {
arr[arr.length] = id;
}
}
return arr;
}

ç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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

celestin1409

anapajari a écrit :

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

Code :

function getElementsByClass(className) {
var arr = new Array();
var elems = document.getElementsByTagName("*" );
for(var i = 0; i < elems.length; i++) {
var elem = elems[i];
var id = elem.getAttribute("id" );
var cls = elem.className;// normalement on devrait mettre elem.getAttribute("class" ); mais IE supporte pas
if(cls == className && id != null) {
arr[arr.length] = id;
}
}
return arr;
}

ç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.

celestin1409

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

masklinn

í dag viðrar vel til loftárása

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

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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

leflos5

On est ou on est pas :)

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

Message cité 1 fois

masklinn

í dag viðrar vel til loftárása

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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

celestin1409

masklinn a écrit :

Je parle pas de ça.

Il est parfaitement possible d'écrire

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

Publicité

anapajari

s/travail/glanding on hfr/gs;

celestin1409 a écrit :

Je parle pas de ça.

Il est parfaitement possible d'écrire

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

[edit]m'en sors pas avec les quotes

Message édité par anapajari le 09-11-2005 à 16:25:39

leflos5

On est ou on est pas :)

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"

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

masklinn

í dag viðrar vel til loftárása

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"

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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

FORUM HardWare.fr

Programmation

HTML/CSS

javascript => attribut class

Sujets relatifs
Récuperer une varible Javascript en php dans un formulaire	Opé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.SecurityE	ecriture 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

Page générée en 0.063 secondes