我的第一个dojo程序出不来

0 0

我的第一个dojo程序出不来3

今天开始学习dojo,感觉用处挺大的。可我的第一个程序出来的按钮，文本框并不是dojo的tundra风格的。而是最普通的js样式的。
而且验证功能也完全没有，这是为什么呢？dojo_path是完全正确的。运行dojo自带的demo又是完全没问题的，正确显示出tundra风格了。搞手指教

<html>
<head>
<style type="text/css">
        @import "E:\ajax\dojoAjax\dijit\themes\tundra\tundra.css";
        @import " E:\ajax\dojoAjax\dojo\resources\dojo.css"
    </style>
    <script type="text/javascript" src="E:\ajax\dojoAjax\dojo\dojo.js"
djConfig="parseOnLoad: true"></script>

</head>
<body>

<form
dojoType="dijit.form.Form"
id="registerForm"
action="showPost.php"
execute="showSteps(4);alert('Execute form w/values:\n'+dojo.toJson(arguments[0],true));"
>

<div id="firststep">
<div class="formSteps">
    <span>设置用户名和密码</span>
</div>
<div id="step1" class="formAnswer">
    <label class="firstLabel" for="name">用户名 *</label>
    <input type="text" id="name" name="name" class="medium"
      dojoType="dijit.form.ValidationTextBox"
      required="true"
      trim="true" invalidMessage="请输入用户名！"/>
    <br>

    <label class="firstLabel" for="password">密码 *</label>
    <input type="password" id="password" name="password" class="medium"
      dojoType="dijit.form.ValidationTextBox"
      required="true"
      regExp="[a-zA-Z]\w{5,17}"
      promptMessage="密码必须以字母开头，长度在6~18之间，并且只能包含字符、数字和下划线。"
      invalidMessage="请确认密码以字母开头，只能包含字符、数字和下划线，同时长度在6~18之间！"/>
    <br>

    <label class="firstLabel" for="validate">确认密码 *</label>
    <input type="password" id="validate" name="validate" class="medium"
      dojoType="dijit.form.ValidationTextBox"
      required="true"
      validator="return this.getValue() == dijit.byId('password').getValue()"
      invalidMessage="请确认两次输入密码一致！"/>
    <br>

    <label class="firstLabel" for="pwdquestion">设置密码保护问题 *</label>
    <select dojoType="dijit.form.ComboBox"
      value=""
      id="pwdquestion"
      autocomplete="true"
      hasDownArrow="true"
    >
      <option></option>
      <option>您的宠物名字是什么？</option>
      <option>北京奥运开幕式是哪天？</option>
    </select>
    <br />
    <label class="firstLabel" for="answer">答案 *</label>
    <input type="text" id="answer" name="answer" class="medium"
      dojoType="dijit.form.ValidationTextBox"
      required="true"
      trim="true" invalidMessage="请输入答案！"/>
    <br>
</div>

<center>
    <button
    dojoType="dijit.form.Button"
    onclick="showSteps(2)"
    iconClass="dijitEditorIcon
    dijitEditorIconSave"
    type=button>
      下一步
    </button>
</center>
</div>

</body>

</html>

还有这个程序，想让他出来一个直的进度栏，可出来的怎么是一堆粘在一起的东西
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dijit HorizontalSlider Example</title>
    <style type="text/css">
        @import "dojoPath/dijit/themes/tundra/tundra.css";
        @import " dojoPath/dojo/resources/dojo.css"
    </style>
    <script type="text/javascript" src="dojoPath/dojo/dojo.js"
djConfig="parseOnLoad: true"></script>
    <script type="text/javascript">
       dojo.require("dojo.parser");
       dojo.require("dijit.form.Slider");
    </script>
</head>
<body class="tundra">
<div id="horizontalSlider" dojoType="dijit.form.HorizontalSlider"
onChange="dojo.byId('sliderinput').value=dojo.number.format(arguments[0]/100,{places:1,
pattern:'#%'});" handleSrc=
"http://o.aolcdn.com/dojo/1.0.0/dijit/themes/tundra/images/preciseSliderThumb.png"
value="10" minimum="0" maximum="100" discreteValues="100" intermediateChanges="true"
showButtons="true" style="width:50%;">

        <ol dojoType="dijit.form.HorizontalRuleLabels" container="topDecoration"
            style="height:1em;font-size:75%;color:gray;">
            <li> </li>
            <li>20%</li>
            <li>40%</li>
            <li>60%</li>
            <li>80%</li>
            <li> </li>
        </ol>

        <div dojoType="dijit.form.HorizontalRule" container="topDecoration" count=6
style="height:5px;" ></div>
        <div dojoType="dijit.form.HorizontalRule" container="bottomDecoration" count=3
style="height:5px;" ></div>

        <ol dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration"
style="height:1em;font-size:75%;color:gray;">
            <li>0%</li>
            <li>50%</li>
            <li>100%</li>
        </ol>
</div>
Slider Value:<input readonly id="sliderinput" size="4" value="10.0%">
</body>
</html>

问题补充：

Anddy 写道

检查js，css路径

把绝对路径改为相对路径路径试试~~

试过了没有任何作用

JavaScript Dojo

2010年5月06日 21:50

vivinamie
0
0 0 0

2个答案按时间排序按投票排序

0 0

@import "E:\ajax\dojoAjax\dijit\themes\tundra\tundra.css";
@import " E:\ajax\dojoAjax\dojo\resources\dojo.css"

这个文件是本地浏览的还是通过web服务器浏览的？建议改成相对路径并通过web服务器浏览。

2010年5月19日 14:31

EldonReturn
43
0 0 0