我照着一个demo做了个小例子,就是显示一个对话框。
如果把页面放在网站根目录下,而dojo,我是在网站根目录下建立了个js文件夹,把dojo和dijit放在了里面。
index.jsp我放在根目录下:代码如下:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<style type="text/css">
@import "js/dijit/themes/nihilo/nihilo.css";
@import "js/dojo/resources/dojo.css";
html,body{
margin:0px;
font-size: 12px;
}
</style>
<script type="text/javascript" src="js/dojo/dojo.js" djConfig="parseOnLoad: true,isDebug: false"></script>
<script type="text/javascript">
dojo.require("dijit.form.Button");
dojo.require("dijit.Dialog");
dojo.require("dojo.parser");
</script>
</head>
<body class="nihilo">
<button dojoType="dijit.form.Button" id="loginbtn">DialogDemo
<script type="dojo/method" event="onClick">
dijit.byId('loginDialog').show();
</script>
</button>
<div dojoType="dijit.Dialog" id="loginDialog" title="DialogDemo" onClose="alert('yyyy');">
在这里输入HTML在这里输入HTML在这里输入HTML在这里输入HTML<br>
在这里输入HTML在这里输入HTML在这里输入HTML在这里输入HTML<br>
在这里输入HTML在这里输入HTML在这里输入HTML在这里输入HTML<br>
</div>
</body>
</html>
或者我加上
<%
String path = request.getContextPath();
%>
明确的告知其存放路径。 这两种情况都可以工作。
而把index.jsp放在子一级目录,比如我在根目录下建立一个mypage目录,把index.jsp挪动进去,
无论怎么给它路径,包含明确地告知它(<%=path%>/js/dojo/dojo.js),还是使用相对目录(../js/dojo/dojo.js)
js倒是可以正常工作,就是css样式,,按钮的部分可以显示,就是那个对话框无论如何都是不起作用。
不知道大家有没有遇到这种情况,有的话,是如何处理的呢?
有否给点使用dojo的小技巧呢?
我建立第2个页面以后,我拷贝了相关内容,可是万万没想到我丢了一个地方,就是:
<body class="nihilo">
见蓝色部分,我把这个主题给丢了,造成老是不显示样式,我用firefox看了半天,css也加载了,js功能也正常,就是css样式不显示,原来问题在这。
希望和我一样的新手,不要犯这个错误。
分享到:
相关推荐
CSS 2.0 & Dojo1.8 chm
DOjo中文使用手册,Dojo中文使用手册
使用Requirejs异步加载Dojo1.6,运行在Tomcat6下
dojo的包加载机制, 源代码中加了注释和debug,只供大家参考
Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...
分三个包上传时,第三个包好像传不上去,我给整合了一下,打在一个包里上传了! dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO...
Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...
Dojo框架使用教程
Dojo让你更容易 使web页面具有动态能力,或在任何稳健的支持javascript语言的环境中发挥作用。 a、利用dojo提供的组件,你可以提升你的web应用程序可用性、交互能力以及功能上的提高; b、你也可以 更容易的建立...
domino xpages开发 单页面不加载dojo.txt
dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程
dojo中文文档下载。dojo中文文档下载。
曾经有人这样说:“对于一个Web开发者而言,如果没有Dojo,他将是一个“残废”的开发者,只能依靠自己的力量蹒跚前行。“ 在众多的Ajax框架中,Dojo与Prototype和Ext JS一样,备受开发者青睐。Dojo是一款非常优秀...
个人在网上收集的资料,并非个人创作,整理好供大家一起分享。 一、 Dojo学习笔记(1. 模块与包) 1 二、 Dojo学习笔记(2. djConfig解说) 4 三、 Dojo学习笔记(3. Dojo的基础对象和方法) 6 四、 Dojo学习笔记(4. dojo....
dojo中文文档dojo中文文档
dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档
该工具可按指定的方案合并、压缩dojo或符合dojo规范的js文件、压缩css文件。 使用方便,无需安装配置, 下载置入dojo源码下的任意目录即可一键完成打包压缩. 该工具可自动分析HTML文件生成打包方案,自动排除没有用到的...
学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源...
Dojo是一个用JavaScript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets, Burstlib, f...Dojo能够让你更容易使Web页面具有动态能力,或者在任何能够稳定支持JavaScript语言的环境中发挥作用。
dojo js dojo js dojo js dojo js dojo js dojo js dojo js