js弹框

来源：互联网发布：windows loader 8.1 编辑：程序博客网时间：2024/06/05 17:45

点击按钮

弹框的样式，蒙版

<div id="mentor_ttt" style="border: 1px #000000 solid;width: 405px;height: 150px;position: absolute; top: 0px; left: 0px; background-color: #FFFFFF; display: none; position: fixed;left: 50%;top:50%;transform:translate(-50%,-50%);white-space: normal;z-index: 100001;">
<input type="submit" value=" " style="background-color: #FFFFFF;border: 0px;height: 35px"><span style="font-weight: 700;">分配导师</span>
<input type="submit" value="X" style="float: right;background-color: #FFFFFF;color: #000000;font-weight: 900;text-align: left;border: 0px" onclick="$('#ttt').hide();$('#mentor_ttt').hide()">
<div style="margin: 0 20px">

<form action="" {ife 'commission.agent.mentor' $others}action="" method="post"{/if} >
<input type="hidden" name="mentor_id" id="mentor_id" value="" >

{loop $others $item}
<label><input type="radio" name="mentor_name" value="{$item['id']}" >
{$item['name']}</label>
{/loop}

<label><input type="radio" name="mentor_name" value="0" >暂不分配</label>
<input type="submit" name="" value="确定" style="position: absolute;top:80%;left: 40%">
</form>
</div>

</div>

js部分(jquery)

$(function(){
$('.mentor_botton').click(function(event){
event.stopPropagation();
var id = $(this).parents('tr').attr('data-id');//获取table的第一栏的id的值
$('#mentor_id').val(id);
$('#ttt').show(500);
$('#mentor_ttt').show(500);
});
$(document).click(function(event){
var _con = $('#mentor_ttt'); // 设置目标区域
if(!_con.is(event.target) && _con.has(event.target).length === 0){ // Mark 1
$('#ttt').hide(1000); //淡出消失
$('#mentor_ttt').hide(1000); //淡出消失
}
});
})

</script>

限制文本框的字数

var nametext=$(':input[name=name]').val();
var length=nametext.length;
if(length > 10){
Tip.focus($(':input[name=name]'),'姓名不能超过十个字!');
return false;
}

更多源码，请访问 http://www.erdangjiade.com/source

网页特效下载：http://www.erdangjiade.com/js

更多PHP/Mysql功能：http://www.erdangjiade.com/php

更多原创模板，尽在 http://www.erdangjiade.com/templates

PHP网站开发求职QQ群 368848856

0 0