Question

I am new to YUI. Just trying to get a most basic functioning example working on my site.

Here is the code:

    <button id="mytest">test</button>

    <script type="text/javascript">
    var helloWorld = function(e) {
            alert("Hello World!");
    }
    </script>


    <script type="text/javascript">
    alert('xx');
    YAHOO.util.Event.addListener("mytest", "click", helloWorld);
    alert('x2');
    </script>

The xx alert shows, but the x2 alert never does. And, clicking on the button does not fire the HelloWorld function.

I have the necessary include files:

    <!-- Required CSS -->
    <link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/2.8.1/build/progressbar/assets/skins/sam/progressbar.css">

    <!-- Dependency source file -->
    <script src = "http://yui.yahooapis.com/2.8.1/build/yahoo-dom-event/yahoo-dom.event.js" ></script>
    <script src = "http://yui.yahooapis.com/2.8.1/build/element/element-min.js" ></script>
    <!-- Optional dependency source file -->
    <script src="http://yui.yahooapis.com/2.8.1/build/animation/animation-min.js" type="text/javascript"></script>

    <!-- ProgressBar source file -->
    <script src = "http://yui.yahooapis.com/2.8.1/build/progressbar/progressbar-min.js" ></script>

Answer 1

you should be sure the js files are included on you html files,the code your write is write!