showMondialDialog() dans un tableau créé par JS
Bonjour a Tous,
Je vous écris car je rencontre un problème.
Comment ? Rien d'étonnant me direz vous?
Oui effectivement.
Donc j'ai une page qui me permet de créer un tableau en fonction de filtre date (année et mois). Donc après sélection d'un ou plusieurs filtre, un petit coup d'ajax, je récupère mes valeurs de BDD, et je créer un tableau avec les élément dedans.
Jusque la tout fonctionne. Je tiens a précisé que je N'utilise PAS Jquery, je fais tout avec mes petites mains histoire de m'amuser un peu.
Allons bon je m'égare, mon probleme maintenant, et bien comme vous avez pu le voir dans le titre je désire quand je click sur le nom de l'un de mes candidats ( oui mon tableau me sort les candidat du test par année grace au filtre), je voudrai donc ouvrire une fenetre fille qui enleve le focus de la mere et qui m'affiche des information plus complete sur mon candidat.
J'utilise donc la fonction showMondialDialog() , patience je vais copier mon code, et mon pour se faire j'ai besoin de mettre un onclick dans le <td> qui contiens le nom, mais je n'y arrive pas pour cause mon <td> est généré par JS
Voici ma fonction que je veux appeler
Code:
1
2
3
4
5
6
|
function infoCandidat(theId)
{
var ret;
ret = showMondialDialog("info_can.php","","status=no; center=yes; dialogWidth=400px; dialogHeight=410px; help:no; scroll:yes;");
} |
Ici je vous met ma fonction qui creer mon tableau n'oublier pas mon tableau est bien creer et je recoit bien mon xml :
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
function readData(oData)
{
$("tableau").innerHTML = "";
var nodes = oData.getElementsByTagName("noeud");
for (var i=0; i<nodes.length;i++) {
leId = nodes[i].getElementsByTagName("id")[0].firstChild.nodeValue;
leNom = nodes[i].getElementsByTagName("Nom")[0].firstChild.nodeValue;
lePrenom = nodes[i].getElementsByTagName("prenom")[0].firstChild.nodeValue;
laSpecialite = nodes[i].getElementsByTagName("specialite")[0].firstChild.nodeValue;
leScore = nodes[i].getElementsByTagName("score")[0].firstChild.nodeValue;
leSeuil = nodes[i].getElementsByTagName("seuil")[0].firstChild.nodeValue;
td1 = document.createElement("td");
td2 = document.createElement("td");
td3 = document.createElement("td");
td4 = document.createElement("td");
td5 = document.createElement("td");
td1.id= leId;
td1.onclick="infoCandidat();";//j'essaye d’insérer le js au td ici
td1.appendChild(document.createTextNode(leNom));
td2.appendChild(document.createTextNode(lePrenom));
td3.appendChild(document.createTextNode(laSpecialite));
td4.appendChild(document.createTextNode(leScore));
if(leScore >= leSeuil)
{ laDecision = "Reçu"; }
else
{ laDecision = "Recalé"; }
td5.appendChild(document.createTextNode(laDecision));
monTr = document.createElement("tr");// on creer une balise
monTr.appendChild(td1);
monTr.appendChild(td2);
monTr.appendChild(td3);
monTr.appendChild(td4);
monTr.appendChild(td5);
$("tableau").appendChild(monTr);
}
} |
certain d'entre vous la reconnaîtrons peut être vous m'avez aider a la faire fonctionner maintenant juste au cas ou mon code html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<table >
<thead>
<tr id="titre" style="border:1px solid black">
<th style="border:1px solid black;width:100px;">Nom</th>
<th style="border:1px solid black;width:100px;">prenom</th>
<th style="border:1px solid black;width:100px;">specialite</th>
<th style="border:1px solid black;width:100px;">Score</th>
<th style="border:1px solid black;width:100px;">Decision</th>
</tr>
</thead>
<tbody id="tableau" >
</tbody>
</table> |
Voila Merci d'avance pour l'aide que vous pourrez m'apporter
Je reste a votre disposition pour de plus amples informations..
