Thanks a lot Wes,
I am new to both Javascript and Haml.
I added id into Haml form and it worked now.
For newbie reference, I change the form above with new line:
%form{:method => "post", :action => "/contacts/", :id=>"fooBar"}
Luan
On Jan 20, 11:29 am, Wes Gamble <we...@att.net> wrote:
> I don't see an element with the id of "fooBar" anywhere in the Haml, so
> there's nothing to append the new input tag to.
>
> Wes
>
> On 1/20/11 11:17 AM, Luan wrote:
>
>
>
>
>
>
>
> > Hi All,
>
> > I have a javascript adding an input text. I couldn't get it to work
> > with Haml.
> > When I click on "Add" button, it should add a new input text.
>
> > Can you help me what I am doing wrong?
>
> > Thanks,
> > Luan
>
> > ================================
> > edit.haml
> > ================================
> > :javascript
> > function show_alert()
> > {
> > alert("I am an alert box!");
> > }
>
> > function addRow()
> > {
> > alert("in addRownew()");
> > //Create an input type dynamically.
> > var element = document.createElement("input");
> > //Assign different attributes to the element.
> > element.setAttribute("type", "text");
> > element.setAttribute("value", "text");
> > element.setAttribute("name", "text");
> > var foo = document.getElementById("fooBar");
> > //Append the element in page (in span).
> > foo.appendChild(element);
> > }
>
> > %h1 Edit
> > %form{:method => "post", :action => "/contacts/"}
> > %input{:type => "hidden", :name => "_method", :value => "put"}
> > %input{:type => "hidden", :name => "id", :id => "id", :value
> > =>"#...@form.id}" }
> > %label First Name:
> > %input{:type => "text", :name => "first_name", :id =>
> > "first_name", :value =>"#...@form.first_name}" }
> > %br
> > %label Last Name:
> > %input{:type => "text", :name => "last_name", :id =>
> > "last_name", :value => "#...@form.last_name}"}
> > %br
>
> > %input{:type => "submit", :value => "Save Changes"}
>
> > %input{:onclick => "show_alert()", :type => "button", :value =>
> > "Show alert box"}
> > %input{:onclick => "addRow()", :type => "button", :value => "Add"}
--
You received this message because you are subscribed to the Google Groups
"Haml" group.
To post to this group, send email to haml@googlegroups.com.
To unsubscribe from this group, send email to haml+unsubscr...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/haml?hl=en.
