Menu
Hi
am new to javascript. i have a task to repeat the below code block when the user clicks + symbol so as to enable the user to enter another item details and also to provide to delete when clicks on – symbol in a JSP. i have written javascript function. but not able to get the functionality required..Pls correct me where am wrong and kindly help me out as i was given a deadline for this..
thank you all
Durga Satya
function addItem(div)
{
var ediv=document.getElementById(div);
var temp=ediv.innerHTML;
var newdiv = document.createElement(‘div’);
var divIdName=div+1;//i hav taken 1 for sample for adding id to the div
newdiv.setAttribute(‘id’,divIdName);
newdiv.innerHTML =temp;
ediv.appendChild(newdiv);
}
//HTML Block to be repeated.
<div id=”Item1″>
<TR>
<TD width=”200″ rowspan=”3″ valign=”top”><STRONG>Item1:<%=lStrFromPage%></STRONG><span style=”color: #ff0000″>*</span>
<input type=”button” name=”” id=”” value=”+” onclick=”javascript:addItem(‘Item1’);” style=”20;” class=”FieldBlack”></input>
<input type=”button” name=”” id=”” value=”-” onclick=”” style=”20;visibility:hidden}” class=”FieldBlack”></input>
</TD>
<TD width=”130″>Make :</TD>
<TD width=”270″><INPUT id=”Text1″ type=”text” name=”Item_Make” value='<%=make%>’ <%=isDisable%>> </TD>
</TR>
<TR >
<TD>Model :</TD>
<TD><INPUT id=”Text2″ type=”text” name=”Item_Model” value='<%=model%>’ <%=isDisable%>></TD>
</TR>
<TR>
<TD>Sl No:</TD>
<TD><INPUT id=”Text3″ type=”text” name=”Item_SerialNo” value='<%=serialNo%>’ <%=isDisable%>></TD>
</TR>
</div>