javascript, innerhtml issue

	Login \| Register \| Contact us
Home About Us Forums News Submit Your code Downloads Code on Video Web service Rss Feed

Forums > Javascript > innerhtml issue

thiyaghuck
Posted on Apr 29, 2009

Join Date: November 2008
Location: India ( chennai )
Posts: 14

innerhtml issue

Hi,

I was creating dynamic rows using innerhtml. I can able to add new row. But the table gets refreshed when i add a new row. For example when i enter a value in row one and then add a new row,the entered row gets refreshed and the first row value disappear. This issue only happens in Firefox. In IE its working fine. Can anyone fix this?. Please find the code.

HTML:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript" src="test.js"></script>
</head>

<body onLoad="create_row();create_row();">
<a href="#" onClick="create_row();">Add Row</a>
<table width="100%">
<form name="myForm" method="post" onsubmit="return showSearchWord();">
<tr>
<td>
<div id="input_box"></div>
</td>
</tr>
<tr>
<td><input type="hidden" id="row_count" value="1"></td>
</tr>
<tr>
<td><input type="submit" value="SUBMIT"/></td>
</tr>
</form>
</table>
</body>
</html>

Javascript:
no=1;
function create_row(){
var x = document.getElementById("input_box");
x.innerHTML += "<table><tr><td>BILLS :</td><td><input value=`available` checked=`checked` id=`reimb_bills"+no+"` name=`reimb_bills"+no+"` type=`radio`></td><td>Available</td><td>... value=`unavailable` id=`reimb_bills"+no+"` name=`reimb_bills"+no+"` type=`radio`></td><td>Unavailable</td><t... DATE :</td><td><input id=`reimb_date"+no+"` name=`reimb_date"+no+"` type=`text`></td><td>BILL NO :</td><td><input id=`reimb_billno"+no+"` name=`reimb_billno"+no+"` type=`text`></td><td>DESCRIPTION :</td><td><input id=`reimb_description"+no+"` onKeyPress=`row_active(id);` name=`reimb_description"+no+"` type=`text`></td></tr></table>";
no++;
var cnt=document.getElementById(`row_count`)...
var row_count=cnt.value;
cnt.value++;
}

Thanks in Advance,
Thiyaghu CK

Hot Discussion

Go Tech launches Android tablet for Rs 3,999...

Sony targets retailers with quick sales pitches and rew...

Share and discover new activities with Google Schemer...

Samsung gets 9 mn preorders for Galaxy S3: Report...

Google revamps search engine to think like a person...

Discussion Topics

IT News	Php	Javascript
Technology Updates	Asp.Net	MySql
Ajax	Html	Fedora
Software Testing	Asp	Java
General	Flash	Ruby on Rails

| About us | Contact us | iWannaSearch