分类目录归档:WEB前端

ajax提交表单 浏览器记住密码功能失效

现在流行ajax提交表单,但是副作用是浏览器自动记住输入框内容的功能就失效了。 其实浏览器是通过submit这个动作来检测。那么我模拟一次form 的 submit就好了。 下面是两句核心代码 onsubmit="return false;"   <input type="submit" id="signin" /> 以前我们可能用 <input type="button" id="signin" /> 修改前,我们连form都不需要 <div class="block"> <label>登录用户名</label> <input type="text" id="loginName" value=""/> </div> <div class="block"> <label>密码</label> <input type="password" id="password" value="" /> </div> <div class="block"> <input type="button" id="signin" … 继续阅读

发表在 WEB前端 | 标签为 , , | 留下评论

bootstrap 入门

利用一些现有的框架,写东西,还是比较轻松的。 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title>   <!– Bootstrap –> <link href="css/bootstrap.css" rel="stylesheet">   <link href="css/ge.css" rel="stylesheet">   <!– HTML5 shim and Respond.js for IE8 support of HTML5 … 继续阅读

发表在 WEB前端 | 标签为 , | 2 条评论

jquery ajax get 一个url,超级简单

$("#btn1").click(function(){ var hangye = $("#hangye").val(); $.get("help.php?act=eall&hangye="+hangye,function(data,status){ $("#stocks").html(data); //alert("Data: " + data + "\nStatus: " + status); }); });

发表在 WEB前端 | 标签为 , , | 留下评论

jquery 遍历元素

jquery 操作的确简便了很多。不多有不少东西要学。 <input type="button" value="张三1" code="zs001" > <input type="button" value="张三2" code="zs002" > <input type="button" value="张三3" code="zs003" > $("#btn2").click(function(){   $("input[myatt='code']:button").each(function(){ var code = $(this).val(); alert(code); });       }); $(“input[myatt='code']:button”).each(function(){ 在each里分别执行,就好了。

发表在 WEB前端 | 标签为 , | 留下评论

Jquery 的 ajax 提交超级编辑器 POST 出错

var title = $(‘#title’).val(); var picture = $(‘#picture’).val(); var content = $(".nicEdit-main").html(); var id = $("#id").val();   var data = ‘title=’ + title + ‘&content=’ + content + ‘&id=’ + id + ‘&istop=’ + istop; if(picture != ”){ data += … 继续阅读

发表在 PHP, WEB前端 | 标签为 , , | 留下评论

ajax jquery post图片流给服务器进行图片上传

纯ajax 图片上传,ajax来post图片流给服务器。 FormData 可以把post数据改成流传输。 <form id="frm"> <div id="box2" style="margin:0px auto; width:100%; min-height:150px; background:#FF9"> <input type="file" name="file1" id="file1" /> <input type="button" value="上传" id="upload"> </form>   //ajax 上传 $("#upload").click(function(){ var url = "http://mm.com/ajaxupload.php";   var formData = new FormData($( "#frm" )[0]); $.ajax({ … 继续阅读

发表在 PHP, WEB前端 | 标签为 , , | 留下评论

html5如何在IOS下自动播放音乐

html5如何在IOS下自动播放音乐 在iphone所有平台包含最新的iphone6 plus,都有效 另外有B格的魅族里也同样有效。 但是基于微信里打开。 <audio preload="preload" controls id="car_audio" src="http://s882ddd.com/pinpai2/images/222.mp3" loop></audio> <script> setTimeout(function(){ $(window).scrollTop(1); },0); document.getElementById(‘car_audio’).play(); document.addEventListener("WeixinJSBridgeReady", function () { WeixinJSBridge.invoke(‘getNetworkType’, {}, function (e) { document.getElementById(‘car_audio’).play(); }); }, false); </script>

发表在 WEB前端 | 标签为 , , , | 2 条评论

微信分享朋友圈不显示小图片问题

发生背景: 微信sdk在2015.1.16发生一次版本升级。 分享的微信url无法看到小图片。 2015.1.20 某html5放在自己服务器的,分享到微信朋友圈,发现iphone下没有小图片 js 代码 var img=document.getElementById(“s2″).src; wx.onMenuShareTimeline({ title: “大寒迎暖春,快来测测春心吧! “+word, link: “http://s90.x-idea.com/dh/”, // 分享链接 //imgUrl: “http://41.xxk.com/wx/logo.png”, // 分享图标 imgUrl: img, success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); 1.如果直接使用imgUrl: “http://41.xxk.com/wx/logo.png”,这种方式,苹果下分享无法出现小图片,同事部分android无法显示 … 继续阅读

发表在 WEB前端 | 标签为 , , , | 留下评论

JS如何加载不影响网页速度

一般情况下我们都要求第三方js别影响自己的网站加载速度,哪怕他挂了,也别影响 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>   <div>TESTSTTST</div> <div id="sk"></div> <img src="1.jpg"> <img src="2.jpg"> <script type="text/javascript" src="1.js"></script>   </body> </html> 1.js的内容 document.getElementById(‘sk’).innerHTML = ‘<img src="3.jpg">’; Firefox里进行加载测试 我们将 <script type="text/javascript" src="1.js"></script> 改成 <script type="text/javascript">document.write(unescape("%3Cscript src=’1.js’ type=’text/javascript’%3E%3C/script%3E"));</script>

发表在 WEB前端 | 标签为 | 一条评论

html5 开发中遇到空白底边有个空白

<div style="border:1px solid red;"><img style="border:0px;width:100%; " src="images/index_1.jpg" /></div> 简单的一个div里面放一个图片, 结果发现底边有一点点空白常规的定宽网页开发,可以采用div的高度来进行overflow,但是手机网页开发,需要100%的宽度,不能定高。 解决方法:图片上加display:block <div style="border:1px solid red;"><img style="border:0px;width:100%; display:block;" src="images/index_1.jpg" /></div>

发表在 WEB前端 | 标签为 , , | 一条评论