<Table border = "0" id = "tbl1" width = "100%"> <br/> <tr> <br/> <TD width = "25%"> </ TD> <br/> <TD width = "25%"> 25% </TD> <br/> <TD width = ""> </TD> <br/> <TD width = "25%"> </TD> <br/> </tr> <br/> <TD> </TD> <br/> <TD> 2, 2 </TD> <br/> <TD> 2, 3 </TD> <br/> <TD> 2, 4 </TD> <br/> </tr> <br/> <TD> 3, 1 </TD> <br/> <TD> 3, 2 </TD> <br/> <TD> 3, 3 </TD> <br/> <TD> 3, 4 </TD> <br/> </tr> <br/> </table> <br/> <MCE: style> <! -- <Br/>. hidden_text {<br/> border: #006699 1px solid; <br/> border-left-style: none; <br/> border-top-style: none; <br/> border-right-style: none; <br/>}< br/> --> </MCE: style> <style mce_bogus = "1">. hidden_text {<br/> border: #006699 1px solid; <br/> border-left-style: none; <br/> border-top-style: none; <br/> border-right-style: none; <br/>}</style> </P> <p> <MCE: script Type = "text/JavaScript"> <! -- <Br/> var textbox = document. createelement ("input"); <br/> textbox. type = "text"; <br/> textbox. classname = "hidden_text"; </P> <p>/* <br/> textbox. options. add (New Option (1); <br/> textbox. options. add (New Option (2); <br/> textbox. options. add (New Option (3); <br/> textbox. options. add (New Option (4); <br/> */</P> <p> var currentelement; </P> <p> function showelement () {<br/> selectchanged (); </P> <p> If (currentel Ement = Window. event. srcelement) | (textbox = Window. event. srcelement) {<br/> window. event. cancelbubble = true; <br/> return; <br/>}</P> <p> currentelement = Window. event. srcelement; <br/> var TXT = currentelement. innertext; <br/> currentelement. innertext = ""; <br/> textbox. width = currentelement. width; <br/> currentelement. appendchild (textbox); <br/> textbox. focus (); <br/> textbox. value = txt; <br/>} </P> <p> function registerevents (TBL) {<br/> var row, Col; </P> <p> for (ROW = 0; row <TBL. rows. length; row ++) {<br/> for (COL = 0; Col <TBL. rows [row]. cells. length; Col ++) {<br/> TBL. rows [row]. cells [col]. onclick = showelement; <br/>}</P> <p> function selectchanged () {<br/> var TMP = Window. event. srcelement; <br/> If (TMP! = Textbox & TMP! = Currentelement & currentelement! = NULL) {<br/> currentelement. innertext = textbox. value; <br/> currentelement = NULL; <br/>}</P> <p> registerevents (document. getelementbyid ("tbl1"); </P> <p> document. onclick = selectchanged; <br/> // --> </MCE: SCRIPT> <br/>