文章分类 -  AJAX

摘要:想拖动页面上的层,完全可以用jQuery ui的Draggable方法来实现,那如何将拖动后层的位置保存下来呢?本文将给出答案。本文讲解了如何采用PHP+MySQL+jQuery,实现随意拖动层并即时保存拖动位置。 之前我有文章:jQuery实现拖动布局并将排序结果保存到数据库,文中以项目为示例,讲解了实现拖动布局的方法。本文与之不同之处在于可以任意拖动页面位置,原理就是通过拖动将拖动后层的相对位置left,top和z-index三个参数更新到数据表中对应的记录,页面通过CSS解析每个层不同的位置。请看具体实现步骤。准备MySQL数据表首先需要准备一张表notes,用来记录层的内容,背景色和坐 阅读全文
posted @ 2012-09-22 16:23 永哥 阅读(489) 评论(0) 推荐(0)
摘要:我曾写了一篇关于发表类似微博程序的文章:PHP+Mysql+jQuery实现发布微博程序--jQuery篇,而本文不同之处在于使用JSON读取评论列表,请看我一一讲述。 XHTML<divid="comments"><h3>读取评论</h3></div><divid="post"><h3>发表评论</h3><p>昵称:</p><p><inputtype="text"class="input" 阅读全文
posted @ 2012-09-22 16:11 永哥 阅读(287) 评论(0) 推荐(0)
摘要:现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了<jQuery Performance Rules>这篇文章, 简单的摘译了一下:总是从ID选择器开始继承在class前使用tag将jquery对象缓存起来掌握强大的链式操作使用子查询对直接的DOM操作进行限制冒泡消除无效查询推迟到 $(window).load压缩js全面掌握jquery库1. 总是从ID选择器开始继承在jque 阅读全文
posted @ 2012-09-22 15:53 永哥 阅读(155) 评论(0) 推荐(0)
摘要:服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据。本文将通过实 例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、Ajax、PHP相关知识,并能熟练 运用。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写,同时也易于机器解析和生成。JSON在前后台交互的过程中发挥着相当出色的作用。请接着往下看教程。XHTML<ulid="userlist"><li><ahref=&qu 阅读全文
posted @ 2012-09-22 15:51 永哥 阅读(228) 评论(0) 推荐(0)
摘要:今天在做一个下拉菜单时,需要知道下拉的ID是否存在,如果不存在,就不对ID添加选择。如果这里不判断ID元素是否存在的话,那直接对ID元素添加选择项,当ID不存在时,就会出现JS错误。找了一下,代码如下:<script type="text/javascript">function exist(id){ var s=document.getElementById(id); if(s){return true} else{return false} }</script>以上代码应当能看明白吧,不存在就返回false 。 阅读全文
posted @ 2012-08-08 19:17 永哥 阅读(2184) 评论(0) 推荐(1)
摘要:swfupload提示302错误解决可能是又重启session了,这是swfupload的一个bug,在ie里是没有这个问题的。在他的文档里是有描述的,必须在上传后的回调函数里,重新获取session值。swfuplaod在上传时,会新开一个进程,和原来的进程不一致,要解决这个问题,需要指定session_id,然后在登录页面判断,如果有post过来的session_id,那么就用函数session_id( $_POST['PHP_SESSIONID'])指定一下。上传页的JS里面,可以获取当前的SESSION_ID的。例如上传页的JS中:post_params: {" 阅读全文
posted @ 2012-07-16 21:40 永哥 阅读(733) 评论(0) 推荐(0)
摘要://watefallHeight 瀑布流高度 也可以通过$watefallHeight获得 var watefallHeight = $("#galleryContainer").Watefall( { itemMarginLeft: 20,//左间距 itemMarginTop: 20,//上间距 sortName: "",//排序字段 asc_desc:false//排序 ... 阅读全文
posted @ 2012-07-14 18:07 永哥 阅读(283) 评论(0) 推荐(0)
摘要:ocation 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“<窗口对象>.location”。先前写了一片用window.location.href实现刷新另个框架页面 ,特此我看了一下locaiton的详细用法,对此有点改进,具体如下: 注意:属于不同协议或不同主机的两个地址之间不能互相引用对方的 location 对象,这是出于安全性的需要。例如,当前窗口打开的是“www.a.com”下面的某一页,另外一个窗口(对象名为:bWindow)打开的是“www.b.com”的网页。如果在 阅读全文
posted @ 2012-07-14 18:05 永哥 阅读(1396) 评论(0) 推荐(0)
摘要:indexOf()定义和用法indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex)参数描述searchvalue必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。说明该 方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没 阅读全文
posted @ 2012-07-07 15:58 永哥 阅读(208) 评论(0) 推荐(0)
摘要:房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3)房产地图google map的初步应用点滴.4)google Map的交互基本都是事件驱动的,这表示js是通过生成时间来响应交互的,并且处于监听我们设定的事件,每个 Google Maps API 对象都可导出大量已命名的事件。如果程序想要实现某些事件,则会为这些事件注册 Javascript 事件侦听器,并会在通过在 google.maps.event 命名空间中注册 addListener() 事件处理程序接收这些事件时执行相应的代码。初步的事件响 阅读全文
posted @ 2012-05-15 20:26 永哥 阅读(223) 评论(0) 推荐(0)
摘要:房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3)房产地图google map的初步应用点滴.4)google map测距的实现和分析不断有传闻google map在今年的7月1号之后在大陆停止运营,具体原因是因为天朝的牌照问题,这个就不多讲了,可以发现现在搜房网的地图,和安居客等的地图纷纷都撤下 google map,而重新选择了mapabc或baidu,当然网易房产地图也不例外,现在也在使用mapabc作为网易房产地图的开发,预计将在6月底前上线,到 时再跟大家分享一下mapabc的一些开发实践。 阅读全文
posted @ 2012-05-15 20:26 永哥 阅读(268) 评论(0) 推荐(0)
摘要:房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3)房产地图google map的初步应用点滴.4)本来是想将房产地图google map的应用记录一个系列,但继1)记录完之后总找不到时间继续记录下去,1)中主要解决了Google Maps JavaScript API V3 与 Google Local Search API两者由于版本问题带来的一系列麻烦,思路是使用一个iframe作为兼容的跳板,子页面应用Local Search API获得查询的result后返回给父页面,下面再记录一些地图坐标的 阅读全文
posted @ 2012-05-15 20:25 永哥 阅读(299) 评论(0) 推荐(0)
摘要:房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3)房产地图google map的初步应用点滴.4)以前的房产地图一直都是使用有道地图,虽然有道地图是很好,但是为了更好,还是决定使用google地图来重新开发^_^,下面是一个开发完毕的简单应用http://xf.house.163.com/gz/map/000B.html1)整合Google Maps JavaScript API V3 与 Google Local Search APIGoogle Maps JavaScript API V3 地址 阅读全文
posted @ 2012-05-15 20:24 永哥 阅读(262) 评论(0) 推荐(0)
摘要:摘要本文以MySQL数据库为研究对象,讨论与数据库索引相关的一些话题。特别需要说明的是,MySQL支持诸多存储引擎,而各种存储引擎对索引的支持 也各不相同,因此MySQL数据库支持多种索引类型,如BTree索引,哈希索引,全文索引等等。为了避免混乱,本文将只关注于BTree索引,因为这是 平常使用MySQL时主要打交道的索引,至于哈希索引和全文索引本文暂不讨论。文章主要内容分为三个部分。第一部分主要从数据结构及算法理论层面讨论MySQL数据库索引的数理基础。第二部分结合MySQL数据库中MyISAM和InnoDB数据存储引擎中索引的架构实现讨论聚集索引、非聚集索引及覆盖索引等话题。第三部分根据 阅读全文
posted @ 2012-05-11 17:32 永哥 阅读(185) 评论(0) 推荐(0)
摘要:补充一点: 要禁止移动中选中文字,FF可以设置CSS xxxx{-moz-user-select:none;} 其他的浏览器可以设置 XXXX.onselectstart = function(){return false} 一种实现原理就是点击没目标元素之后,创建一个占位元素(或者复制一份目标元素,即拷贝B),然后拖动目标元素(或者复制的来的新元素B); 找到相应的位置之后,插入目标元素。清除占位元素或者B。 比如有一个列表:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""htt 阅读全文
posted @ 2012-04-27 21:16 永哥 阅读(1328) 评论(0) 推荐(0)
摘要:<!DOCTYPE"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="javascrpt/elect2.js" type="text/javascript"></script><style>* 阅读全文
posted @ 2012-04-20 23:56 永哥 阅读(438) 评论(0) 推荐(0)
摘要:1.获取焦点至文本框的文字后面方法//获取焦点至文本框的文字后面function myfocus(myid) { if(isNav){ document.getElementById(myid).focus();// 获取焦点 }else{ setFocus.call(document.getElementById(myid)); }} var isNav = (window.navigator.appName.toLowerCase().indexOf("netscape")>=0);var isIE = (window.navigator.appName.toLo 阅读全文
posted @ 2012-04-18 23:14 永哥 阅读(707) 评论(0) 推荐(0)
摘要:代码如下:引用<input type="submit" name="submit" value="submit" />或者引用<input type="submit" name="action" value="submit" />当提交按钮的name 或者 id为submit时候,用js 提交表单,表单名.submit()时候会报一个错误,提示对象不支持此属性或办法。 解决方法是修改提交按钮的 name 或者 id 不要与 submit或者action 阅读全文
posted @ 2012-04-12 23:47 永哥 阅读(200) 评论(0) 推荐(0)
摘要:错误写法 _ 代码如下:$("#uploadImg").click(function(){ do something });正确写法 _ 代码如下:$("#uploadImg").live('change',function(){ do something }); 阅读全文
posted @ 2012-04-12 23:45 永哥 阅读(231) 评论(0) 推荐(0)
摘要:1,在首页导入其js2,在需要显示的页面添加一个div:<div id="chart-container-1" style="margin:5px 10px;width: 888px; height: 500px"></div>3,在需要显示的页面添加js代码:<script type="text/javascript"> var chart1; // globally available $(document).ready(function() { chart1 = new Highcharts. 阅读全文
posted @ 2012-04-06 22:36 永哥 阅读(441) 评论(0) 推荐(0)