[DOM] Comment récupérer la valeur d'une ligne cliquée dans un <DIV>?

Version imprimable

27/07/2007, 11h43
insane_80

[DOM] Comment récupérer la valeur d'une ligne cliquée dans un <DIV>?

Bonjour à tous,

J'ai un div qui se charge (dynamiquement par ajax) par plusieurs lignes (séparées par <br>), et je veux: si je clique sur une ligne alors une zone de texte va prendre la valeur de cette ligne.

Comment faire ? Et comment je peux récuperer la valeur d'une ligne cliquée?

Et merci d'avance.
27/07/2007, 13h24
m312

Citation:

Envoyé par insane_80

Bonjour à tous,

J'ai un div qui se charge (dynamiquement par ajax) par plusieurs lignes (séparées par <br>), et je veux: si je clique sur une ligne alors une zone de texte va prendre la valeur de cette ligne.

Comment faire ? Et comment je peux récuperer la valeur d'une ligne cliquée?

Et merci d'avance.

Perso je rajouterai des tags <p> au debut (et a la fin bien sur) de chaque ligne, apres un simple onclick="this.style.bgColor='red'" et plus de soucis (ou alors encore mieux, passer par le DOM et les parentNodes & autres, oui je sais je suis en pleine vague sur ce DOM :p)

J'ai pas bien compris ce que je dois faire, mais en tous cas, voilà des parties de mon code:

Mon div:

Code:

<div id="resultat_ville2"></div>

Une partie de code javascript (AJAX):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
..
...
....
function writediv2(texte)
     {
     document.getElementById('resultat_ville2').innerHTML = texte;
     }
 
.....
......
 
	xhr_object.onreadystatechange = function(){
 
	  if(xhr_object.readyState == 4 && xhr_object.status == 200){
                        writediv2('<span style="color:#1A7917"><b>'+xhr_object.responseText+'</b> </span>');
	        return(xhr_object.responseText);
 
	}
              }
...
...
...

Une partie de mon code côté serevur (ASP) pour recuperer des données de la base de données:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
...
....
.....
Do While NOT rs2.EOF 
	ville=rs2("ville") 
	response.Write(ville)
	response.Write("<br>")		
rs2.MoveNext
loop
...
....
.....

27/07/2007, 16h11
m312
Tout d'abord excuse ma premiere reponse, je pensais que tu voulais changer la couleur de fond de la ligne selectionnée...
Citation:
Envoyé par insane_80

Une partie de code javascript (AJAX):

Code:

1 2 writediv2('<span style="color:#1A7917"><b>'+xhr_object.responseText+'</b> </span>'); return(xhr_object.responseText);
Facile, soit tu rajoute une fonction Javascript pour te changer ton input (je suppose que ca doit etre un input text ou tu veux mettre la ligne):
Code:

1 2 3 4 function remplit(quoi) { var text = quoi.innerHTML; document.forms[#].elements[~].value = text; }
ou # et ~ sont les numeros des forms et de l'element input,
ou sinon a remplacer par document.getElementById('#ID#').value si ton input a un ID ...

et remplacer ton <span style="color:#1A7917"> par
<span style="color:#1A7917" onclick="remplit(this);">

Si je me suis fait comprendre ...