<span><input type="button" class="button" value="批量操作" style="background-color: yellow;"
onclick="
ymPrompt.confirmInfo({icoCls:'',msgCls:'confirm',
message:'体积:<input type=\'text\' id=\'myInput_1\' onfocus=\'this.select()\' /><br>重量:<input type=\'text\' id=\'myInput_2\' onfocus=\'this.select()\' /><br>备注:<input type=\'text\' id=\'myInput_3\' onfocus=\'this.select()\' />',
title:'请输入SPU信息',width: 240,height:160,handler:getInput,autoClose:false ,fixPosition:true , maskAlphaColor: '#000',maskAlpha: 0.2})" /> </span>
ymPrompt消息提示组件 4.0
【调用方法及参数说明】:
1、在页面中引入ymPrompt.js。如:<script type="text/javascript" src="ymPrompt.js"></script>
2、在页面中引入对应的皮肤文件的CSS,如:<link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" />
3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用)
handler: function(){}, //回调事件
<script type="text/javascript" >
//弹出组件的回调函数(实现批量赋值);
function getInput(tp){
if(tp!='ok') return ymPrompt.close();
v_1 = document.getElementById('myInput_1');
v_2 = document.getElementById('myInput_2');
isValidNum_1(v_1); //对填写的体积进行数字校验(含两位小数)
isValidNum_1(v_2); //对填写的重量进行数字校验(含两位小数)
v1 = document.getElementById('myInput_1').value;
v2 = document.getElementById('myInput_2').value;
v3 = document.getElementById('myInput_3').value;
if(v1=='' && v2=='' && v3==''){
alert('请输入SPU信息!');
return;
}
var ch = document.getElementsByName('spu_checked');
var flag = false;
for(var i=0; i< ch.length; i++){
flag = (flag || ch[i].checked);
}
if(!flag){ //批量操作必须有选择行;
alert('请勾选需要赋值的行!');
return;
}
for(var i=0; i< ch.length; i++){
if(ch[i].checked){ //复选框赋值;
if(v1 != ''){ //避免空值覆盖;
ch[i].parentNode.parentNode.cells[3].childNodes[0].value = v1;
}
if(v2 != ''){
ch[i].parentNode.parentNode.cells[4].childNodes[0].value = v2;
}
if(v3 != ''){
ch[i].parentNode.parentNode.cells[5].childNodes[0].value = v3;
}
}
}
ymPrompt.close();
}
function selectAll(name,obj){ //复选框
var select=!obj.checked;
var nodes=document.getElementsByName(name);
for(var i=0;i<nodes.length;i++){
if(select==false){
nodes[i].checked=true;
}else{
nodes[i].checked=false;
}
}
}
</script>
分享到:
相关推荐
《ymPrompt消息提示组件4.0版:打造极致用户体验的弹窗代码详解》 ymPrompt消息提示组件4.0版,作为一个优秀的前端开发工具,它以其柔和、舒适的弹出窗口设计,深受开发者们的喜爱。这款组件的核心在于提供了一种...
ymPrompt消息提示组件是一款在Web开发中常用的交互工具,它主要负责向用户显示各种提示信息,如警告、确认、信息提示等。这个组件通常被用于提高用户体验,通过提供直观的反馈来帮助用户理解和操作应用程序。...
"ymPrompt消息提示组件"是一种专门用于在客户端应用程序中实现丰富多样的消息提示功能的软件组件。这个组件设计的目标是提供美观且用户友好的界面,以便在用户与应用交互时传达必要的信息,如操作成功、警告、错误等...
"YmPrompt消息提示组件"是一款专为网页设计者打造的工具,用于实现各种对话框提示效果。在网页交互设计中,消息提示是至关重要的,它能够向用户传达信息、警告、确认操作或者提供反馈。YmPrompt组件以其丰富的功能和...
"ymPrompt消息提示组件3.0版DEMO演示"是一个专注于提供用户交互体验优化的工具,主要用于在网页应用中展示各种类型的消息提示。这个组件的最新版本为3.0,由开发者wazhpi(八零後-㊣平)创建。ymPrompt组件设计精巧...
ymPrompt消息提示组件是软件开发中的一个实用工具,主要用于向用户显示各种类型的通知、提示或者交互信息。在4.0版本中,ymPrompt组件引入了更多优化和新特性,提升了用户体验和开发者的便利性。本篇文章将深入探讨...
"ymPrompt消息提示组件 2.0"是一个专为Web开发者设计的自定义消息提示工具,旨在替代浏览器原生的alert、confirm等对话框。它提供了更丰富的样式控制和更灵活的交互体验,使得开发者可以按照网站或应用的UI风格...
message:消息组件要显示的内容,默认为“内容”。 width:消息框的宽度,默认为300。 height:消息框的高度,默认为185。 title:消息组件标题,默认为“标题” handler:回调函数。当确定/取消/关闭按钮被点击...
在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,同时我们经常...为了实现更好的界面效果和控制,于是模拟系统的消息提示框及弹出窗口实现了该组件。在外观上可以通过css进行完全的控制。
"ymPrompt消息提示组件4.0版[2009-03-02]DEMO演示及使用简介"是一个面向IT开发者的资源,主要关注前端界面中的消息提示功能。这个组件提供了丰富的提示样式和交互体验,适用于网页应用中显示各种类型的通知或提示...
组件说明:在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框实现了该组件。在外观上可以通过css进行完全的控制。 效果不错,特此...
通过这些例子,我们可以看到如何在实际项目中引入ymPrompt,并配置参数来创建不同的消息提示效果。 "readme.txt"通常包含组件的安装、使用和配置说明,以及可能的常见问题解答。而"changelog.txt"则记录了组件的...
JS对话框YMPROMPT4.0是一个专门用于创建动态、自定义消息提示组件的JavaScript库,它能够帮助开发者在不离开当前页面的情况下,向用户展示各种信息,如警告、确认、询问等,从而增加网站的互动性和用户友好性。...
"ymPrompt非常漂亮的消息提示组件4.0版"是一个专为网页应用设计的用户界面组件,旨在提供美观且功能丰富的消息提示服务。该组件的主要目标是提升用户体验,通过优雅的视觉效果和人性化的交互设计,使得系统通知、...
`ymPrompt3.0`就是一个这样的JS消息提示组件,它允许开发者自定义样式、添加多种类型的消息,并且可以与页面其他元素更好地融合。这个组件旨在提高用户体验,提供更丰富的交互方式。 `ymPrompt3.0`的核心功能包括:...
内容索引:脚本资源,Ajax/JavaScript,ymPromp ymPrompt消息提示组件4.0版DEMO演示 调用方法及参数说明 在页面中引入ymPrompt.js。如: 在页面中引入对应的皮肤文件的CSS,如: 自定义组件的默认配置信息...
它基于JavaScript技术,旨在帮助开发者轻松实现各种复杂的弹出层效果和动态消息提示,极大地提升用户体验和开发效率。 ymPrompt 的核心功能在于其弹出层机制。弹出层在网页中扮演着重要的角色,它可以用于显示详细...