souci récupération div avec getElementsByName

Version imprimable

02/07/2009, 16h53
cloud76

souci récupération div avec getElementsByName
Salut tout le monde,

Je vous explique mon problème.

J'ai une fonction javascript qui me crée des div dans ma div de départ qui à l'id corps.
Code:

1 2 3 4 5 for (i=0;i<10;i++) { document.getElementById("corps").innerHTML+="<div name='test"+i+"' id='css_test'></div>"; }
J'utilise donc l'id pour lui donner un style CSS.
Maintenant dans chaque div je veux ajouter à chacune un nombre de lien a aléatoire (selon le nombre d'élément en base de données) et la c'est le drame parce que je ne sais pas comment faire pour récupérer une div avec son name et pas son id, car tous les id sont identique...
J'ai essayé ça en sachant qu'elle est placée dans la boucle i mais ça ne marche pas :
Code:

1 2 3 4 for(j=0;j<liste.length;j++){ document.getElementByName("test"+i)[0].innerHTML+="<a href='#'>test"+j+"</a><br />"; }
Est-ce que quelq'un à une idée???

Merci beaucoup.

Bonne journée
02/07/2009, 17h07
DoubleU

L'attribut name ne s'applique qu'aux éléments de formulaire, donc pas aux divs.

Donc pour identifier ta div, utilise son id, pas son name et tu pourras l'accéder par un getElementById.
02/07/2009, 17h08
SpaceFrog

et si tu veux chopper un groupe de divs ...
http://www.developpez.net/forums/d75...filtre-regexp/
03/07/2009, 09h39
cloud76

Merci pour vos réponses, cependant certaines div ont un id identique (pour le css) donc j'ai besoin de les différencier.
Au lieu d'utiliser name, je pourrait utiliser la class.

Par contre il n'existe pas de getElementsByClass...
03/07/2009, 09h44
andry.aime

Bonjour,

Citation:

cependant certaines div ont un id identique

:nono: ça ne se fait pas, un id doit être unique.
avec le lien donné par SpaceFrog, tu peux les récupérer avec ses classe.
getElementsByClassName existe :
https://developer.mozilla.org/en/DOM...ntsByClassName
03/07/2009, 09h52
cloud76

Merci pour ta réponse andry.aime.

Je suis tout à fait d'accord avec toi un id doit être unique.
Cependant comment faire en css si plusieurs div doivent avoir le même style?

On dévit un peu du sujet mais comme ça je me coucherais moins bête ce soir ;)

Et je vais tester le script de spacefrog avec les classes et pas les names (merci encore à lui)
03/07/2009, 09h59
andry.aime

Citation:

comment faire en css si plusieurs div doivent avoir le même style

class c'est fait pour ça, tu le mets le même class pour ces div.
03/07/2009, 10h06
cloud76
D'accord.

On m'a appris qu'avec une div le style devait être obligatoirement mis avec l'id pour pouvoir interagir avec les éléments contenus dans cette div.

comme ça :
Code:

1 2 3 #test p{ text-align: left; }
est ce que c'est possible si je met le css dans la class je peux faire ça :
Code:

1 2 3 .test p{ text-align: left; }
La question peux être bète mais si je peux faire en sorte que l'id soit unique dans mon script je suis tranquille mon script fonctionnera parfaitement.
03/07/2009, 10h10
SpaceFrog

.class sur un div fonctionne ...
03/07/2009, 10h11
franculo_caoulene

Ceci est une question CSS et non plus javascript ;)

Oui, tu peux le faire, il suffit de tester!

un id DOIT être unique !

il te faut donc une méthode getElementByClassName :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
document.getElementsByClassName = function(nomClasse) {
  var TabClassName = new Array();
  var AllElements = document.getElementsByTagName('body')[0].getElementsByTagName('*');
  for (var i = 0 , l = AllElements.length; i < l; i++) {
		listeClass = AllElements[i].className.split(" ");
		//On parcours le tableau pour voir si l'objet appartient a la classe définit
		for(var x = 0 , y = listeClass.length; x < y ; x++){
			if(listeClass[x] == nomClasse){
				TabClassName.push(AllElements[i])
				break;
			}
		}
    }
  return TabClassName;
};

03/07/2009, 10h16
SpaceFrog

fillot t'as pas suivi le thread ...
il a déja le lien vers le script de la contrib ^^
03/07/2009, 10h19
cloud76

Merci pour toutes vos réponses et votre aide.

Je vais réfléchir à tout ça pour améliorer mon code et rendre surtout les id unique.

Je vous tiendrai au courant.

Je met le poste en résolu ;)

Bonne journée à tous
03/07/2009, 10h36
le_chomeur

si si mais entre le moment ou j'ai écrit et posté , j'ai été dérangé par un collègue xD
10/07/2009, 12h01
cloud76

Voilà comme promis de mes nouvelles.

Mon script fonctionne à merveille maintenant.

Mon souci était que je n'utilisait que de div.

Merci encore pour vos réponses.