Using Dojo passing value from textbox to alert on click

Question

Using the Dojo Toolkit I am trying to pass the value from textbox to an alert on click. I tried attr to obtain value inside the function helloPressed(), but I am not even able to reset the textbox value when I tried the other way.

I am new to the programming world.

function helloPressed() 
{
    var gt =  dojo.attr("htext1","value");
    alert(gt).show();
}

<input dojoType="dijit.form.textbox"  name="name1" widgetId="htext1" 
 dojoType="dijit.form.TextBox" intermediateChanges="true" value="hello"  
 trim="true" propercase="true" /></input>
<button dojoType="Button" widgetId="helloButton"
 onClick="helloPressed()">Click !</button>

I tried other combinations as well, but no success :(

Answer 1

Add id="htext1" among the attributes of your input tag; dojo.attr(somestring, ...) searches for a DOM node with id == somestring, not for one with widgetId == somestring.

BTW, use just alert(gt) -- that .show() is just an error. I recommend using the firefox browser with the firebug plug-in for web development, this way you will see appropriate error messages in firebug's console to help you develop correct HTML, CSS, Javascript, and so on.

Answer 2

You can try to do something like that:

var gt = dijit.byId("htext1").attr("value");
alert(gt);

dijit.byId() retrieves a widget object, and you can call attr() on it.

I assume that alert() is a standard JavaScript function. If this is correct, you don't need (and actually cannot) use nay properties on it.