text into textbox when onclick

Question

I want to create a link where if the user presses the Edit link, the text will turn into a text box with the information still in what the user inputted? I have the following code: ( when i press the edit button the 'Text here' should turn into a textbox, but it doesn't could someone help notify where my code has gone wrong :) help would be appreciated.

<html> <head> <title>Span to Text Box - Demo</title> <style type="text/css"> .replace { display:none; } </style> <script type="text/javascript"> function exchange(id){ var ie=document.all&&!window.opera? document.all : 0 var frmObj=ie? ie[id] : document.getElementById(id) var toObj=ie? ie[id+'b'] : document.getElementById(id+'b') toObj.style.width=frmObj.offsetWidth+7+'px' frmObj.style.display='none'; toObj.style.display='inline'; toObj.value=frmObj.innerHTML } </script> </head> <body> <p class="edit" onclick="exchange(item)">Edit</p><Input id="item" class="replace" type="text" value=""> <span id="item" >Text here</span> </body> </html>

richard · Accepted Answer · 2014-04-06 12:08:04Z

1

you are assigning one id to two tag, from your code, I assume the id of input tag should be itemb

answered Apr 6, 2014 at 12:08

richard

7722 gold badges10 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Danielle Over a year ago

if i rename the input should it work, because i just want it so that when the user presses edit the text in 'Text here' changes to a textbox with the 'Text here' still there so that they can edit?

Danielle Over a year ago

On my website I have text in which has been sent from the database to display in posts, in order for the user to edit there post there is an edit button in which once they select the text will turn into a textbox, so text to the textbox in which they can make alterations to there text and once they have made changes there will be an update button which will update there text from what they have just entered to the database.

richard Over a year ago

the tag with id itemb is not found. it certainly cannot work

Danielle Over a year ago

This piece of code works, how would I change this so it was on click on <p>'Edit'</p> rather then the text itself. <span id="itm1" onclick="exchange(this.id)">House</span><input id="itm1b" class="replace" type="text" value="">

Danielle Over a year ago

Sorry about that, done it now, thanks for the help :)

|

nicael · Accepted Answer · 2014-04-06 12:07:00Z

0

Your <input> and <span> have the same id

answered Apr 6, 2014 at 12:07

nicael

19.1k13 gold badges65 silver badges93 bronze badges

Collectives™ on Stack Overflow

text into textbox when onclick

2 Answers 2

6 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Related