[daisy] Use Dojo in custom skin, xsl translate problem

Hong Xia Li lihongx at cn.ibm.com
Tue Mar 6 07:42:11 CST 2007



Hi, all,

I've defined a custom skin. Make some changes in the layout.xsl and
menu.xsl to create a Dojo Tree and a Dojo Menu.

But I can't open querySearch page in IE.

There are two problems
      1)dojo lib are in different version between Daisy and My app.
      2)The CSS and JS of querySearch are created above my codes

For the first problem, I replace the dojo jar with the newest one.

For the second one, let me explain it more detail:


open the default querySearch page, we can get the source code:

<script type="text/javascript"
src="/cocoon/daisy/resources/cocoon/dojo/dojo.js"></script><script
type="text/javascript"
src="/cocoon/daisy/resources/cocoon/ajax/cocoon.js"></script><script
type="text/javascript"
src="/cocoon/daisy/resources/cocoon/forms/js/forms-lib.js"></script><script
type="text/javascript">
        dojo.addOnLoad(forms_onload);
        dojo.require("cocoon.forms.*");
    </script>
<link href="/cocoon/daisy/resources/cocoon/forms/css/forms.css"
type="text/css" rel="stylesheet">
<script type="text/javascript"
src="/cocoon/daisy/resources/cocoon/forms/mattkruse-lib/AnchorPosition.js"></script><script
 type="text/javascript"
src="/cocoon/daisy/resources/cocoon/forms/mattkruse-lib/PopupWindow.js"></script><script
 type="text/javascript"
src="/cocoon/daisy/resources/cocoon/forms/mattkruse-lib/OptionTransfer.js"></script><script
 type="text/javascript"
src="/cocoon/daisy/resources/cocoon/forms/mattkruse-lib/selectbox.js"></script><script
 type="text/javascript"
src="/cocoon/daisy/resources/cocoon/forms/mattkruse-lib/CalendarPopup.js"></script><script
 type="text/javascript"
src="/cocoon/daisy/resources/cocoon/forms/mattkruse-lib/date.js"></script><script
 type="text/javascript">
      // Setup calendar
      var forms_calendar = CalendarPopup();
      forms_calendar.setWeekStartDay(1);
      forms_calendar.showYearNavigation();
      forms_calendar.showYearNavigationInput();
      forms_calendar.setCssPrefix("forms_");
    </script>
<link href="/cocoon/daisy/resources/cocoon/forms/css/forms-calendar.css"
type="text/css" rel="stylesheet">
<title>Search</title>
<link href="/cocoon/daisy/resources/skins/default/css/daisy.css"
type="text/css" rel="stylesheet">...

But my layout.xsl translate the blue part as
<title>Publishing Prototype</title>
<script type="text/javascript">
      var djConfig = {
            preventBackButtonFix: false
      ,isDebug: false
      ,debugAtAllCosts : false
      };
</script>
<script src="/cocoon/daisy/resources/skins/myskin/dojo/dojo.js"
type="text/javascript"></script>
<script type="text/javascript" language="JavaScript">
      dojo.require("dojo.event.*");
      dojo.require("dojo.io.*");
      dojo.require("dojo.undo.browser");
      dojo.require("dojo.widget.Button");
      dojo.require("dojo.widget.LayoutContainer");
      dojo.require("dojo.widget.ContentPane");
      dojo.require("dojo.widget.LinkPane");
      dojo.require("dojo.widget.AccordionContainer");
      //dojo.require("dojo.widget.SplitContainer");
      dojo.require("dojo.widget.ColorPalette");
      dojo.require("dojo.widget.TabContainer");
      dojo.require("dojo.widget.TreeV3");
      dojo.require("dojo.widget.TreeNodeV3");
      dojo.require("dojo.widget.TreeBasicControllerV3");
      dojo.require("dojo.widget.TreeDocIconExtension");
      dojo.require("dojo.widget.TreeSelectorV3");
      dojo.require("dojo.widget.TreeEmphasizeOnSelect");
      dojo.require("dojo.widget.TreeDeselectOnDblselect");
      dojo.require("dojo.widget.TreeExpandToNodeOnSelect");
      dojo.require("dojo.html.*");
      dojo.require("dojo.widget.Menu2");
      dojo.hostenv.writeIncludes();
</script>...

This code order will make "dojo" as an unknow element when I use
dojo.wiget.create() in later scripts.

I saved the genarated the HTML codes and put the red codes after my codes,
It works well.
Is there any way to change the translate order, put my codes befor search
codes? I know which xsl translate these codes but I can't find out who
control the order.


Thanks and best regards.

Hopeshared Lee (Li Hong Xia)
China Software Development Lab, Beijing
Notes ID: Hong Xia Li/China/Contr/IBM
Internet Mail:lihongx at cn.ibm.com
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.cocoondev.org/pipermail/daisy/attachments/20070306/6c26a256/attachment.html


More information about the daisy mailing list