Hi,

I wanted to integrate a Dojo widget (TabPane) into a T5 page. I simply copied a Dojo example into an existing page, but there seems to be a clash between prototype and dojo.

Firebug reports:

[Exception... "'Error: Bundle not found: loading in dijit , locale=en-us' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001c (NS_ERROR_XPC_JS_THREW_JS_OBJECT)" location: "JS frame :: http://localhost:8080/tap5demo/assets/scriptaculous/5.0.14/prototype.js :: anonymous :: line 3921" data: no]
http://localhost:8080/tap5demo/assets/scriptaculous/5.0.14/prototype.js
Line 3921


What I don't understand: why does prototype try to load "dijit"?


From the generated source:

<head>
...

<script djConfig="parseOnLoad: true" src="assets/dojo/dojo.js" 
type="text/javascript"></script>


</head>
<body id="theBody" style="tundra">
...

<script type="text/javascript">dojo.require("dojo.parser"); dojo.require("dijit.form.Button"); 
dojo.require("dijit.layout.ContentPane"); dojo.require("dijit.layout.TabContainer"); </script>
<div dojoType="dijit.layout.TabContainer" id="mainTabContainer" style="width:500px;height:100px">

     <div closable="true" dojoType="dijit.layout.ContentPane" id="tab1" selected="true" 
title="First Tab">
     First Tab
     </div>

     <div closable="true" dojoType="dijit.layout.ContentPane" id="tab2" title="Second 
Tab">
     Second Tab
     </div>

     <div closable="true" dojoType="dijit.layout.ContentPane" id="tab3" title="Third 
Tab">
     Third Tab
     </div>

</div>

<script src="assets/scriptaculous/5.0.14/prototype.js" type="text/javascript"></script><script src="assets/scriptaculous/5.0.14/scriptaculous.js" type="text/javascript"></script><script src="assets/scriptaculous/5.0.14/effects.js" 
type="text/javascript"></script><script src="assets/tapestry/5.0.14/tapestry.js" type="text/javascript"></script><script src="assets/de/pahne/tap5components/components/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script><script 
src="assets/de/pahne/tap5components/components/yui/container/container_core.js" type="text/javascript"></script><script src="assets/de/pahne/tap5components/components/yui/menu/menu.js" type="text/javascript"></script><script 
src="assets/de/pahne/tap5components/components/dojo/dojo.js" type="text/javascript"></script><script type="text/javascript">
<!--
Tapestry.DEBUG_ENABLED = true;
Tapestry.onDOMLoaded(function() {
var menuToBuild = new YAHOO.widget.MenuBar("basicMenuBar", { autosubmenudisplay: true, hidedelay: 750, lazyload: true }); menuToBuild.render();
dojo.parser.parse(dojo.byId("theBody"));
});
// -->
</script>
</body>
</html>


I am no JavaScript expert. Can anybody see what's going wrong?


Andy













---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to