`
corangecn
  • 浏览: 60368 次
文章分类
社区版块
存档分类
最新评论

漂亮的js删除确认提示框

 
阅读更多

 

http://www.corange.cn//uploadfiles/1013-4_15960.jpg


演示地址:http://www.corange.cn/demo/3697/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>jConfirmAction Demo</title>
<link rel="stylesheet" type="text/css" media="screen, projection" href="demo.css" />
<script src="http://www.google.com/jsapi" type="text/javascript"></script> 
<script type="text/javascript"> 
google.load("jquery", "1.2.6"); 
</script> 
<script type="text/javascript" src="js/order.js"></script> 
<script type="text/javascript" src="jconfirmaction.jquery.js"></script>
<script type="text/javascript">

$(document).ready(function() {


$('.ask-plain').click(function(e) {

e.preventDefault();
thisHref = $(this).attr('href');

if(confirm('Are you sure')) {
window.location = thisHref;
}

});

$('.ask-custom').jConfirmAction({question : "Anda Yakin?", yesAnswer : "Ya", cancelAnswer : "Tidak"});
$('.ask').jConfirmAction();
});

</script>
</head>
<body>
<span class="title"></span>
<br/><br/>
<div id="container">
<label>没有用本例效果</label>
: <a href="delete.html" class="ask-plain">Delete Me</a>
<hr/>
<label>Using Plugin With Default Confirmation</label>
: <a href="delete.html" class="ask">Delete Me</a>
<hr/>
<label>Customized Language (Indonesian) </label>
: <a href="delete.html" class="ask-custom"><img src="images/trash.png" border="0" align="absbottom" /></a>
</div>
</body>
</html> 

分享到:0


原文地址:http://www.corange.cn/archives/2010/10/3697.html

0
2
分享到:
评论

相关推荐

    jquery删除确认提示信息框.zip

    jquery删除确认提示信息框

    js删除表单和弹出确认对话框 html 源代码

    js删除表单和弹出确认对话框 html 源代码 获取table的td以及其值,弹出警告框

    JS提示框美化 alert confirm wait 美化

    对JavaScript中的alert confirm wait 美化,并能返回原来的true false值。

    javaScript 删除确认实现方法小结

    第一种方法:挺好用的,确认以后才能打开下载地址页面。原理也比较清晰。...JavaScript删除确认框 删除第三种:主要用于批量删除的确认提示 &lt;input name=”Submit” type=”submit” class=”inputedi

    jQuery仿照新浪微博提示框(确认框)插件

    jQuery仿照新浪微博提示框(确认框)插件 jQuery-smoothCo

    javascript实现删除前弹出确认框

    JS代码 function del() { var msg = 您真的确定要删除吗?\n\n请确认!; if (confirm&#40;msg&#41;==true){ return true; }else{ return false; } } html代码 删除 方法二: &lt;!DOCTYPE ...

    JavaScript怎样在删除前添加确认弹出框?

    答案当然是有确认提示框好,这样可以避免误删. 二,【详情】  1,思考方法: 可以添加 js, 或添加一个 function 用一个Ajax. 2,现在情况: 原代码删除是 HTML表单形式,调接口的方式; 网上查了一般都是 onclick方式,这...

    thinkPHP删除前弹出确认框的简单实现方法

    本文实例讲述了thinkPHP删除前弹出确认框的简单实现方法。分享给大家供大家参考,具体如下: html部分: 复制代码 代码如下:删除 javascript部分: [removed] function del() { if(confirm&#40;"确定要删除吗?"&#...

    html弹出框模板(提示框,确定+取消框)

    html下各种弹出框模板(提示框,确定+取消,确定等)包括调用的js和css文件。实测可用,。。。。。。。。。。。。。。。。。。。。。。。。。。。。

    jQuery点击删除弹出对话框代码.zip

    jQuery点击删除弹出对话框代码基于jquery-1.4.4.min.js制作,鼠标点击删除链接弹出确认删除对话框,可选择确认删除或取消。

    js中confirm实现执行操作前弹出确认框的方法

    本文实例讲述了js中confirm实现执行操作前弹出确认框的方法。分享给大家供大家参考。具体实现方法如下: 现在在删除或其它操作前弹出确定提示,我们有很多方法,最基本的就是利用js自带的函数confirm来操作了 最简单...

    angular-smartconfirm:显示内联确认按钮的 Angular 指令,可以替代弹出对话框的使用

    Angular 智能确认是 Angular 的可定制 UI 组件,它取代了在需要用户确认的地方显示弹出确认框的需要。 这个智能确认在线显示是和否确认按钮。 不再用那些有时会变得有点烦人的弹出窗口来打扰用户。 设置 您需要包含 ...

    JS中常用的消息框总结

    首先来看下运行效果 加下来分享一下全部代码: &lt;!DOCTYPE html&gt; &lt;...提示消息框&#41;; } function sure_info(){ if (confirm&#40;确认删除吗?&#41;){ alert&#40;删除成功&#41;; } e

    模态框,弹出框

    这是一个js文件,常见用法:$.dialog.alert&#40;'警告'&#41;,$.dialog.confirm('确认'),$.dialog.confirmDanger('删除'),$.dialog.prompt('提问'),$.dialog.tips('短暂提示')

    javascript完全学习手册1 源码

    javascript完全自学手册 目 录 第1篇 JavaScript基础篇 第1章 JavaScript简介 1 1.1 JavaScript概述 1 1.1.1 什么是JavaScript 1 1.1.2 JavaScript的基本特点 2 1.1.3 常用的Web开发语言 3 1.2 JavaScript的应用 4 ...

    程序天下:JavaScript实例自学手册

    2.8 删除时的确认提 示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态...

    JavaScript基础教程第8版

    《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上...

    《程序天下:JavaScript实例自学手册》光盘源码

    2.8 删除时的确认提示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置...

    JavaScript完全自学宝典 源代码

    6.5.html JavaScript控制列表框与组合框。 6.6.html 多级下拉列表联动。 6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效...

Global site tag (gtag.js) - Google Analytics