art.dialog 带输入

js库之art.dialog

自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它.它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现. 完善的接口它的接口完善,可以轻易与外部程序配合使用.如异步写入消息.控制位置.尺寸.显示与隐藏.关闭等. 细致的体验如果不是在输入状态,它支持Esc快捷键关闭:可指定在元素附近弹出,让操作更便捷:智能给按钮添加焦点:黄金比例垂直居中:超大响应区域特别为ipad等

art.dialog 与 ajax 异步请求

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

art.dialog

关闭指定弹出窗: art.dialog({ id: 'hetong' }).close(); 关闭所有的iframe弹出窗,art.dia.close();

art.dialog 使用说明

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

art.dialog 返回提示

<form target="_top" /> 1 如果加 target="_top" 提示跳出子页面 2 如果不加则在子页面提示

art.dialog.art 中，将子页面窗口中的值传递给父框架中

artDialog.open.origin.document.getElementById('父元素ID').value=document.getElementById('子页面元素ID').value; 自己例子: 父页面 <div id="father"> </div> 子页面 <script type="text/javascript">$(document).ready(function(){ artDialog.open

dialog统一标准调用方法（内部记录）

更新base-config.js 对话框统一为三种形式(如后期需要再添加其他方式) //对话框--确定取消 //dialogOkFun:确定函数 dialogCancelFun:取消函数 function dialogOkCancel(dialog_ok_fun,dialog_cancel_fun){ art.dialog( { content:'确定要删除吗?', width: 250, lock:true, zIndex:9999, title: '提示', style:'succeed n

推荐一款不错的dialog小工具：artDialog

推荐一款不错的dialog小工具, 地址:http://www.planeart.cn/demo/artDialog/_doc/labs.html 相关介绍例如以下: artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口自适应内容 artDialog的特殊UI框架可以适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它.它的消息容器甚至可以依据宽度让文本居中或居左对齐--这一切全是XHTML+CSS原生实现. 完

dialog组件的jquery封装实现

(function($){ $.extend({ Dialog : function(id, options){ var option = $.extend({}, options); option.id = id; if(!option.content || option.content == "") { throw new Error("content不存在!"); } if(option.content.indexOf("url:") ==

日历插件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

Mvc form提交

在项目开发中,我们离不开表单提交,本篇主要记录mvc的Ajax.BeginForm提交方式. 需要用到的js @Url.Script("~/Content/Scripts/jquery-1.7.1.js") @Url.Script("~/Content/Scripts/jquery.validate.min.js") @Url.Script("~/Content/Scripts/jquery.validate.unobtrusive.min.js&

物联网平台设计心得：DateTimePicker实现选择联动

所谓的选择联动,就是指,当我DateTimePicker1选择2月4号的时候,我DateTimePicker2只能选择2月4号和2月5号两天,当然你可以自行规定要选择的日期.这在一些图表查询条件里面是很常用的一个功能.下面我们就来看看如何设计. DateTimePicker的选取与使用在这里,我们使用的DateTimePicker是一个开源的组件,他的model名称为:ui.bootstrap.datetimepicker,我们可以去这个网址找到其相关的内容:http://dalelotts.

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"

phpcms V9 栏目管理

关于phpcms V9框架系统后台管理之栏目管理,请参见下文的源码分析(添加栏目和修改栏目): 参照添加栏目的界面图示,便于对源代码的理解: <?php // 文件路径:phpcms/modules/admin/category.php 控制器,主要用来控制栏目相关的操作 defined('IN_PHPCMS') or exit('No permission resources.'); pc_base::load_app_class('admin','admin',0); // 加载admin模

前端js 判断输入的必须是数字,判断金钱

//输入的必须是数字 $(".xzjl").on("keyup", ".num", function () { var v = $(this).val(); if (v == 0 || v.length == 0) { v = 0; } else { v = v.replace(/[^\d]/g, ''); } $(this).val(v); }); function check() { //判断金钱 var amount = $.trim($(

easyui 折叠数据表格使用

因为要用到折叠数据表格但是官网上的例子不能展示费了好大劲走了很多弯路现在能显示出数据以前大多都是看别人写的文章自己解决问题的时候几乎没记录过现在想想真不是好习惯特此记录分享出来有需要的朋友可以参考我用的是.net MVC 首先在视图层中创建表格 $('#IntentionsList').datagrid({ loadMsg: "正在加载数据", url: '@Url.Action("GetList",

Bootstrap+angularjs+MVC3+分页技术+角色权限验证系统

1.Bootstrap使用教程相关教程: http://www.bootcss.com/components.html 页面使用代码: <script src="@Url.Content("~/Content/Bootstrap/js/bootstrap.min.js")"></script> <link href="@Url.Content("~/Content/Bootstrap/css/bootstrap.m

PHPCMS系统使用的弹出窗口插件artDialog

来源: http://aui.github.io/artDialog/doc/index.html (官方) http://lab.seaning.com/ http://www.mb5u.com/jscode/html/ajax/426_artDialog2_0_4/ artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容

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"

artdialog4.1.7 中父页面给子页面传值

artdialog4.1.7中父页面给子页面传值时看了一些网友的解决方法: 在父页面声明全局变量 var returnValue=“ ”,子页面用art.dialog.opener.returnValue=值,关闭子页面窗口,在父页面弹alert(returnValue) 但一直未定义. 修改后: 在父页面声明全局变量 var returnValue=“ ”,子页面用art.dialog.opener[0].returnValue=值,关闭子页面窗口,在父页面弹alert(returnValue

art.dialog 带输入

热门专题