代码改变世界

随笔档案-2012年05月

初识python+linux最基本的操作

2012-05-30 18:28 by @影子@, 1748 阅读, 收藏,
摘要: 学习Django的网址:http://djangobook.py3k.cn/2.0/ 学习Python的网址:http://sebug.net/paper/python/pr01.html#s01对python的认识应该从url.py和views.py开始,其他的.py文件均用来封装各种各样的template。而这些.py文件又可以当作一个封装的类导入到views.py.首先需要理解的是python的工作原理,python是一门非常指着的面向对象语言,一切皆是对象,django框架基本上都是mvc的衍生物。m- modalv- views-urls.py + views.py --> t 阅读全文

转载:解决html的select(下拉框)宽度问题

2012-05-30 11:14 by @影子@, 2561 阅读, 收藏,
摘要: 本文转载自http://linjunhong.iteye.com/blog/462125我们经常要使用select ,但select的大小会随着内容的大小而变化。很烦人啊。网上有人说用层来替代,这个方法是可行的,就是觉得有点麻烦。本人喜欢投机取巧。。呵呵所以想了个懒办法--用脚本控制当select被点击(onclick或者onchange)的时候调用脚本函数改变这个select的width值当select失去焦点(onblur)的时候再一次调用脚本恢复这个select的width值。<select id="linjunhong" name="xiamen&q 阅读全文

转载:固定表格布局下的各浏览器对与表格宽度计算算法不同

2012-05-29 10:30 by @影子@, 753 阅读, 收藏,
摘要: 问题描述固定表格布局下的各浏览器对与表格宽度计算算法不同。造成的影响1. 内容溢出列的宽度不够容纳其内容时,IE6 IE7 IE8(Q) 会将溢出的内容隐藏,而其他浏览器则会根据单元格的 'overflow' 属性决定是否隐藏溢出内容,这时候溢出单元格的内容有可能与其他单元格的文字重叠。2. 列的实际宽度不是设定宽度有浏览器对于 TABLE 元素均是将宽度作用于 'border-box',但是对于 TD 元素的宽度的作用范围在不同浏览器中却产生了差异,而 IE(Q) Chrome Safari 中的处理更接近标准,即单元格与表格一样,其宽度均作用于 border 阅读全文

转载:js页面文字选中后分享到新浪微博实现

2012-05-29 10:29 by @影子@, 330 阅读, 收藏,
摘要: byzhangxinxufromhttp://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1428一、功能简述正是微博如火如荼的时节,其中各个微博的分享功能是网站推广产品的好东东啊,此时如何方便快捷的使用微博的分享功能就显得比较重要了。我的站点每篇文章的底部有一些分享的链接:不过我觉得这些分享基本上就是聋子的耳朵——摆设。除非这篇文章惊天地、泣鬼神,痛彻心扉,穿越前世今生。但是,如果有更加方便快捷的分享方式,这种冷淡得让人结冰的场面或许就不会经常出现。一般翻译软件都有划词翻译功能,例如有道桌面词典的桌面划词翻译功能 阅读全文

jquery获取鼠标位置

2012-05-28 13:29 by @影子@, 953 阅读, 收藏,
摘要: functiongetScrollLeft(){vard=document;returnwindow.pageXOffset||d.documentElement.scrollLeft||d.body.scrollLeft;};functiongetScrollTop(){vard=document;returnwindow.pageYOffset||d.documentElement.scrollTop||d.body.scrollTop;};varxy={x:0,y:0};//监听当前网页的mousemove事件以获得鼠标的实时坐标$(document).mousemove(functio 阅读全文

OL有序列表 IE 与 非IE 浏览器兼容问题解决

2012-05-28 09:55 by @影子@, 217 阅读, 收藏,
摘要: 关键是引用让数字在内部显示list-style:decimal inside;如果不加,IE不会递增display: list-item;<style>.iknow_list{ width:241px; height:160px; padding:0px; margin-top:5px; background:url(img/fk.jpg) no-repeat right bottom}.iknow_list ol{ margin:0px; padding:0px; width:241px;}.iknow_list ol li{ margin:0px; padding:0px;li 阅读全文

How to alternate Range moveStart in Firefox?

2012-05-25 16:27 by @影子@, 417 阅读, 收藏,
摘要: QUESTIONDoes anybody know how to use range.setStart in the same way as range.moveStart works in IE? I'd like to implement backspace/delete in JS, something like this:range.moveStart('character',-1); range.deleteContents();but in FirefoxANSWERFirefox, along with all modern browsers except 阅读全文

JavaScript 中在光标处插入添加文本标签节点 详细方法

2012-05-25 16:01 by @影子@, 1122 阅读, 收藏,
摘要: 正确的方法是正确运用Selection对象和Range对象,实现在光标当前位置插入文本或结点。但是这两个对象在IE和标准的DOM方式的运用方法是不同的。思路:首先获得用户的选区(光标当前位置可理解成起始和终止位置一样的选区)。然后,从Selection对象转成Range对象。目的是利用Range对象的方法插内容进去。最后,插入动作结束后将光标移到插入内容的后面。Html代码 varsel=win.document.selection;//IEvarsel=win.getSelection();//DOMvarrange=sel.createRange();//IE下varrange=sel.g 阅读全文

兼容 FF&IE 的替换鼠标选择文字方法(转载)

2012-05-25 15:28 by @影子@, 254 阅读, 收藏,
摘要: <script type="text/javascript">function changes(obj){var TextIn=document.getElementById("textin");if(TextIn.createTextRange){ //ie兼容 TextIn.focus(); document.selection.createRange().duplicate().text=obj;}else{ //firefox兼容 var iStart = TextIn.selectionStart; var iEnd = TextI 阅读全文

转:ie和firefox的区别:range操作

2012-05-24 23:59 by @影子@, 363 阅读, 收藏,
摘要: //if firefoxirange = window.getSelection().getRangeAt(0);// if ieirange = document.selection.createRange();我先说一下代码的目的:要获得当前用户鼠标拖选内容所在的节点类型,我个人的功能目的在于判断当前是否一个A节点,如果是,那么取得他的href。我们先看firefox:在firefox的dom标准,定义了一个属性我们可以直接使用它来获得所选内容的父节点,同时使用nodeName来获得当前节点的类型:irange.startContainer.nodeName;我在firefox里面aler 阅读全文

转:javascript Range对象跨浏览器常用操作

2012-05-24 23:49 by @影子@, 853 阅读, 收藏,
摘要: 第一次听到Range这个概念是在空间编辑器的技术交流会上,当时作者给我们提到编辑器中最重要的概念就是Range,通过操作range,就可以实现编辑器的所有操作。到底具体什么是range呢,其实简单点就是选区,大家对矩形可能有概念,其实range可以理解为矩形,只要我们选定了一个文本,那么这个文本就占有空间了,所以range是有起始和结束位置的。一、关于浏览器的兼容性 目前主要有3种关于range的类似的对象,分别是W3C range 对象,Mozzlia selection ,ie TextRange 关于这三种的区别,请查看文档http://www.quirksmode.org/dom... 阅读全文

jQuery-强大的jQuery选择器 (详解)[转]

2012-05-17 16:21 by @影子@, 224 阅读, 收藏,
摘要: 1. 基础选择器Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有<a>元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRed的元素*选择所有元素$("*")选择页面所有元素selector1, selector2, selectorN可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容.$("#div 阅读全文

日省三思

2012-05-16 23:48 by @影子@, 231 阅读, 收藏,
摘要: 年近30,仍一事无成,决定每日睡前来一总结,探究这不知不觉的30年是如何度过的。今天有点想了解python,于是上班的时候就去看django手册啦``看到了第四章。第四章开篇是关于django中的典型template的讲解。。有点超出我的理解范畴,于是就消极怠工。。转而去看简明python,看到模块一章时,觉得必须要有实践才能理解,于是决定把难啃的骨头留给明天。。晚上又出现同样的情况,看数据库书时,想再研究下啥是无损连接,但一看见那堆数学符号,就犯困啦我的问题:泛 / 懒 / 乏 / 学习不得要领。。 阅读全文

转:20个将js推到极致的网站

2012-05-16 10:13 by @影子@, 540 阅读, 收藏,
摘要: 对于浏览器上的开发者来说,2011年又是相当精彩的一年。web开发者Phil Hawksworth在这篇文章中总结了web上经典的JavaScript用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能,开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网站开发扫清了障碍,网站能够拥有让人惊喜的用户界面了。有时候,这种技术的运用是非常精妙的,它无声无息地改变了应用的用户体验。有时结果就像是加入樱桃可乐中的跳跳糖,悄悄地给人们带来惊喜。这里有20个特别突出 阅读全文

转:haslayout:必须要理解的IE渲染概念

2012-05-16 10:08 by @影子@, 276 阅读, 收藏,
摘要: 本文转载自:http://www.52maomao.info/haslayout-we-must-understand-the-concept-of-ie-rendering.html很多的前端朋友喜欢把IE6的一些渲染BUG归结为haslayout的错,其实不然,haslayout作为IE渲染引擎的一个组件,自然有它的计算方式和使用方法,把所有的错误都归咎于它身上,其实有点名不副实,因为只要你知道在何时何地去使用它,触发它,就不会有所谓的渲染BUG和CSS Hack了。当然,要知道如何去使用haslayout和避免因为它而产生的IE渲染BUG,我们首先要了解haslayout是什么。hasl 阅读全文