Discussion :

[beegees]

Bonjour tout le monde,

Je suis occupé à ajouter des lignes à un tableau en DOM.

J'ai ceci :

Code :

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

1
2
3
 
retour.= 'var tr, cell;';
retour.= 'tr = document.getElementById(\'co_author\').insertRow(-1);';

J'aimerais ajouter deux évènements sur cette tr :

Code :

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

onMouseover="this.style.backgroundColor=\'yellow\';" onMouseout="this.style.backgroundColor=\'#999999\';"

Sauriez-vous me dire comment faire s.v.p. ?

Merci d'avance.

beegees

[E.Bzz]

Bonjour,

Sauriez-vous me dire comment faire s.v.p. ?

En Javascript, sur le onload ?

Mais je vois pas bien ce que viens faire ton PHP dans l'histoire

A+

[beegees]

Bonjour,En Javascript, sur le onload ?

Mais je vois pas bien ce que viens faire ton PHP dans l'histoire

A+

Bonjour,

En fait, c'est de l'ajax (je n'ai peut être pas posté au bon endroit).

J'aurais voulu créer le code en PHP et le retourner en javascript.

ça n'a pas l'air de fonctionner :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php
 
	include('../includes/connexion.php');
 
	$sql = "SELECT * FROM contact ORDER BY ".$_POST['nom_colonne'];
	$query = mysql_query($sql);
 
 
	$retour = '';
	while($res=mysql_fetch_array($query))
	{
		$retour.= 'var tr, cell;';
		$retour.= 'tr = document.getElementById(\'datas\').insertRow(-1);';
		$retour.= 'tr.onmouseover=function(){this.style.backgroundColor="yellow";};tr.onmouseout=function(){this.style.backgroundColor="#999999";};';		
	}
 
	echo $retour;
 
?>

de retour en javascript :

Code :

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

1
2
3
4
5
6
7
if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0 ) )
 
		{
			alert(xhr.responseText);
			document.getElementById('datas').innerHTML = xhr.responseText;
 
		}

Au lieu de créer le tableau, il affiche des Strings avec le code javascript.

Merci d'avance pour l'aide.

beegees

[E.Bzz]

Au lieu de créer le tableau, il affiche des Strings avec le code javascript.

Ben oui, c'est ce que tu lui demandes de faire ...

Je comprends bien la présence d'Ajax, mais ça ne change pas ma remarque.
Fais une fonction de ton code Javascript (ajout de ligne).
Ton Ajax n'a qu'à renvoyer un flag indiquant quelle fonction lancer (ou si besoin les paramètres à lui passer s'ils peuvent être variables).

A+

[beegees]

Re,

Ben oui, c'est ce que tu lui demandes de faire ...

Oui, tu as raison.

J'essaie d'utiliser la eval mais sans succès :

Code :

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

document.getElementById('datas').innerHTML = eval(xhr.responseText);

beegees

[E.Bzz]

Il ne fallait pas t'arrêter à ma 1° phrase

Fais une fonction de ton code Javascript (ajout de ligne).
Ton Ajax n'a qu'à renvoyer un flag indiquant quelle fonction lancer (ou si besoin les paramètres à lui passer s'ils peuvent être variables).

A+

[beegees]

Re,

Je ne me suis pas arrêter à ta première phrase mais je ne comprends pas bien ton idée

Merci pour ta patience.

beegees

[E.Bzz]

Je ne me suis pas arrêter à ta première phrase mais je ne comprends pas bien ton idée

Fais une fonction avec le code de création de la nouvelle ligne (insertRow etc.).
Sur le retour Ajax tu pourras faire (ce n'est qu'un exemple)

Code :

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

1
2
3
4
if (xhr.responseText == "1")
   AjouteLigne();      // Ta nouvelle fonction
else
// les autres cas

A+