Bonjour j'ai un tableau qui ressemble a ca:
<table id="style2" width="100%" cellpadding="0" cellspacing="0">
<tr class="InterfaceHeader" id="example45">
<TD ><font class="InterfaceHeader_SubText" >Selection</font></TD>
<TD ><font class="InterfaceHeader_SubText" >Name</font></TD>
<TD><font class="InterfaceHeader_SubText" >Company</font></TD>
<TD><font class="InterfaceHeader_SubText" >Mail</font></TD>
<TD><font class="InterfaceHeader_SubText">Report format</font></TD>
</tr>
<tr id="TR0" class="InterfaceHeader2">
<td><input type=checkbox id="Check0" IndexVal="TR0"></td>
<td>Jean Clusote</td>
<td>Alicanos</td>
<td>Jean.Clusote@Alicanos.net</td>
<td>IATA chapter 7</td>
</tr>
<tr id="example4" class="InterfaceHeader2">
</tr>
</table>
j'aimerais editer et rajouter des lignes pour ajouter je fais ca:
function insertTD(){
var myObject=null;
VarArray=window.showModalDialog ('ReportForm.html',myObject,"dialogWidth:450px;dialogHeight:270px;status: no;unadorned: yes;help: no;scroll:no" );
if (VarArray!=null){
var newTR = document.createElement("tr" );
newTR.setAttribute("id",("TR"+TRcount));
//alert(newTR.getAttribute("id" ))
if (parity == true){
newTR.style.backgroundColor="#F2ECDE";
parity=false;
}else{
parity=true;
}
//Create the check box
var newTDSelection = document.createElement("td" );
var newInputSel = document.createElement("input" );
newInputSel.setAttribute("id",("Check"+TRcount));
newInputSel.setAttribute("type","checkbox" );
newInputSel.setAttribute("IndexVal",newTR.getAttribute("id" ));
newTDSelection.appendChild(newInputSel);
var newTDName = document.createElement("td" );
var newTDCompany = document.createElement("td" );
var newTDMail = document.createElement("td" );
var newTDReport = document.createElement("td" );
var newInputSel = document.createElement("input" );
var newTextName = document.createTextNode(VarArray.Name);
var newTextCompany = document.createTextNode(VarArray.Company);
var newTextMail = document.createTextNode(VarArray.Email);
var newTextReport = document.createTextNode(VarArray.Report);
//newTDSelection.appendChild(newTextSel);
newTDName.appendChild(newTextName);
newTDCompany.appendChild(newTextCompany);
newTDMail.appendChild(newTextMail);
newTDReport.appendChild(newTextReport);
newTR.appendChild(newTDSelection);
newTR.appendChild(newTDName);
newTR.appendChild(newTDCompany);
newTR.appendChild(newTDMail);
newTR.appendChild(newTDReport);
TRcount++;
var TbElm = document.getElementById("example4" );
TbElm.insertBefore(newTR,null);
}
}
au fait mon probleme se situe au niveau de l'edition:
je voudrais a l'aide d'une CheckBox editer un message checke:
pour cela j'ai une boucle qui test si l'element est checke
Ma question est simple:
Comment recuperer le parent a savoir la ligne (TR0 ici par exemple) e t recuperer ensuite la valeur de ces fils (ici les TD):
j'ai essayer des truc comme ca mais ca marche pas trop:
function EditTR(){
var i=0;
while(document.getElementById("Check"+i)!=null){
var element=document.getElementById("Check"+i);
if (element.checked==true){
var myMom=element.parentElement;
var myLine=document.getElementById(element.IndexVal);
var myParent=myLine.parentElement;
alert(myLine.id);
alert(myParent.id);
alert(myMom.id);
alert("Check"+i);
alert(document.getElementsByTagName("TR" ).nodeValue);
alert(myLine.length)
alert(myLine.childNodes[3].nodeValue);
var aReturn=myLine;//.parentElement.getElementsByTagName
alert(aReturn[0].childNodes[0].nodeValue);
alert(aReturn[aReturn.length-1].childNodes[0].nodeValue);
alert(aReturn.length);
}
i++;
}
}
Message édité par PETOZAK le 25-11-2003 à 16:12:48