Discussion :

[Marc22]

Bonjour, à titre d'essai pour un soucis d'affichage avec chrome, je n'arrive pas à faire fonctionner ces 2 fonctions alors que pour getElementById, j'avais pas de soucis.

getElementsByTagName

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function affichage_chrome(){
var test = document.getElementsByTagName("name");
 
for(var i=0;i<=test.length ; i++){
test[i].style.cssText="color:red;";}

getElementsByName

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function affichage_chrome(){
var test = document.getElementsByName("name");
test[0].style.cssText="color:red;"; //(je n'ai qu'une balise de ce nom) 
}

code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div onclick="affichage_chrome()" id="test" name="test" >texte</div

Je ne sais pas ce qui cloche, c'est la première fois que je m'en sers.

[E.Bzz]

Bonjour,
contrairement à getElementsByName()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByTagName("name");

fait référence au nom du tag HTML.
Or il n'existe pas de tag HTML <name>.
Ou alors c'est du XML mais il faudrait le préciser ...

Par ailleurs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

name="name"

est à éviter comme tout identifiant faisant référence à un terme du langage

A+

[Marc22]

Oui oui en plus je le savais mais j'ai recopié vite fait.

C'est bien un "div" à la place de "name" dans getElementsByTagName.

Et Merci ça fonctionne pour getElementsByTagName , en revanche, pour le getElementsByName ça ne fonctionne pas et je me demande si c'est possible d'avoir un attribut name dans un div?

En fait je faisais ça pour éviter d'avoir à compter dans la boucle jusqu'à arriver au bon div ! Je trouve ça un peu nul.

C'est parce qu'on mon div a un attribut class, j'en ai besoin car j'ai plusieurs div de ce type, donc je peux pas utiliser un id.

[E.Bzz]

j'ai plusieurs div de ce type, donc je peux pas utiliser un id.

Heu ... qu'est-ce qui empêche ?
Ca serait la méthode la plus adaptée et la plus compatible avec tous les nav
D'autant que tu sembles l'avoir déjà fait.

EDIT :

je me demande si c'est possible d'avoir un attribut name dans un div?

Normalement non, ce n'est plus possible.

A+

[Marc22]

Mais les id c'est pas unique? Une balise pour un seul id.

Tandis que dans les classes, plusieurs balises peuvent avoir le même nom de class non?

[E.Bzz]

Mais les id c'est pas unique? Une balise pour un seul id.

Et même : un id une seule fois dans la page.

Tandis que dans les classes, plusieurs balises peuvent avoir le même nom de class non?

Bien sur, c'est le principe.
Et c'est en l'occurrence ce qui te pose problème.

Mais je ne vois toujours pas pourquoi tu ne peux pas donner un id à un de ces <div> (même s'ils partagent tous les mêmes caractéristiques CSS).
S'ils sont générés dans une boucle PHP, il suffit de concaténer un compteur à la partie fixe de l'id (en effet, rien ne t'empêche d'attribuer un id aussi aux autres div : ça sera peut être plus simple à gérer).

A+

[Bovino]

A noter que les versions récentes de la plupart des navigateurs disposent d'une méthode getElementsByClassName, du coup, tu peux prévoir un code par exemple du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
function getClassName(nomClasse){
    if(document.getElementsByClassName){
        return document.getElementsByClassName(nomClasse);
    }
    else{
        var classElts = [];
        var elts = document.getElementsByTagName('*'), i = elts.length;
        while(i--){
            if(elts[i].className == nomClass){classElts.push(elts[i];}
        }
        return classElts;
    }
}

[Marc22]

Salut,

ça a l'air très pratique, mais est ce normal que ça ne marche que sur chrome? j'ai IE8, et firefox 3.6.3, donc les toutes dernières versions et elles ne semblent pas connaître getElementsByClassName.

J'ai simplement repris ton code en faisant un alert

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
    if(document.getElementsByClassName){
        alert("ok");    }

[Bovino]

j'ai IE8, et firefox 3.6.3, donc les toutes dernières versions et elles ne semblent pas connaître getElementsByClassName.

C'est normal pour IE8, mais pour FF 3.6, tu as dû faire une erreur, ça fonctionne très bien

[Marc22]

Bonjour,

excusez moi de "réouvrir" le sujet, c'est pour éviter d'en créer un autre,

sur le net, ils disent que chrome implémente getElementsByClassName, or j'ai la version à jour, mais mon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByClassName('pagination')[0].style.cssText="margin-top:86%;";

même dans une boucle.

ça ne fonctionne pas.

alors que sur firefox j'arrive bien à utiliser la méthode en général.

[E.Bzz]

As-tu essayé d'abord de le faire afficher pour voir s'il y a une erreur d'accès ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(document.getElementsByClassName('pagination')[0].style.cssText);

Dans certains cas, suivant les nav, il peut arriver que lorsqu'une collection ne comporte qu'un seul élément, ce soit l'élément lui-même qui soit retourné au lieu d'un tableau.
as-tu essayé avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByClassName('pagination').style.cssText

(ce n'est qu'une supposition)

A+

[Marc22]

ah ok j'ai compris, merci E.Bzz,

en fait c'était une ligne javascript au dessus qui ne passait pas et faisait planter le reste mais sinon effectivement ça marche aussi sur chrome.

merci.