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 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
|
<html>
<head>
<title></title>
<script language="javascript">
var Compteur = 0;
var Nb_tot = 0;
//--------------------------
function Delete_Ligne( obj_){
var Parent;
var Obj = obj_;
if( Obj){
//-- tant que pas la balise <TR>
do{
Obj = Obj.parentNode;
}while( Obj.tagName != "TR")
//-- Recup du parent
Parent = Obj.parentNode;
//-- Suppression de la ligne
if( Parent){
Parent.deleteRow( Obj.rowIndex)
--Nb_tot;
}
}
}
//----------------------
function Create_Ligne(i){
//-- compteur
if (Nb_tot <5){ // pour limiter le nb de champ texte à 5 max
//-- Get objet tableau
var O_Table = document.getElementById('T_INSERT');
//-- Get nombre de ligne du tableau
var NbrLigne = O_Table.rows.length;
//-- Position d'insertion
var Pos = NbrLigne;
//-- Insertion d'une ligne
O_Row = O_Table.insertRow( Pos);
//-- Insertion d'une cellule
Compteur++;
Nb_tot++;
//-- Insertion d'une autre cellule
O_Cell = O_Row.insertCell(0);
O_Cell.innerHTML = 'Autre N°:';
O_Cell = O_Row.insertCell(1);
O_Cell.innerHTML = '<input type="text" name="AutreNo['+Compteur+']" size="5" value="n°'+Compteur+'"/>';
O_Cell = O_Row.insertCell(2);
O_Cell.innerHTML = '<input type="button" value=" - " onClick="Delete_Ligne(this)">';
}
}
</script>
</head>
<body>
<form method="post" action="testjs.php">
<table id="T_INSERT">
<tr>
<td>Autre N°:</td>
<td><input type="text" name="AutreNo[0]" size="5"/></td>
<td><input name="button" type="button" onClick="Create_Ligne()" value=" + "></td>
</tr>
</table>
<input type="submit" value="Insérer" />
</body>
</html> |
Partager