tags:

views:

2687

answers:

6
Q: 

Setfocus to textbox from JavaScript after just creating the textbox with JavaScript?

So I just created a textbox with JavaScript like this:

EDIT: Added the len variable

var len = tbl.rows.length;
                     var rtb = tbl.insertRow(len);
                     var cName = rtb.insertCell(0);
                     var cDis = rtb.insertCell(1);
                     var cDur = rtb.insertCell(2);
                     cName.innerHTML = '<input type="text"  name="tbName1' + len + '" value="' + selected_text + '" >';
                     cDis.innerHTML = '<input type="text" name="tbDis1' + len + '" id="tbDis1' + len + '" >';
                     cDur.innerHTML = '<input type="text"  name="tbDur1' + len + '" >';
                     var txtBox = document.getElementById('tbDist1' + len);
                     txtBox.focus();

EDIT:Changed the second to last line. Still get this error: txtBox is null txtBox.focus();

The last line isn't working. After I create the textbox, I can't set focus to it. Is there any way of doing so?

+1  A: 

If you check the value of txtBox you will see it is undefined. You try to get the element with id tbDist1 + (len-1), but you create an element with id tbDis1 + len.

Marius  2009-03-13 00:13:23
A: 

Not sure how it is supposed to work: you have tbDis and len before, then tbDist (notice: t) and len-1 after. Weird... :-)

Ilya Birman  2009-03-13 00:13:25
A: 

Err, it looks like a typo. You're asking for (afaict) tbDist1, but creating tbDis1.

[Edit: marius also spotted len vs len-1 which I missed.]

olliej  2009-03-13 00:13:38
still getting null for txtbx
Scott  2009-03-13 00:19:26
+1  A: 

Hum... you're creating the textbox by saying id="tbDis1' + len + '" but you're accessing it by doing 'tbDist1' + (len - 1)... why? I am not sure about the context, but that would try to focus the previously added textbox, if any. Also, you're creating it with tbDis and trying to get to it by using tbDist. Missing a t in there. Setting the id as id="tbDist1' + len + '" and accessing it with 'tbDist1' + (len) should do the trick.

Paolo Bergantino  2009-03-13 00:14:46
I was trying to get the textbox before but it didn't work. Changed the code and still get null for textbox.
Scott  2009-03-13 00:18:48
The answer was just spelled wrong.
Scott  2009-03-13 00:20:57
A: 

I can't call the textbox and idk. Why?!!

--> var txtBox = document.getElementById('tbDist1' + len);

jjj  2009-12-07 06:20:18
A: 

I have this simple code:

<html>
<body>
<form id="f1">

<asp:Label id="tt"  runat="server" Text="Label" onclick="lblClick()"></asp:Label>

</form>
<script type ="text/javascript">

          function lblClick() {
             document.forms[0].tt.Text ="java";// here is the problem .. and idk why?
          }
</script>
</body>
</html>
jjj  2009-12-07 07:03:16

related questions

What JavaScript patterns do you use most?
Javascript events
What style do you use for creating an "class" in JavaScript?
Graphing JavaScript Library
What's the difference in closure style
Getting the text from a drop-down box
How to specify javascript to run when ModalPopupExtender is shown
Length of Javascript Associative Array
How Do I Post and then redirect to an external URL from ASP.Net?
How to set up a CSS switcher in ASP.NET
Wrapping lists into columns
Javascript keyboard events primer? (or rather: help me with my custom dropdown)
Http Auth in a Firefox 3 bookmarklet
Best Debugging Tools for JavaScript/xulrunner Development
How can I turn a string of HTML into a DOM object in a Firefox extension?
Call ASP.NET Function From Javascript?
Javascript troubleshooting tools in IE
MAC addresses in JavaScript
Capturing TAB key in text box
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP .Net Custom Client-Side Validation
What JavaScript library would you choose for a new project and why?
Detecting font in JavaScript