0

Hello every one.
I am stuck in a place. I am entring medicine record in a table. That's most possible that medicine may exceeds from the rows i am providing. I would like to be assist how can i add new new with a hyperlink text. Also how this row will be added to a php insert script. so faar i have just designed the front.end page.

Please see the attachement of .png file of that page in browser here with this article so that you might get a bit clear idea what i mean.

Regards.
Aamir Karim.

Edited by akkbkht: Image (Attachement) was missing.

Attachments PATIENT_RECORD._.png 39.68 KB
3
Contributors
5
Replies
60
Views
4 Years
Discussion Span
Last Post by akkbkht
1

Hi Aamir Karim,
I'm still not clear, is't the Medicine table will fill up with the data and to be stored in database when Submit button clicked ? And if the row of the table not enough, then you want to click the link below to add the another row right ?
If you say so, maybe you can use the Ajax to call the another php file to create the another row below.

Correct me if my idea were not suitable..

1

To add a row at the end of the HTML table you can use Javascript and insertRow() and insertCell() methods. Create a function that will insert a row and four cells in that new row. Then make a link with an onclick event that will trigger inserting of the row. See example here.

To save the data in database use either Ajax as diprofinfiniti suggested or just process the form by submitting it usual way.

0

Thanks @diprofinfiniti and broj1
Diprofinfiniti. You are getting my point corrent. That's what I need. Someone told me that you can use array which may store n numbers of rows you need. Kindly give me example for aaray in php. Thanks again.

0

I hvae studied the code and applied. Its working fine but I need that new row and cells should be inserted at the end of the table but it is appearing on the top row of the table above other rows. Please help me where should i make changes that the new row should appear below to the other rows?

<script>
function displayResult()
{
var table=document.getElementById("myTable");
var row=table.insertRow(0);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
cell1.innerHTML="New";
cell2.innerHTML="New";
}
</script>
</head>
<body>

<table id="myTable" border="1">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
  </tr>
</table>
<br>
<button type="button" onclick="displayResult()">Insert new row</button>

Regards,

Edited by akkbkht: Code was missing.

0

Thanks. Its working. Just changed the index of row on line 5 from "0" to "my required number"

E.g:

var row=table.insertRow(5);

There are already 5 rows in my table. So if i have to enter an additional row. It'l be on 6th number. And we know that these indexd number in any computer language starts from 0, that's why i took 5 in braces when i need a row on 6th number.

Thanks ALOt.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.