Ajouter des évènement à un TR (DOM)

Bonjour tout le monde,

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

J'ai ceci :

Code:

---

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:

---

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

---

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

Merci d'avance.

beegees

Bonjour,

Citation:

---

Envoyé par beegees

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

A+

Citation:

---

Envoyé par E.Bzz

Bonjour,En Javascript, sur le onload ?

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

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:

---

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:

---

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

Citation:

---

Envoyé par beegees

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

---

:koi:
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+

Re,

Citation:

---

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:

---

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

---

beegees

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

Citation:

---

Envoyé par E.Bzz

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+

Re,

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

Merci pour ta patience.

beegees

Citation:

---

Envoyé par beegees

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

---

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:

---

1 2 3 4

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

---

A+