Thread: edit with text box

hi
i m displaying list of records with edit and delete button.code is here

Code:

If(Not rstSettings.EOF) then
		   While Not rstSettings.EOF 		 		
			lCounter = lCounter + 1
			StrDisplay = StrDisplay & "<TR class=""Row" & lCounter Mod 2 & """>"					
			StrDisplay = StrDisplay & "<TD align=""left"">"& rstSettings("ProtocolSettingNo")&"</TD>"
			StrDisplay = StrDisplay & "<TD align=""left"">"& rstSettings("DocumentTypeNo")&"</TD>"
			StrDisplay = StrDisplay & "<TD align=""left"">"& rstSettings("DocumentFormatNo")&"</TD>"
			StrDisplay = StrDisplay & "<TD align=""left"">"& rstSettings("PartnerID")&"</TD>"
			StrDisplay = StrDisplay & "<TD align=""left"">"& rstSettings("SettingValue")&"</TD>"
			StrDisplay = StrDisplay & "<TD align=""right"" colspan=""2""><input type=""button"" name='btnEdit_"& vlMemberID &"' value=""Edit"" onClick=""fnNextPage('"& vlMemberID &"','"& Server.URLEncode(rstSettings("ProtocolSettingNo")) &"');"">"
			StrDisplay = StrDisplay & "<input type=""button"" name='btnDelete_"& vlMemberID &"' value=""Delete"" onClick=""fnDelete('"& vlMemberID &"','"& rstSettings("ProtocolSettingNo") &"','"&rstSettings("DocumentTypeNo")&"','"&rstSettings("DocumentFormatNo")&"','"&rstSettings("PartnerID")&"','"&rstSettings("SettingValue")&"');""></TD>"
			StrDisplay = StrDisplay & "</TR>"
			rstSettings.MoveNext
		  Wend 
		Set objData = nothing
		Set rstSettings = nothing
	Else		
		StrDisplay = StrDisplay & "<TR class=""Row1"" ><TD Colspan=7><font color=red><B>No Protocol Settings Found.<B></TD></TR>"
	End If

what i wanted to do is as user click on edit button then this coulmn "<TD align=""left"">"& rstSettings("SettingValue")&"</TD>" should display value in text box for edit purpose and edit button should display save button.as user click on save button then original column will display without text box and button will be edit button.

how to do this?

Unless you want to have several requests to the server, your best bet would be to use JavaScript. If you want to use JavaScript, this thread can be moved to the appropriate forum.

i dont mind for javascript bcoz the solution is going to give by you guys only.

cheers!!

First, have your ASP generate textboxes inside each cell and set their display property to none. The resulting markup should look something like this:

Code:

<tr>
    <td><span id="textcolumn1row1">Some text</span></td>
</tr>

When you click "Edit", it would look like this:

Code:

<tr>
    <td><span id="textboxcolum1row1"><input type="text" id="textbox1" /></td>
</tr>

To achieve this, you'll need to create a JavaScript function that accepts parameters to determine which row we're editing. When the "Edit" button is clicked, it will toggle the display property between inline and none (i.e. style="{display: none;}"). This, in turn will display your textboxes or text for that row.

Keep in mind that each <span> must have a unique ID that you can use to pass to the function.

hi
in this line i m getting javascript syntax error

Code:

StrDisplay = StrDisplay & "<TD align=""left""><span id='txtRow_"& lCounter &"'>"& rstSettings("SettingValue")&"</span><span style=""display:none"" id='txtBoxRow_"& lCounter &"'><input type=""text"" value="""& rstSettings("SettingValue") &""" name='txtBoxRow_"& lCounter &"' ></span></TD>"

sorry not a error .JMH this is the what u said to do me?

now next?

hi
now i javascript function i written this code

Code:

document.getElementById("txtRow_" + vlCounter ).style.display = "none";
document.getElementById("txtBoxRow_" + vlCounter ).style.display = "";

what next?

So you'll need something like this:

Code:

function makeVis(textSpanID,boxSpanID,action) {
    if action == "edit"
        {
             document.getElementById(textSpanID).style.display = "none";
             document.getElementById(boxSpanID).style.display = "inline";
        }
    else
        {
             document.getElementById(textSpanID).style.display = "inline";
             document.getElementById(boxSpanID).style.display = "none";
        }
 }

Then set the onclick of your buttons to this function. I'm not strong with JavaScript, so there may need to be some corrections made.

that is already i have done.let me try whole stuff now.catch u later.

Thanks a lot.

forgot to ask u after submit how i will get value of
name='txtBoxRow_"& lCounter &"'

this text box
Request.form("'txtBoxRow_")?