souci récupération div avec getElementsByName [Résolu]

[cloud76]

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

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

[SpaceFrog]

et si tu veux chopper un groupe de divs ...
http://www.developpez.net/forums/d75...filtre-regexp/

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

[andry.aime]

Bonjour,

cependant certaines div ont un id identique

ç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

[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)

[andry.aime]

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.

[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 CSS :

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 CSS :

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.

[SpaceFrog]

.class sur un div fonctionne ...

[franculo_caoulene]

Ceci est une question CSS et non plus javascript

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

[le_chomeur]

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;
};

[SpaceFrog]

fillot t'as pas suivi le thread ...
il a déja le lien vers le script de la contrib ^^

[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

[le_chomeur]

si si mais entre le moment ou j'ai écrit et posté , j'ai été dérangé par un collègue xD

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