Menu
Woocommerce Menu

图片上传插件jquery,jQuery实现点击文本框弹出热门标签的提示效果

0 Comment

Javascript做url查验,常常是应用正则表达式来剖断,其格式是不是科学,比如:

1、js代码:

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
<html xmlns=”;
<head>
<title>jQuery完结点击文本框弹出火热标签的唤醒示例_网页代码站</title>
<style type=”text/css”>
body {
font-size:12px;font-family:Arial;
}
#m_tagsItem {
background:#fff;
position:absolute;
top:0px;
left:0px;
overflow:hidden;
width:590px;
*width:561px;
width:561px\9;
padding:10px;
border:1px solid #ccc;
z-index:1000;
display:none;
}
#m_tagsItem p {
text-align:left;
line-height:22px;
padding:2px 0;
margin:0;
border:0;
}
#m_tagsItem span {
font-weight:bold;
}
#m_tagsItem a {
margin:0 5px;
}
.m_tagsname {
color:#999;
vertical-align:middle;
font-size:12px;
text-indent:3px;
line-height:20px;
}
#tagClose {
font-size:12px;
color:#888;
cursor:pointer;
position:absolute;
top:2px;
right:2px;
}
</style>
<script
src=”;
<script language=”javascript”>
(function ($) {
$.fn.bgIframe = $.fn.bgiframe = function (s) {
if ($.browser.msie && /6.0/.test(navigator.userAgent)) {
s = $.extend({
top: ‘auto’, // auto == .currentStyle.borderTopWidth
left: ‘auto’, // auto == .currentStyle.borderLeftWidth
width: ‘auto’, // auto == offsetWidth
height: ‘auto’, // auto == offsetHeight
opacity: true,
src: ‘javascript:false;’
}, s || {});
var prop = function (n) { return n && n.constructor == Number ? n + ‘px’
: n; },
html = ‘<iframe class=”bgiframe”frameborder=”0″tabindex=”-1″src=”‘ +
s.src + ‘”‘ +
‘style=”display:block;position:absolute;z-index:-1;’ +
(s.opacity !== false ? ‘filter:Alpha(Opacity=\’0\’);’ : ”) +
‘top:’ + (s.top == ‘auto’ ?
‘expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\’px\’)’
: prop(s.top)) + ‘;’ +
‘left:’ + (s.left == ‘auto’ ?
‘expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\’px\’)’
: prop(s.left)) + ‘;’ +
‘width:’ + (s.width == ‘auto’ ?
‘expression(this.parentNode.offsetWidth+\’px\’)’ : prop(s.width)) +
‘;’ +
‘height:’ + (s.height == ‘auto’ ?
‘expression(this.parentNode.offsetHeight+\’px\’)’ : prop(s.height)) +
‘;’ +
‘”/>’;
return this.each(function () {
if ($(‘> iframe.bgiframe’, this).length == 0)
this.insertBefore(document.createElement(html), this.firstChild);
});
}
return this;
};
})(jQuery);
jQuery.fn.selectCity = function (targetId) {
var _seft = this;
var targetId = $(targetId);
this.click(function () {
var A_top = $(this).offset().top + $(this).outerHeight(true); // 1
var A_left = $(this).offset().left;
targetId.bgiframe();
targetId.show().css({ “position”: “absolute”, “top”: A_top + “px”,
“left”: A_left + “px” });
});
targetId.find(“#tagClose”).click(function () {
targetId.hide();
});
$(document).click(function (event) {
if (event.target.id != _seft.selector.substring(1)) {
targetId.hide();
}
});
targetId.click(function (e) {
e.stopPropagation(); // 2
});
return this;
}
$(function () {
$(“#selecttags”).selectCity(“#m_tagsItem”);
});
//为文本域一而再赋值
function checktag(o) {
var tagid = function (id) { return document.getElementById(id); }
var tags = []; //寄存标签,防止重新投入
var tagidSPLITCHA凯雷德 = ‘ ‘; //设定分隔符,根据程序需求可改
var d = tagid(‘selecttags’);
if (d.value)
tags = d.value.split(tagidSPLITCHAR);
var v = o.innerHTML; //若是tag有别的值也许其余非innerHTML里显示的内容
var s = tagidSPLITCHAR + tags.join(tagidSPLITCHAR) + tagidSPLITCHAR
if (!new RegExp(tagidSPLITCHAR + v + tagidSPLITCHAR, ‘g’).test(s)) {
s += v;
}
s = s.replace(new RegExp(“(^” + tagidSPLITCHAR + “*|” + tagidSPLITCHAR

/^https?:\/\//.test(url);

<script type=”text/javascript”>
$(document).ready(function() {
$(‘#fileInput’).uploadify({
//以下参数均是可选
‘uploader’ : ‘<%=basePath%>images/uploadify.swf’,
//钦定上传控件的主心骨文件,暗中认可‘uploader.swf’
‘script’ : ‘<%=base帕特h%>UploadServlet’,
//钦点服务器端上传管理公事,暗中同意‘upload.php’
‘cancelImg’ : ‘<%=basePath%>images/cancel.png’,
//钦命撤废上传的图样,暗许‘cancel.png’
‘buttonImg’:'<%=basePath%>images/upload2.jpg’,
‘auto’ : true, //选定文件后是不是自动上传,私下认可false
‘folder’ : ‘/userphoto’ , //要上盛传的服务器路线,私下认可‘/’
‘multi’ : false, //是或不是允许同不经常间上传多文件,暗中认可false
‘fileDesc’ : ‘图片文件’ , //现身在上传对话框中的文件类型描述
‘fileExt’ : ‘*.jpg;*.bmp;*.png;*.gif’,
//调节可上传文书的恢宏名,启用本项时需同一时候注解fileDesc
‘sizeLimit’: 86400, //调节上传文件的大小,单位byte
‘onComplete’: function(event,queueID,fileObj,response,data) {
$(‘#image’).attr(“src”,”<%=basePath%>userphoto/”+response);
$(‘#image’).show();
$(‘#photo’).attr(“value”,response);
},
‘onError’ : function(event, queueID, fileObj)
{
alert(“文件:” + fileObj.name + ” 上传退步”);
}
});
});
</script>
 

  • “*tagid)”, “g”), ”);
    d.value = s;
    tags = s.split(tagidSPLITCHAR);
    }
    </script>
    </head>
    <body>
    比如未有现身提示框请刷新一下页面再试~
    <input type=”text” id=”selecttags” name=”m_tagsname”
    class=”m_tagsname” style=”width: 577px”
    value=”点击查看销路好标签和你已经采纳过的标签”
    onclick=”if(this.value==’点击查看火热标签和您已经选取过的标签’){this.value=”;this.className=’m_tagsname’}”>
    <div id=”m_tagsItem” style=”display: none”>
    <div id=”tagClose”>
    关闭</div>
    <p>
    <span>温馨提示:</span>标签间请用“空格”、“逗号”或“分号”隔开分离,用简易的辞藻回顾您的博文内容。</p>
    <p>
    <span>热点标签:</span><a href=”javascript:void(0)”
    onclick=”checktag(this)”>彩妆</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>美发</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>美优博客</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>aaa</a><a
    href=”javascript:void(0)” onclick=”checktag(this)”>bbb</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>天堂</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>eee</a><a
    href=”javascript:void(0)” onclick=”checktag(this)”>fff</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>ggg</a></p>
    <p>
    <span>您使用过的价签:</span><a href=”javascript:void(0)”
    onclick=”checktag(this)”>软件</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>Delphi</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>博客</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>源码</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>彩妆</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>google</a><a
    href=”javascript:void(0)”
    onclick=”checktag(this)”>新浪</a></p>
    </div>
    <br />
    <p>
    <a href=”; –
    最标准的网页代码下载网址 –
    致力为中中原人民共和国站长提供有性能的网页代码!</p>
    </body>

道理当然是那样的还会有更加好的检查评定方法比方依据CRUISERFC 3986, 兰德猎豹CS6FC 3966, 凯雷德FC 4694, 本田CR-VFC 4759,
奥迪Q5FC 4904等标准的实行求证的valid-url库。
可是个基于格式举行求证当然无法鲜明该url是不是留存啦,所以就有了url-valid,大家依照HTTP恳求举行验证。

2、注意事项

</html>

接口设计 实在大家只必要三个函数传入贰个url地址,并回调重回该链接是不是可用。
但央求轻便爆发未知错误,所以大家在回调函数字传送入两个error参数,假若不为空,则有错误发生。
大家大概还希望能够收获网页的连锁数据,未来用在页面包车型客车新闻提取上。
尽或许链式操作吧。
于是最终动用上大约是那般的:

(1)、假使页面未有出示“BROWSE”按键,则表明你的’uploader’ :
‘<%=basePath%>images/uploadify.swf’配置不对,检查下路线是还是不是科学。

您可能感兴趣的篇章:

  • jQuery完毕投入购物车飞入动画效果
  • jquery+easeing实现仿flash的载入动画
  • jquery达成遮盖与体现动画效果/输入框字符动态递减/导航开关切换
  • jQuery落成图像旋转动画效果
  • jQuery实现点击水纹波动动画
  • 据说jquery
    fly插件完毕投入购物车抛物线动画效果
  • jQuery轻便兑现input文本框内羊毛白提醒文本效果的办法
  • IE下帮衬文本框和密码框placeholder效果的JQuery插件分享
  • jQuery
    文本框模拟下拉列表效果
  • jQuery完毕的挑选商品飞入文本框动画成效完全实例
标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图