Expand / Collapse Navigation
|
|
|
| Web Hosting Guide |
Javascript: Text To Texbox And Back To Text |
  Mar 5 2006, 10:04 PM
Post
#1
|
|
|
Newbie [ Level 1 ]  Group: Members Posts: 1 Joined: 5-March 06 Member No.: 11,759  |
i need some help i want to create a thing where when some one double clicks a certain text it changes into a texbox where they can edit the text and the they double click and it changes into the test they just typed in.
I have found this function in javascript that does some of it but i needs to be simplified CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Span to Text Box - Demo - DOM</title> <script type="text/javascript"> /* © John Davenport Scheuer */ function exchange(el){ var nodeI=el.parentNode, inputC=document.createElement('input'), text=el.innerHTML; el.style.font='.9em "ms sans serif", "sans"' el.innerHTML+='\x20' with (inputC){ setAttribute('value', text, 0) setAttribute('size', text.length-1, 0) style.width=document.all&&!window.opera? el.offsetWidth-2+'px' : el.offsetWidth+2+'px' setAttribute('type', 'text', 0) setAttribute('id', el.id, 0) } nodeI.replaceChild(inputC, el) } </script> </head> <body> <span id="itm1" onclick="exchange(this)">House</span><br> <span id="itm2" onclick="exchange(this)">SpantoTextBox-Demo</span><br> <span id="itm3" onclick="exchange(this)">Span to Text Box - Demo exchange(this)</span><br> <input id="itm4" type="text" value="Existing Text Box"><br> <span id="itm5" onclick="exchange(this)">In Line Test</span> <span id="itm6" onclick="exchange(this)">In Line Test Too</span> <span id="itm7" onclick="exchange(this)">In Line Test Also</span> </body> </html> If its possible to have it in php or javascript please This post has been edited by miCRoSCoPiC^eaRthLinG: Mar 6 2006, 08:07 AM |
 |
 
|
Posts in this topic
clovis818 Javascript: Text To Texbox And Back To Text Mar 5 2006, 10:04 PM
szupie I couldn't understand the code you've give... Mar 8 2006, 12:44 AM FeedBacker Javascript: Text To Texbox And Back To Text Jan 7 2008, 11:27 AM (G)James Javascript: Text To Texbox And Back To Text May 15 2009, 07:37 PM (G)onny onny Javascript: Text To Texbox And Back To Text Nov 25 2009, 11:31 AM
(G)Raja Javascript: Text To Texbox And Back To Text Jan 9 2010, 08:47 AM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
Similar Topics
| Topic Title | Replies | Topic Starter | Views | Last Action | |||
|---|---|---|---|---|---|---|---|
 |
3 | PerfecTiion | 537 | 4th March 2010 - 10:57 AM Last post by: yordan |
|||
 |
37 | snutz411 | 9,214 | 3rd March 2010 - 10:20 PM Last post by: John Heinl |
|||
|
2 | grim reaper1666 | 131 | 2nd March 2010 - 01:19 AM Last post by: John Heinl |
|||
|
11 | szupie | 3,820 | 23rd February 2010 - 10:22 PM Last post by: HannahI |
|||
|
 |
7 | FirefoxRocks | 5,000 | 23rd February 2010 - 03:16 PM Last post by: iG-Patfreeze |
||
|
17 | kc8ual | 3,011 | 23rd February 2010 - 06:29 AM Last post by: Quatrux |
|||
|
17 | Jimmy89 | 4,782 | 23rd February 2010 - 12:36 AM Last post by: iG-David |
|||
|
7 | Eggie | 150 | 15th February 2010 - 10:34 PM Last post by: Nelson Blogs |
|||
|
12 | dragoneye | 10,247 | 9th February 2010 - 08:04 PM Last post by: iG-Jerry |
|||
|
10 | tansqrx | 8,239 | 9th February 2010 - 12:50 PM Last post by: iG-gagan deep singh |
|||
|
14 | bob3695 | 10,057 | 8th February 2010 - 09:19 PM Last post by: iG-Manish Patel |
|||
|
21 | wannabeeaweak | 7,893 | 6th February 2010 - 06:58 AM Last post by: FirefoxRocks |
|||
|
19 | vdhieu84 | 8,441 | 4th February 2010 - 07:48 PM Last post by: iG-Mike |
|||
|
8 | Supa Comix | 8,498 | 29th January 2010 - 05:34 PM Last post by: 8ennett |
|||
|
25 | JohnNitro | 15,327 | 26th January 2010 - 11:30 AM Last post by: iG-mdshare |
|||
|
Lo-Fi Version | Time is now: 14th March 2010 - 05:41 AM |
© 2010 AstaHost: Free Web Hosting & Technical Discussion, Free Web Hosting. a member of xisto.
Powered by Invision Board. Skin: IPB Forum Skins
