Récupérer un élement sans id

Version imprimable

02/08/2011, 10h19
fullscream

Récupérer un élement sans id

bonjour à tous! Voila j'essaye de créer un script qui me permet de changer le value d'une div en javascript. Mon souci c'est qu'il n'y a ni d'ID n'y ni de Name pour pointer sur l'element!

Comment puis-je faire ???
02/08/2011, 10h26
Bovino

Autrement peut-être ?

Tu t'attends à quoi avec le peu d'informations que tu nous donnes ? Qu'on devine ton code, les contraintes, les liens entre les éléments ?
02/08/2011, 10h26
vermine

Ca tombe bien, il n'y a pas de value sur une div

Bonjour,

Il faut voir selon la structure HTML de la page. Avec certaines méthodes et quelques boucles, on y parviendra sûrement.

En faite je veut modifier un div d'une page a partir de greasemonkey !

par exemple :

Code:

1
2
3
page html
 
<div value="123456">salut</div>

et avec mon script greasemonkey modifier salut et le 123456

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
script:
// ==UserScript==
// @name Apu Flash!
// @namespace http://exemple.com/scripts/pubflash/
// @description Retire les pubs en Flash du site example.com
// @include http://exemple.com/*
// ==/UserScript==
 
(function() {
	b = document.body;
  	  nouveauinput = document.createElement("input");
	nouveauinput.innerHTML = "mon_input_ajouter";
	nouveauinput.type = "submit";
  	  nouveauinput.id = "mon_input_ajouter";
 
  	 b.parentNode.insertBefore(nouveauinput,b);
  	 document.getElementById('mon_input_ajouter').addEventListener('click', touche_entrer, true);
 
function touche_entrer()
 {
 
  	  alert("coucou");
  	  //ici je voudrai modifier la valeur de la div	  
 }
}
)();

j'ai peut être trouvé une solution qu'en pensez vous ??

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
// DHTML
var arrayImg = document.body.all.tags("div");
 
// DOM
var arrayImg = document.body.getElementsByTagName("div");
 
 
// boucle sur les tags
 
for(i=0; i<arrayImg.length; i++)
{
   var result;
   if( typeof(arrayImg[i]) != 'undefined' )
       result= arrayImg[0].value;
}

02/08/2011, 12h23
vermine

C'est l'idée précitée. :)
Est-ce la meilleure méthode ? Nous ne pouvons le dire. Ca dépend réellement de votre HTML.

voici le code html en question

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div>
<div class="fb_protected_wrapper" fb_protected="true">
<div fb_protected="true" import_external_friends="false" actiontext="Ticket de carnaval." exclude_ids="" cols="5" rows="5" bypass="skip" email_invite="false" selected_rows="5" unselected_rows="6" max="60" condensed="true">
<div class="condensed_multi_friend_selector" style="visibility: visible;">
<div class="typeahead_holder">
</div>
<div class="unselected_list" style="height: 114px;">
</div>
<div class="selected_list" style="height: 75px;">
<label class="clearfix" style="">
<input class="inputcheckbox " type="checkbox"  value="729313455" >
<span>Abby*·Lo</span>
</label>
<label class="clearfix" style="">
<input  class="inputcheckbox " type="checkbox"  value="1072118744" >
<span>Adrien*·Thomas</span>
</label>
 
</div>

j'aimerai changer les value de adriens.thomas et abby.lo
merci pour votre aide!

02/08/2011, 13h25
Sharcoux
J'aurais tendance à te conseiller de t'orienter vers jQuery qui te permettra d'accéder aux éléments par leur sélecteur css :

Code:

mesElementsHTML = $("input.inputcheckbox span")//suivi éventuellement de .each() pour traiter chacun des deux éléments

Sinon, tu peux faire par exemple
Code:

1 2 3 4 var elements = document.body.getElementsByTagName("input") for(var inputElement in elements) { inputElement.innerHTML(/*ton nouveau span*/); }
02/08/2011, 14h08
fullscream

merci de ta réponse !! je vais regarder tout sa !!! Si non pour changer le value de l'input je procède comment en jquery?
02/08/2011, 14h40
Sharcoux

voilà pour le jquery :

Code:

$("input.inputcheckbox span").html("nouveau contenu du span");

Comme tu le sais sans doute, tu as juste besoin de télécharger le fichier jquery.js et de rajouter dans ton head :

Code:

<script type="text/javascript" src="jquery.js"></script>

pour avoir accès à toute la librairie jquery (tu verras, tu ne pourras très vite plus t'en passer ! ;) )

Attention au passage : dans mon exemple, le jquery change directement le contenu situé entre les balises <span></span> alors que l'exemple précédent sans jquery changeait le contenu situé entre les balises <input></input>
02/08/2011, 14h48
SpaceFrog

Code:

$("input.inputcheckbox span")

c'est possible ça un span dans un input ?
02/08/2011, 14h58
fullscream

merci encore ! Pour la source en effet il n'a pas de souci !!:)

par contre il y a une chose que tu a mal compris, c'est que j'aimerais aussi changer le value dans les parametres de l'input:

<input class="inputcheckbox " type="checkbox" value="729313455" >
^ ^
|| ||

Citation:

Envoyé par SpaceFrog

Code:

$("input.inputcheckbox span")

c'est possible ça un span dans un input ?

j'y crois pas non plus!

Sans avoir recours à jQuery tu peux avoir la même démarche
- recherche des INPUT de la page
- récupération du parent
- récupération des SPAN du parent
- faire ce que tu as à faire

exemple
Code:

1 2 3 4 5 6 var i, nb; var oParent, oInput = document.getElementsByTagName('INPUT'); for( i = 0, nb = oInput.length; i < nb; i++){ oParent = oInput[i].parentNode; oParent.getElementsByTagName('SPAN')[0].innerHTML = 'Salut du ' +oInput[i].value; }
la question reste de savoir qui est qui ???

02/08/2011, 15h19
Sharcoux

Citation:

c'est possible ça un span dans un input ?

looool mais je suis grave aujourd'hui !

dsl, évidemment, c'était pas ça. Voilà le code corrigé :

Code:

$("label.clearfix span").html("nouveau contenu du span");

et pour changer les paramètres de l'input :

Code:

$("label.clearfix input").each(function(element) {element.value="lalilala";});

teste la valeur de element.value pour savoir qui est qui, par exemple.

Sans jquery, je te laisse te référer à noSmoking
02/08/2011, 15h29
fullscream

merci de votre aide !

juste une petite retouche au code de Sharcoux
Code:

1 2 3 $("label.clearfix input").each( function( i, element){ // ajout du i element.value="lalilala"; });
ou encore
Code:

1 2 3 $("label.clearfix input").each( function(){ this.value="lalilala"; });
Mais pourquoi pas jQuery si tu n'as que cela à faire.

02/08/2011, 15h41
SpaceFrog

Code:

$("label.clearfix input").val('coucou')
02/08/2011, 15h54
Sharcoux
Citation:

Envoyé par SpaceFrog

Code:

$("label.clearfix input").val('coucou')

euh...ouais, enfin là c'est si tu veux le même contenu pour les deux input, ce dont je doute...

sinon, merci pour les corrections noSmoking :mouarf:

en particulier,
Code:

1 2 3 $("label.clearfix input").each( function( i, element){ // ajout du i element.value="lalilala"; });
i est ici l'indice de la balise input rencontrée (indexée à partir de 0), càd i=0 pour ton premier input, i=1 pour le suivant, etc. Si tu connais l'ordre des input, ça peut te suffire à les identifier.
02/08/2011, 22h37
Willpower

Comme l'on dit les autres ici, cherche un élément proche récurrent et manipule les nodes (childNode, parentNode, nextNode) pour arriver à l'élément voulu.

Sinon, comme l'on de nouveau dit les autres, une librairie type jQuery te facilitera sans doute la tâche.
03/08/2011, 10h03
fullscream

Merci encore une fois votre aide est génial !!!!
03/08/2011, 10h34
SpaceFrog

Résolu ?

Merci de penser au petit bouton http://www.developpez.net/forums/ima...ons/resolu.gif en bas du thread :merci: