The example below works fine as expected until I add <form> tag around
the input tag.

<html>
<head>
<title> Test Page </title>
<script src="prototype.js"></script>


<script>
    Event.observe(window, 'load', page_loaded, false);

    function page_loaded(evt) {
      Event.observe('child1', 'click', item_clicked, false);
    Event.observe('child2', 'click', item_clicked, false);
     Event.observe('child3', 'click', item_clicked, false);
    }

    function item_clicked(evt){
        var child = Event.element(evt);
        var ans = confirm('The child node with id=' + child.id + ' was
clicked. Do you want to stop click for this.');
        if (ans == true) {
            Event.stopObserving(child.id,'click',item_clicked); //
avoid another call related to 'parent_node' itself
        }else {
            Event.stop(evt); //avoid another call related to
'parent_node' itself
        }
    }
</script>
</head>

<body>

<div id="parent_node">
    <input id="child1" type="image" src="../web/images/add_button.gif"
name="org.apache.struts.taglib.html.SUBMIT"/>
    <div id="child2">Second</div>
    <div id="child3">Third</div>
</div>

</body>
</html>

I wonder why it is not working anymore when <form> tag is included.
How to make Event work inside <form> tag?

<form>
<div id="parent_node">
    <input id="child1" type="image" src="../web/images/add_button.gif"
name="org.apache.struts.taglib.html.SUBMIT"/>
    <div id="child2">Second</div>
    <div id="child3">Third</div>
</div>
</form>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby 
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to