yui menu

View: New views

2 Messages — Rating Filter: Alert me

yui menu

by fuyui123 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hello

I m a new commer to using YUI. I trying to create a simple menu.
With
markup below Im getting error, " Yahoo.uil.widget.menu is not a
constructor". What is wrong?

CODE MARKUP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<link rel="stylesheet" type="text/css"
href="js/yui_2.5.2/build/assets/skins/sam/skin.css">

<script type="text/javascript" src="js/yui_2.5.2/yui/build/yahoo-dom-
event/yahoo-dom-event.js"></script>

<script type="text/javascript"
src="js/yui_2.5.2/build/container/container_core-min.js"></script>

<script type="text/javascript" src="js/yui_2.5.2/build/menu/menu-
min.js"></script>

<script type="text/javascript">

YAHOO.util.Event.onContentReady("basicmenu", function () {

/*
Instantiate a Menu. The first argument passed to the
constructor is the id of the element in the DOM that
represents
the Menu instance.
*/

var oMenu = new YAHOO.widget.Menu("basicmenu");

/*
Call the "render" method with no arguments since the markup
for
this Menu instance already exists in the DOM.
*/

oMenu.render();

// Show the Menu instance

oMenu.show();

});

</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
1" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body >
<div class="yui-skin-sam">
<div id="basicmenu" class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem">
<a class="yuimenuitemlabel"
href="http://mail.yahoo.com">
Yahoo! Mail
</a>
</li>
<li class="yuimenuitem">
<a class="yuimenuitemlabel"
href="http://addressbook.yahoo.com">
Yahoo! Address Book
</a>
</li>
<li class="yuimenuitem">
<a class="yuimenuitemlabel"
href="http://calendar.yahoo.com">
Yahoo! Calendar
</a>
</li>
<li class="yuimenuitem">
<a class="yuimenuitemlabel"
href="http://notepad.yahoo.com">
Yahoo! Notepad
</a>
</li>
</ul>
</div>
</div></div>

</body>
</html>

END OF MARKUP

thanks for your help

Re: yui menu

by dav.glass :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

That error usually means that the menu js file didn't load..

Use firebug to make sure that they are loading..

Dav

Dav Glass
dav.glass@...
blog.davglass.com

+ Windows: n. - The most successful computer virus, ever. +
+ A computer without a Microsoft operating system is like a dog
without bricks tied to its head +
+ A Microsoft Certified Systems Engineer is to computing what a
McDonalds Certified Food Specialist is to fine cuisine +

----- Original Message ----
From: fuyui123 <fuyui123@...>
To: ydn-javascript@...
Sent: Friday, July 4, 2008 2:06:54 PM
Subject: [ydn-javascript] yui menu

Hello

I m a new commer to using YUI. I trying to create a simple menu.
With
markup below Im getting error, " Yahoo.uil.widget.menu is not a
constructor". What is wrong?

CODE MARKUP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<link rel="stylesheet" type="text/css"
href="js/yui_2.5.2/build/assets/skins/sam/skin.css">

<script type="text/javascript" src="js/yui_2.5.2/yui/build/yahoo-dom-
event/yahoo-dom-event.js"></script>

<script type="text/javascript"
src="js/yui_2.5.2/build/container/container_core-min.js"></script>

<script type="text/javascript" src="js/yui_2.5.2/build/menu/menu-
min.js"></script>

<script type="text/javascript">

YAHOO.util.Event.onContentReady("basicmenu", function () {

/*
Instantiate a Menu. The first argument passed to the
constructor is the id of the element in the DOM that
represents
the Menu instance.
*/

var oMenu = new YAHOO.widget.Menu("basicmenu");

/*
Call the "render" method with no arguments since the markup
for
this Menu instance already exists in the DOM.
*/

oMenu.render();

// Show the Menu instance

oMenu.show();

});

</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
1" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body >
<div class="yui-skin-sam">
<div id="basicmenu" class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem">
<a class="yuimenuitemlabel"
href="http://mail.yahoo.com">
Yahoo! Mail
</a>
</li>
<li class="yuimenuitem">
<a class="yuimenuitemlabel"
href="http://addressbook.yahoo.com">
Yahoo! Address Book
</a>
</li>
<li class="yuimenuitem">
<a class="yuimenuitemlabel"
href="http://calendar.yahoo.com">
Yahoo! Calendar
</a>
</li>
<li class="yuimenuitem">
<a class="yuimenuitemlabel"
href="http://notepad.yahoo.com">
Yahoo! Notepad
</a>
</li>
</ul>
</div>
</div></div>

</body>
</html>

END OF MARKUP

thanks for your help

------------------------------------

Yahoo! Groups Links

LightInTheBox - Buy quality products at wholesale price