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
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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;"); }
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 : 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
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 dinsé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); } }
Voila Merci d'avance pour l'aide que vous pourrez m'apporter
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 <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>
Je reste a votre disposition pour de plus amples informations..
Partager