Tableau dymaique javascript

Fermé
Baldargoth - 30 oct. 2008 à 17:02
 Baldargoth - 30 oct. 2008 à 20:23
Bonjour,

J'ai créé pour l'instant un tableau qui ajoute des lignes lorsque l'on clic sur un bouton:
<script type="text/javascript">

i = 0;
function add()
{
valide = false;

while (!valide)
{
i++;
_champex = "champ_nom" + i;
if(document.getElementsByName(_champex) != null)
{
var newRow = document.getElementById('tableau').insertRow(-1);
var newCell = newRow.insertCell(0);
_champ = "champ_nom" + i;
_champ2 = "champ_nom2" + i;
_champ3 = "champ_nom3" + i;
newCell.innerHTML = "<input type='text' id='" + _champ + "' onkeyup='calcul(\""+i+"\");' />";
newCell = newRow.insertCell(1);
newCell.innerHTML = "<input type='text' id='" + _champ2 + "' onkeyup='calcul(\""+i+"\");' />";
newCell = newRow.insertCell(2);
newCell.innerHTML = "<input type='text' id='" + _champ3 + "' />";
document.getElementById('envoie').value = i;
valide=true;
}
}
}


function calcul(ligne)
{
var largeur = document.getElementById('champ_nom'+ligne).value;
var longueur = document.getElementById('champ_nom2'+ligne).value;
var surface = longueur*largeur;
document.getElementById('champ_nom3'+ligne).value = surface;
document.getElementById('send').value = surface;
}

</script>
</head>
<body>
<form id="form1" runat="server" action="~/Devis_PVC.aspx" method="post">
<div>
<table id="tableau">
<tr>
<td>
<input type="button" value="Ajouter ligne" onclick="add();" />
</td>
</tr>
</table>
<table>
<tr>
<td>
<asp:TextBox ID="envoie" runat="server" type="hidden"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="send" runat="server" ></asp:TextBox>
</td>
<td>
<asp:Button ID="btn_envoyer" runat="server" Text="Devis"
PostBackUrl="~/Devis_PVC.aspx" />
</td>
</tr>
</table>
</div>

Mon ENORME probleme et que je n'arrive pas du tout a récupérer les données sur une autre page, pour l'instant j'ai inscris ce code :
<script type="text/javascript">

i=0;
j=0;

function add()
{

for (j=0; j<document.getElementById('recoit').value; j++)
{
i++;
_champex = "champ_val" + i;
if(document.getElementsByName(_champex) != null)
{
var newRow = document.getElementById('tableau').insertRow(-1);
var newCell = newRow.insertCell(0);
_champox = "champ_val" + i;
newCell.innerHTML = "<input type='text' id='" + _champox + " ' disabled='distabled' />";
valide=true;
}
}
}


</script>
</head>
<body onload='add()'>
<form id="form1" runat="server">
<div>
<table id="tableau">
<tr>
<td>
<asp:TextBox ID="recoit" runat="server" type="hidden"></asp:TextBox>
</td>

avec un petit bout de code en asp pour ercupérer le nombre de ligne:
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
recoit.Text = Request.Form("envoie")

Ceci crée un tableau qui a le meme nombre de ligne que celui ou jai entrée mes donnnée mais je n'arrive PAS a recupérer des données dans cette cellule:
newCell.innerHTML = "<input type='text' id='" + _champox + " ' disabled='distabled' />";
Merci d'avance pour ceux qui arriveront à comprendre mon code et forrmer un semblant de réponse !
Je travail sous visual web developper mais comme l'asp me rebutte j'essaie de paser un maximum de donné en javascript
A voir également:

2 réponses

Rebonjpur,

Vue comme je galère je vais essayer d'etre un peu plus clair sur ce que je demande, car mon code ne va peut etre pas vous sembler clair:
Je cherche donc a récupérer la valeur de cette cellule qui s'incrémente:
newCell.innerHTML = "<input type='text' id='" + _champ3 + "' />";
dans une nouvelle page a l'inférieur de cette cellule:
newCell.innerHTML = "<input type='text' id='" + _champox + " ' disabled='distabled' />";
0
up up up
0