【artDialog.js的使用】的更多相关文章

artDialog.js的使用

开发项目中用到了artDialog.js,从而专门学习一下如何配置和使用. 一.artDialog是什么 artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他框架. 二.artDialog的使用 以下内容引用 http://www.2cto.com/kf/201303/195812.html,artDialog基本使用,详细内容有调整和更改. 在页面head引入artDialog,注意如果文件带有skin参数将会无阻塞的方式自动加载对应的皮肤css文件,当然你仍然可…

artdialog

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>art</title>    <link id="artDialogSkin" href="skins/default.css" rel="stylesheet"…

ArtDialog简单使用示例

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>art</title>    <link id="artDialogSkin" href="skins/default.css" rel="stylesheet"…

插件 - 提示窗体（ArtDialog）

效果: 代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="se…

完美实现在同一个页面中使用不同样式的artDialog样式

偶然发现artDialog.js这个插件,就被其优雅的设计及漂亮的效果深深吸引,在做例子时碰到了一些想当然它应该提供但却没有提供的功能,不过这都不影响我对它的喜爱,下面说一下遇到的问题吧! artDialog.js提供了好多种弹出框样式供我们使用,但我想在同一个页面中使用它提供的不同弹出框样式,遗憾的是artDialog.js并没有提供为每一个dialog指定样式的方法或属性,那怎么办呢?且看我下面的解决办法: 我的思路是,既然每一个页面的Dialog样式都是由同一个CSS文件定义的,我何不通过…

ArtDialog V6的简单使用

artDialog v6 -- 经典的网页对话框组件,内外皆用心雕琢. 兼容性 測试通过:IE6~IE11.Chrome.Firefox.Safari.Opera 授权协议 免费,且开源.基于LGPL协议. 支持开源 贡献代码 || 捐赠一杯咖啡 || 商业授权 artDialog,献给那些愿意为 web 极致体验付出的人们! 四年来.有超过 40 万站点在使用 artDialog,当中不乏国内顶尖的产品: QQ空间 v8(腾讯) Phpcms(盛大) 极路由 在artDialog的使用中,使用…

给artDialog插件增加动画效果

领导想给弹窗增加几种动画效果,以前用过layer弹窗,效果不错,它的动画是用的样式,实现很简单,所以把动画拷贝了过来,打包到现在的artDialog.js里... 使用方式:新增配置参数{anim:4}//0-6 预览:https://zhangzn3.github.io/artDialog-anmi/index.html…

artdialog(4.1.7)弹出框

artDialog弹出框 <link href="/js/artDialog/skins/default.css" rel="stylesheet" /> <script src="/js/artDialog/artDialog.js" type="text/javascript"></script> <script src="/js/artDialog/plugins/if…

artDialog基本使用

artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口l  自适应内容artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它.它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现. l  完善的接口它的接口完善,可以轻易与外部程序配合使用.如异步写入消息.控制位置.尺寸.显示与隐藏.关闭等. l  细致的体验如果不是在输入状态,它支持Esc快捷键关…

artDialog的使用

用法一:github上下载包:https://github.com/aui/artDialog                seajs方法使用 <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>test</title> <style> body { *margin: 0; *padding:…

artDialog使用说明（弹窗API）

Js代码 2. 传入HTMLElement    备注:1.元素不是复制而是完整移动到对话框中,所以原有的事件与属性都将会保留 2.如果隐藏元素被传入到对话框,会设置display:block属性显示该元素 3.对话框关闭的时候元素将恢复到原来在页面的位置,style display属性也将恢复       ********************************************************************************************   …

artDialog组件应用学习（四）

一.在对话框自定义操作按钮 预览: html调用代码: var btnArray = [ { value: '同意', callback: function () { this.content('你同意了'); return false; }, autofocus: true }, { value: '不同意', callback: function () { alert('你不同意') } }, { id: 'button-disabled', value: '无效按钮', disabled:…

artDialog弹出框使用

配置参数 名称 类型 默认值 描述 内容 title String '消息' 标题内容 content String 'loading..' 消息内容.1.如果传入的是HTMLElement类型,如果是隐藏元素会给其设置display:block以显示该元素,其他属性与绑定的事件都会完整保留,对话框关闭后此元素又将恢复原来的display属性,并且重新插入原文档所在位置2.如果没有设定content的值则会有loading的动画 HTMLElement 按钮 ok Function null 确…

artDialog自定义弹框

弹框内容:<div class='boxy' style="display:none;" id="boxy"> //将div设置成隐藏效果 <form id='jvForm' method='post' action='/fcms/LoginAloneSubmit.jspx' target='loginframe' onsubmit='return checkInfo();'> <div class='boxy-div1'> 用户…

artdialog插件--iframe穿透特性

使用artdialog可以实现嵌套页面间的通信. 一.引入插件 //artdialog是建立在jquery上面的所以要首先引入jquery <script src="__CLASSTPL__/js/jquery-2.1.1.js"></script><script src="__CLASSTPL__/js/jquery.artDialog.js"></script><script src="__CLAS…

日历插件FullCalendar应用：(二)数据增删改

接上一篇 日历插件FullCalendar应用:(一)数据展现. 这一篇主要讲使用fullcalendar插件如何做数据的增删改,用到了art.dialog web对话框组件,上一篇用到的webForm来展现数据,这一篇使用mvc模式来对数据进行增删改查. 1.准备工作 本人用的SQLServer2012,首先创建任务数据库 Task: USE [TestDemo] GO SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE…

弹窗样式 idialog,purebox,artdialog4.1.2,jquery.alert.v1.2

<script src="<?php echo $imgurl;?>/tools/media/js/jquery.iDialog.js"></script> <script src="<?php echo $imgurl;?>/tools/media/js/jquery.artDialog.js"></script> <script src="<?php echo $img…

SignalR实时推送

SignalR 的实现机制与 .NET WCF 或 Remoting 是相似的,都是使用远程代理来实现.在具体使用上,有两种不同目的的接口:PersistentConnection 和 Hubs,其中 PersistentConnection 是实现了长时间的 Javascript 轮询(类似于 Comet),Hub 是用来解决实时信息交换问题,它是利用 Javascript 动态载入执行方法实现的.SignalR 将整个连接,信息交换过程封装得非常漂亮,客户端与服务器端全部使用 JSON 来交…

晒自己做的一个管理系统（清新风格）EasyUI

最近项目结束了,现在也要自己总结一下自己的成果了,总结会加深自己对项目的印象的.这里我就先晒一些作品图片了,希望大家看了会赞美一个! 项目虽然结束了,但是接下来的这个项目可就不是我一个人可以搞定的了,太多的未知数(X)伴随着我们IT男! 首先是登录界面—登录界面我一直比较喜欢的风格就是简单,大气,没有太多的信息展示,毕竟是一个管理系统,不是前台网站 当初设计这个界面的时候也是想了很久的,当然这个页面可以有很多的背景图片风格的.你可以任意的单配图片!个人比较喜欢冷色调的 这就是登录界面的代码了!…

2013年8月份第4周51Aspx源码发布详情

迷你桌面闹钟源码  2013-8-27 [VS2010]功能介绍:实现了定时闹钟的功能,可以设置闹钟最前端显示.感兴趣的可以下载学习. BR个人博客系统(课程设计)源码  2013-8-27 [VS2010]源码描述:主要功能:博文管理,视频管理,音乐管理,天气预报,动感时钟,RSS订阅,一键分享,分页查询,页面中有天气预报等.默认登录名密码均为51aspx. C#通讯调试工具v3.0源码  2013-8-27 [VS2010]本软件主要功能如下:1.串口,TCP服务端/客户端,UDP服务端/客…

2013年8月份第3周51Aspx源码发布详情

BaiduMusic Cache源码  2013-8-23 [VS2012]功能介绍:可以读取并保存百度音乐(Win8应用程序商店版本)的缓存.可以检测电脑是否安装了百度音乐,支持缓存音乐的导出功能. YK摄像机监控中英双语网站源码  2013-8-23 [VS2010]源码描述:该源码是中英双语网站,前台展示栏目有:网站首页,关于我们,产品中心,技术支持,工程案例,联系我们.后台管理信息包括:系统管理,网站内容管理,栏目管理,友情链接等.默认后台登录名密码均为51aspx. LYS通用企业网站…

QQ群信息统计

接口一: 1:QQ群信息统计 地址:http://localhost:8080/webServices/messageSort 注意:连接地址提交的是一个txt文件,返回是一个list的json字符串,解释json字符串网上例子很多,请自行解释. 2:接口实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr…

art.dialog 与 ajax 异步请求

上周写了一些代码,涉及到jquery异步请求,这里归纳总结下,希望对刚接触编程的同学有帮助. 主要习惯使用 art.dialog 框架,非常好用,在异步请求上,它提供了很多简便的方法. 加载使用art.dialog前,需要在页面代码上引入 <link href="/js/artDialog/css/blue.css" type="text/css" rel="stylesheet" /> <script type="t…

利用gridview实现计时消费，有点复杂，谁有好的方法可以讨论一下...

这是前段时间做项目遇到的一个问题,做出来的效果图如下, 由会员id查询出会员来,然后开始计费.然后点击结束消费,传到别的页面,主要就是结束时间和开始时间的一个时间差. 用到的数据表设计视图如下, 为了方便研究,我把aspx的代码和cs的代码全部发上来,主要看的地方有,aspx文件的gridview中的TemplateField属性的设置.cs文件下GridView1_RowCreated事件,GridView1_RowCommand事件. aspx代码如下: <%@ Page Language=…

分享一个自己写的MVC+EF “增删改查” 无刷新分页程序

分享一个自己写的MVC+EF “增删改查” 无刷新分页程序 一.项目之前得添加几个组件artDialog.MVCPager.kindeditor-4.0.先上几个效果图.      1.首先建立一个数据库,添加一个Peoples表之后在项目中右键添加“新建项”,选择你刚才建立的数据库和表.      2.加完之后项目中会有个Peoples.edmx,这里面包括数据上下文和实体属性.     3.在Controllers右键添加“PersonController.cs”,选择强类型视图,生成对应的…

grid实例（Asp.net）

<link href="../../js/jqGrid/css/ui.jqgrid.css" rel="stylesheet" type="text/css" /> <link href="../../css/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <scrip…

JAVAScript：前端模块化开发

目录 一:前端模块化概要 1.1.模块化概要 1.2.函数封装 1.3.对象封装 1.4.立即执行函数表达式(IIFE) 1.5.模块化规范 1.5.1.CommonJS 1.5.2.AMD((Asynchromous Module Definition) 异步模块定义 1.5.3.CMD(Common Module Definition)通用模块定义 1.5.4.UMD 1.5.5.原生JS模块化(Native JS) 1.5.6.小结 二.CommonJS 2.1.NodeJS中使用Comm…

JavaScript学习总结(六)——前端模块化开发

早期的javascript版本没有块级作用域.没有类.没有包.也没有模块,这样会带来一些问题,如复用.依赖.冲突.代码组织混乱等,随着前端的膨胀,模块化显得非常迫切. 前端模块化规范如下: 一.前端模块化概要 1.1.模块概要 JavaScript在早期的设计中就没有模块.包.类的概念,开发者需要模拟出类似的功能,来隔离.组织复杂的JavaScript代码,我们称为模块化. 模块就是一个实现特定功能的文件,有了模块我们就可以更方便的使用别人的代码,要用什么功能就加载什么模块. 模块化开发的四点好…

art.dialog 使用说明

Js代码 2. 传入HTMLElement   备注:1.元素不是复制而是完整移动到对话框中,所以原有的事件与属性都将会保留 2.如果隐藏元素被传入到对话框,会设置display:block属性显示该元素 3.对话框关闭的时候元素将恢复到原来在页面的位置,style display属性也将恢复     ********************************************************************************************    ar…

Jquery_artDialog对话框弹出

artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口l  自适应内容artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它.它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现. l  完善的接口它的接口完善,可以轻易与外部程序配合使用.如异步写入消息.控制位置.尺寸.显示与隐藏.关闭等. l  细致的体验如果不是在输入状态,它支持Esc快捷键关…