初学Dojo Dialog的简单运用 - LY的笔记本 - ITeye博客

`

luo_yong_men

浏览: 27660 次
性别:
来自: 成都

最近访客更多访客>>

dayone

bp_qd

abcdweiok

pocketlx

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

全部博客 (13)

社区版块

存档分类

最新评论

luo_yong_men： xx_521 写道$('.className')这个是哪个？那 ...
JQuery动态生成一个居中显示的提升DIV
xx_521：不显示哇，怎么回事啊
JQuery动态生成一个居中显示的提升DIV
xx_521： $('.className')这个是哪个？
JQuery动态生成一个居中显示的提升DIV

初学Dojo Dialog的简单运用

阅读更多


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>dd.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<style type="text/css">
		@import "dojoroot/dojo/resources/dojo.css";
		@import "dojoroot/dijit/themes/tundra/tundra.css";
	</style>
	<!-- 注意dojo包的位置  -->
	<script type="text/javascript" djConfig="parseOnLoad: true,isDebug: true" src="dojoroot/dojo/dojo.js"></script>
	<script type="text/javascript">
		dojo.require("dijit.Dialog");
		function showDia(){
			dijit.byId("dialog").show();
		}
		function close(){
			dijit.byId("dialog").hide();
			
		}
		dojo.addOnLoad(init)
		function init(){
			var btn = dojo.byId("closebtn");
			dojo.connect(btn,"onclick",close);
		}
	</script>
	<style type="text/css">
		.dijitDialogUnderlay {
			background-color: #666666;
			opacity:0.5;
		}
	</style>
	
  </head>
  
  <body class="tundra"><!-- 运用dojoroot/dijit/themes/tundra/tundra.css的样式 -->
   	<button id="b1" onclick="showDia()" >点击弹出</button><br/>
	<div dojoType="dijit.Dialog" id="dialog" closeNode="hider" title="我的第一个弹出层">
		<form onsubmit="return false;">
			<table>
				<tr>
					<td><label for="name">姓名：</label></td>
					<td><input type="text" id="name"/></td>
				
				</tr>
				<tr>
					<td><input type="button" id="hider" value="提交"/></td>
					<td><button id="closebtn" >关闭</button> </td>
				</tr>
			</table>
		</form>
	</div>
  </body>
</html>

查看图片附件

分享到：

一个被我忽视的jsp无法引入外部.JS或者.C ... | flex 将XML文件类型转换成Flex Object键 ...

2011-04-28 16:29
浏览 5350
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Dojo的高级运用：Widget的制作: <<Dojo的高级运用：Widget的制作>> 和使用Dojo和JSON构建Ajax应用>> 中涉及到的源代码博文链接：https://tailsherry.iteye.com/blog/102907

dojo自定义对话框: 创建一个基本的Dojo Dialog首先需要引入Dojo的模块，包括`dijit/Dialog`和`dojo/parser`。在HTML文件中，我们可以这样引入： ```html <script src="https://ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo....

dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程: Dojo 是一个强大的JavaScript工具库，它为Web开发提供...每个`code`文件可能就是一个具体的Dojo示例，演示了如何运用这些知识点解决问题。通过深入学习和实践，你可以更好地掌握Dojo库，并高效地开发高质量的Web应用。

Dojo教程: Dojo 是一个强大的JavaScript库，特别设计用于构建富互联网应用程序（RIA）。...通过学习这两个PDF文档，初学者不仅可以掌握Dojo的基础知识，还能了解到如何在实际项目中运用Dojo，提升自己的前端开发技能。

springjdbc的简单运用以及Dojo的小案例，包括了Dojo的相关资料包: 在案例中，可能会有一个简单的Dojo应用，比如一个按钮点击事件触发数据的获取和显示，或者使用Dojo的DataGrid展示数据库查询结果。这将涉及到Dojo的数据绑定机制和Widget使用，例如`dojox/grid/DataGrid`。由于...

dojo文档 dojo文档 dojo文档: dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档

dojo初学者文档: dojo初学者文档，叫你怎么打出hello world！

dojo 框架案例: 最简单的dojo框架开发案例，初学者的经典案例教程

dojo精品中文教程(包一): Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习...

dojo精品中文教程(全): Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习...

dojo中文文档-dojo手册: 此外，Dojo还提供了一套强大的DOM操作API，如dojo.create、dojo.destroy和dojo.style，使得在JavaScript中操作DOM变得简单易行。在数据交互方面，Dojo的dojo.xhr系列函数（如dojo.xhrGet、xhrPost）实现了与服务器...

dojo精品中文教程(包二): Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习...

dojo起步学习的好例子: 在提供的"ajax"子文件中，你可能发现各种AJAX相关的Dojo示例，比如如何使用Dojo进行简单的GET请求，如何处理响应数据，以及如何进行更复杂的POST请求。通过这些实例，你可以了解Dojo在AJAX方面的强大功能，并学会...

dojo js dojo js: dojo js dojo js dojo js dojo js dojo js dojo js dojo js

精通Dojo by Dojo之父: 全书以一个能让读者迅速上手的简单示例开篇，进而读者们将了解到Dojo的核心，也就是Dojo所有功能的基础。通过本书，读者将学会如何在开发中将自己的项目模块化，还将学到该JavaScript库在核心功能方面的一些增强。...

DOJO 学习笔记 dojo: Dojo 是一个功能丰富的 JavaScript 库，它提供了一系列模块化、面向对象的工具，用于构建高性能的 Web 应用程序。在 Dojo 中，模块和包的概念是核心组成部分，它们帮助开发者组织和管理代码，使其更易于维护和重用。...

dojo1.8.chm+dojo1.11中文入门pdf: 而"dojo1.11中文入门手册pdf"则是针对Dojo 1.11版本的中文学习资料，对于初学者来说是一份很好的学习资源。 Dojo 1.8是Dojo Toolkit的一个重要版本，它引入了许多新特性，例如模块化系统AMD（Asynchronous Module ...

Global site tag (gtag.js) - Google Analytics