Building a drop down
|
View:
New views
4 Messages
—
Rating Filter:
Alert me
|
 |
Building a drop down
by juliebonniedaisy
::
Rate this Message:
Any ideas why I get Button is not defined? Button and menu are both loading in my yuiloader and they do get loaded.
Button is not defined [Break on this error] var oMenuButton1 = new Button({ \r\n // build drop down menu var ddActionsMenuData = [ { text: "Option 1", value: "menubutton-1" }, { text: "Option 2", value: "menubutton-2" }, { text: "Option 3", value: "menubutton-3" } ]; var oMenuButton1 = new Button({ id: "menubutton-1", name: "menubutton-1", label: "<em class=\"yui-button-label\">Option 1</em>", type: "menu", menu: ddActionsMenuData, container: "ddActions" }); oMenuButton1.render(); oMenuButton1.on("selectedMenuItemChange", function() { alert("hi");}); |
|
|
Re: Building a drop down
by kakar0to
::
Rate this Message:
<div id="btn"></div>
<script type="text/javascript"> YAHOO.util.Event.onContentReady("btn", function () { var ddActionsMenuData = [ { text: "Option 1", value: "menubutton-1" }, { text: "Option 2", value: "menubutton-2" }, { text: "Option 3", value: "menubutton-3" } ]; var oMenuButton5 = new YAHOO.widget.Button({ id: "menubutton-1", name: "menubutton-1", label: "<em class=\"yui-button-label\">Option 1</em>", type: "menu", menu: ddActionsMenuData, container: this } ); oMenuButton5.on("selectedMenuItemChange", function() { alert("hi");}); }); </script> --- In ydn-javascript@..., "juliebonniedaisy" <juliebonniedaisy@...> wrote: > > Any ideas why I get Button is not defined? Button and menu are both loading in my yuiloader and they do get loaded. > > > Button is not defined > [Break on this error] var oMenuButton1 = new Button({ \r\n > > > > // build drop down menu > var ddActionsMenuData = [ > { text: "Option 1", value: "menubutton-1" }, > { text: "Option 2", value: "menubutton-2" }, > { text: "Option 3", value: "menubutton-3" } > ]; > > var oMenuButton1 = new Button({ > id: "menubutton-1", > name: "menubutton-1", > label: "<em class=\"yui-button-label\">Option 1</em>", > type: "menu", > menu: ddActionsMenuData, > container: "ddActions" }); > > oMenuButton1.render(); > oMenuButton1.on("selectedMenuItemChange", function() { alert("hi");}); > |
|
|
Re: Re: Building a drop down
by Todd Kloots
::
Rate this Message:
You are getting that error because you copy and pasted example code in
which I had created an alias (Button) for YAHOO.widget.Button. If I remember that example correctly, at the top you will find: var Button = YAHOO.widget.Button. You can either re-create that alias within the scope that you are creating Button instances, or use the fully qualified namespace YAHOO.widget.Button. - Todd On Nov 5, 2009, at 7:21 AM, kakar0to wrote: > <div id="btn"></div> > > <script type="text/javascript"> > > YAHOO.util.Event.onContentReady("btn", function () { > > var ddActionsMenuData = [ > { text: "Option 1", value: "menubutton-1" }, > { text: "Option 2", value: "menubutton-2" }, > { text: "Option 3", value: "menubutton-3" } > ]; > > var oMenuButton5 = new YAHOO.widget.Button({ > id: "menubutton-1", > name: "menubutton-1", > label: "<em class=\"yui-button-label\">Option 1</em>", > type: "menu", > menu: ddActionsMenuData, > container: this } > ); > > > oMenuButton5.on("selectedMenuItemChange", function() { alert("hi");}); > }); > </script> > > --- In ydn-javascript@..., "juliebonniedaisy" > <juliebonniedaisy@...> wrote: >> >> Any ideas why I get Button is not defined? Button and menu are >> both loading in my yuiloader and they do get loaded. >> >> >> Button is not defined >> [Break on this error] var oMenuButton1 = new Button({ \r\n >> >> >> >> // build drop down menu >> var ddActionsMenuData = [ >> { text: "Option 1", value: "menubutton-1" }, >> { text: "Option 2", value: "menubutton-2" }, >> { text: "Option 3", value: "menubutton-3" } >> ]; >> >> var oMenuButton1 = new Button({ >> id: "menubutton-1", >> name: "menubutton-1", >> label: "<em class=\"yui-button-label\">Option 1</em>", >> type: "menu", >> menu: ddActionsMenuData, >> container: "ddActions" }); >> >> oMenuButton1.render(); >> oMenuButton1.on("selectedMenuItemChange", function() >> { alert("hi");}); >> > > > > > ------------------------------------ > > Yahoo! Groups Links > > > |
|
|
Re: Building a drop down
by juliebonniedaisy
::
Rate this Message:
Thanks so much Todd, that fixed it.
--- In ydn-javascript@..., Todd Kloots <kloots@...> wrote: > > You are getting that error because you copy and pasted example code in > which I had created an alias (Button) for YAHOO.widget.Button. If I > remember that example correctly, at the top you will find: > > var Button = YAHOO.widget.Button. > > You can either re-create that alias within the scope that you are > creating Button instances, or use the fully qualified namespace > YAHOO.widget.Button. > > - Todd > > On Nov 5, 2009, at 7:21 AM, kakar0to wrote: > > > <div id="btn"></div> > > > > <script type="text/javascript"> > > > > YAHOO.util.Event.onContentReady("btn", function () { > > > > var ddActionsMenuData = [ > > { text: "Option 1", value: "menubutton-1" }, > > { text: "Option 2", value: "menubutton-2" }, > > { text: "Option 3", value: "menubutton-3" } > > ]; > > > > var oMenuButton5 = new YAHOO.widget.Button({ > > id: "menubutton-1", > > name: "menubutton-1", > > label: "<em class=\"yui-button-label\">Option 1</em>", > > type: "menu", > > menu: ddActionsMenuData, > > container: this } > > ); > > > > > > oMenuButton5.on("selectedMenuItemChange", function() { alert("hi");}); > > }); > > </script> > > > > --- In ydn-javascript@..., "juliebonniedaisy" > > <juliebonniedaisy@> wrote: > >> > >> Any ideas why I get Button is not defined? Button and menu are > >> both loading in my yuiloader and they do get loaded. > >> > >> > >> Button is not defined > >> [Break on this error] var oMenuButton1 = new Button({ \r\n > >> > >> > >> > >> // build drop down menu > >> var ddActionsMenuData = [ > >> { text: "Option 1", value: "menubutton-1" }, > >> { text: "Option 2", value: "menubutton-2" }, > >> { text: "Option 3", value: "menubutton-3" } > >> ]; > >> > >> var oMenuButton1 = new Button({ > >> id: "menubutton-1", > >> name: "menubutton-1", > >> label: "<em class=\"yui-button-label\">Option 1</em>", > >> type: "menu", > >> menu: ddActionsMenuData, > >> container: "ddActions" }); > >> > >> oMenuButton1.render(); > >> oMenuButton1.on("selectedMenuItemChange", function() > >> { alert("hi");}); > >> > > > > > > > > > > ------------------------------------ > > > > Yahoo! Groups Links > > > > > > > |
| Free embeddable forum powered by Nabble | Forum Help |
