question javascript

apres avoir executer le code ecrit en javascript avec asp.net pour creer un table, i y a undefined qui apparait. je veux savoir ce qui est a la cause de cela et comment le suprimer. merci

le javascript

var

rowCount=0 ;

var listTableStart ="<table width='771px' cellpadding='0' cellspacing='0' id='grid'>";

function

addRow()

{

rowCount+=1;

var newRow;

newRow +=

"<tr id= 'hRow" + rowCount + "' > ";

newRow +=

"<td style='height: 24px; padding: 3px'><input type='hidden' id='txtid"+rowCount+"' name='txtid"+rowCount+"'/><input type='text' id='txtProduct"+rowCount+"' name='product"+rowCount+"' style='width: 200px'/><img src='../../images/Products_small.gif' style='cursor:hand' id='imgProduct"+rowCount+"' onclick='getProduct(txtid"+rowCount+".id,txtProductCode"+rowCount+".id, txtProduct"+rowCount+".id,txtQuantity"+rowCount+".id,txtVendor"+rowCount+".id,txtVendorID"+rowCount+".id,txtStoreID.value,txtUnitPrice"+rowCount+".id,Currency"+rowCount+".id )' /></td> ";

newRow +=

"<td style='height: 24px; padding: 3px'><input type='text' id='txtProductCode"+rowCount+"' name='productcode"+rowCount+"' readonly='readonly' style='width: 100px'/><img id='delRow"+rowCount+"' align='absmiddle' title='Delete Row' src='../../images/del.gif' onclick='delRow(this.id)' style='cursor:hand;' ></td>";

newRow +=

"<td style='height: 24px; padding: 3px; width: 80px;'><input type='text' id='txtQuantity"+rowCount+"' name='quantity"+rowCount+"' style='width: 57px' /></td>";

newRow +=

"<td style='height: 24px; padding: 3px; width: 100px;'><input type='hidden' id='txtCurrencyId"+rowCount+"' name='CurrencyId"+rowCount+"'/><input type='text' id='txtCurrency"+rowCount+"' name='Currency"+rowCount+"' readonly='readonly' style='width: 25px'/><input type='text' id='txtUnitPrice"+rowCount+"' name='UnitPrice"+rowCount+"' style='width: 40px' /><img id='imgCostCode"+rowCount+"' src='../../images/Products_small.gif' onclick='getSymbol(txtCurrencyId"+rowCount+".id,Currency"+rowCount+".id)' style='cursor:hand'/></td>";

newRow +=

"<td style='height: 24px; padding: 3px'>"

newRow +=

"<input type='text' id='txtVendor"+rowCount+"' name='Vendor"+rowCount+"' style='width:150px' readonly='readonly'/>"

newRow +=

"<img id='img"+rowCount+"' src='../../images/vendors.gif' onclick='getVendor(txtVendorID"+rowCount+".id,txtVendor"+rowCount+".id)' style='cursor:hand'/>"

newRow +=

"<input type=hidden id='txtVendorID"+rowCount+"' name='VendorID"+rowCount+"' value='0'/>"

newRow +=

"</td>"

newRow +=

"</tr>";

var productList = document.getElementById("ProductList")

var prodListBody=productList.children[0].children[0];

productList.innerHTML=listTableStart+prodListBody.innerHTML+newRow;

}


le code sur asp.net

<

divid="ProductList">

<tableid="grid"cellpadding="0"cellspacing="0"style="width: 771px">

<trvalign="top"bgcolor="silver"id="hRow">

<tdstyle="width: 167px; padding: 3px; height: 44px;"nowrap>Product</td>

<tdnowrapstyle="height: 44px; width: 109px;">Product Code</td>

<tdstyle="width: 68px; height: 44px;">Quantity</td>

<tdnowrap="nowrap"style="width: 115px; height: 44px;">Unit Price</td>

<tdnowrapstyle="height: 44px; padding: 3px; width: 115px;">Preferred Supplier</td>

</tr>

</table>

</

div>

salut GGtry
vraiment tu es super.
je te remerci beaucoup.
mais d'autre inquietude qui ceci
si je veux suprimer une ligne (row), comment ca se fait?
merci beaucoup une fois encore

Bonjour,

Cela dépend de ce que tu veux supprimer exactement.
Ici, un exemple, où tu rajoutes un boutton "effacer" sur chacune de tes lignes en récupérant dans l'appel à une fonction javascript l'id de ton tr :  newRow +="<td><input type=button value=Effacer onclick=effacer2('hRow"+rowCount+"')></td>"
La fonction javascript pourrait être simplement :
 function effacer2(taRow) {
            var list = document.getElementById(taRow).parentNode;
            list.innerHTML = ""
        }

GGtry