|
»
»
« Return to Thread: yui menu
yui menu
by fuyui123
::
Rate 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>
<!-- css -->
<link rel="stylesheet" type="text/css"
href="js/yui_2.5.2/build/assets/skins/sam/skin.css">
<!-- js -->
<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">
<!--
.style6 {font-size: 80px}
-->
</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
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>
<!-- css -->
<link rel="stylesheet" type="text/css"
href="js/yui_2.5.2/build/assets/skins/sam/skin.css">
<!-- js -->
<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">
<!--
.style6 {font-size: 80px}
-->
</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
« Return to Thread: yui menu
| Free Forum Powered by Nabble | Forum Help |
