Category: Web Front-end

使用jQuery进行xml数据访问 0

使用jQuery进行xml数据访问

通常情况下,访问xml文件中的数据最方便的办法就是使用xpath,简单实用。但是,同时在IE、Firefox和Chrome等主流浏览器下完成这个任务却需要重复地写很多代码。不仅麻烦,而且这些底层的xml访问、xpath解析的函数都要自己来维护。为了保证程序的可靠性以及灵活性,jQuery是个不错的选择。使用jQuery可以很简便地完成xml文档的访问、解析,最大程度上提高了开发效率,同时保证了底层的可靠性。我们不再需要频繁搜索网络以寻找某一个具体问题的解决方法了,jQuery为我们提供了保证。 jQuer­y的库文件可以从这里找到:http://docs.jquery.com/Downloading_jQuery 使用jQuer­y访问xml文件的核心代码为: var xmlFi­le = “test.xml” $.get(xmlFile,{},function(xml){   $(xml).find(path).each(function(i){     //alert($(this).text());     var con­tent = $(this).text();     document.getElementById(selectId).innerHTML = con­tent;   }); }); 其中get方法有三个参数,第一个xmlFile就是我们要读入的xml文件的地址;第二个是通过get方法要传过去的参数;第三个就是返回的内容,即data。取得到data后,我们通过find就可以寻找到某个具体的element集合,进行操作了。要注意的一点是,这里我写的是path,而不是xpath。在jQuery1.2以后,就不直接支持xpath了,需要使用插件。插件的下载地址为:http://plugins.jquery.com/project/xpath。 不过在一般情况下,我们也不需要用到xpath了。直接可以用parent>child,即大于号来取得孩子结点。比如,如果有如下的一种xml: <root>   <item name=“item1”>content1</item>   <item name=“item2”>content2</item>  …

IE6中关于max-width、max-height以及PNG图片透明的一些hack技巧 3

IE6中关于max-width、max-height以及PNG图片透明的一些hack技巧

最近做网站的时候,又遇到了许多关于IE6方面头疼的事情。原来遇到min-width以及min-height的时候,可以通过!important来解决;不过这次又有了新的问题,max标签以及png图像透明的问题浮现了出来。 搜索了一下网络,得到了一些如何处理这些问题的方法,记录下来。 区别不同浏览器,CSS hack写法: 区别IE6与FF:        background:orange;*background:blue; 区别IE6与IE7:        background:green !important;background:blue; 区别IE7与FF:        background:orange; *background:green; 区别FF,IE7IE6:        background:orange;*background:green !important;*background:blue; 注:IE都能识别*;标准浏览器(如FF)不能识别*; IE6能识别*,但不能识别 !impo­r­tant, IE7能识别*,也能识别!important; FF不能识别*,但能识别!important;   IE6 IE7 FF * √ √ × !impo­r­tant ×…

Speed up Our Firefox Browser 3

Speed up Our Firefox Browser

So far as we know, Fire­fox is a power­ful and easy-of-use web bro­wser in the wor­ld. Alth­rou­gh Chro­me is beco­ming better and better, but without exten­sion fun­ctions, Goo­g­le Chro­me will alwa­ys be my second…

在IE6里准确显示较小高度的DIV层 1

在IE6里准确显示较小高度的DIV层

在做网页设计的时候,尤其是给咱们国内做网站,一定要考虑到兼容性的问题。Firefox、Chrome、Safari、IE8这类对于CSS标准支持的比较好的网站,基本上测试一种就差不多行了(一些Javascript除外)。但是对于IE6、IE7这两个浏览器,要区别对待。特别是IE6,支持CSS一点都不好,自己说了算,但是在国内却有数量庞大的电脑依然在使用IE6浏览器。我想这与安装了盗版XP并禁用了自动更新功能有关吧。 转到今天的主要话题。在给一个朋友做网站的时候,发现有个小问题。在我定义的一个div层中,只有一条横线,高度为4px。在IE8、Firefox、Chrome中均显示正确,但是在IE6中却显示出了三条线,而这个div的高度也增加为15px。于是我将高度设成10px,依然不见效,但是设置成30px的时候,高度就增加出来了。这说明这个div盒子里面并不是空的,尽管我在<div></div>中间连一个空格也没有。 没错,这就是字体虚占位了。IE6默认按照字体大小min-height了一下这个div层,才会出现如此的问题。所以我们将计就计,把字体大小设成0不就好了?再加上一个overflow的hidden,一切就完美了。 建议定义一个css的class来处理这类的问题,我是这么干的: .miniboxhack{font-size:0; overflow:hidden;} 问题解决了。

技巧:在IE, Safari 上使用Foxmarks 书签同步扩展 0

技巧:在IE, Safari 上使用Foxmarks 书签同步扩展

从网上看到的一篇文章,对我很有用,相信很多人也都需要,转贴来,呵呵。 源地址:http://www.cnbeta.com/articles/76382.htm 这下子,我们可以同步IE、Firefox和Safari中的书签了。真正实现了书签“大一统”。不容易啊。 Foxma­r­ks 原本是Fi­re­fox 上的书签同步扩展, 它可以将你的书签以及密码全部同步到服务器上, 就算重装或是换了电脑都不必担心书签遗失和密码忘记的问题. 来自Li­fe­ha­cker的消息称, Foxma­r­ks 已经开始支援其他浏览器IE, Safa­ri. 这样就算换了电脑浏览器不是Fi­re­fox 也一样能同步到熟悉的书签. Foxma­r­ks 在IE, Safa­ri 的浏览器上提供了和Fi­re­fox 基本相同的功能, 不过目前还是有一些变化的: 首先, 没有密码同步功能. 呃, 不过没有关系, 我们可以找Dro­pbox 的密码同步功能来解决这个问题. 另外, 你也不能同步到自己的服务器上去. 我们知道在Fi­re­fox 里是可以选择同步到自己搭建的服务器上的, 不过对大多数使用者来说, 这个功能还是很少用到的啦. 还有, 就是如果要和i­Pho­ne…

[转] 译稿:UserAgent的历史变迁 0

[转] 译稿:UserAgent的历史变迁

转载于:http://www.cnbeta.com/articles/71532.htm,写的挺好的。从这篇文章我们也可以看出,Gecko引擎的强大之处,以及Microsoft的IE一些无赖技巧。Business is business,能够生存下来,得到用户的青睐,赚到了钱,才是王道。无赖这个词在商业上并不是贬义词。 Google推出的Chrome让大家热议纷纷,只有专业用户才会注意到用Chrome访问网页时发出的“Mozilla/5.0 (Win­do­ws; U; Win­do­ws NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13”UserAgent字符串,貌似天书,它到底是怎么回事儿代表什么呢?我们来看看吧. 最早的时候有一个浏览器叫NCSA Mosaic,把自己标称为NCSA_Mosaic/2.0 (Win­do­ws 3.1),它支持文字显示的同时还支持图片,于是Web开始好玩起来。 然后出现了一个新的网页浏览器,“Mozi­lla”,其实就是“Mosaic终结者”的意思,这搞的Mosaic很不爽,(毕竟Mosaic出道早,江湖老),新浏览器最后正式公布的名称是Netscape,它把自己标称为Mozilla/1.0 (Win3.1),更好玩了。Netscape支持框架显示,后来框架在大家中间流行起来了,但Mosaic不支持框架啊,于是伟大的“用户代理人探测”技术出现了,如果是“Mozilla”,那就发给支持框架的页面,至于其他的浏览器,则发给不含框架的页面。 Netscape想逗Microsoft玩儿,把Windows叫做“几乎不曾做过调试的设备驱动器”,后者很恼火。Microsoft于是推出了自己的 网页浏览器,叫做In­ter­net Explo­rer,希望它能成为“Netscape终结者”。Internet Explo­rer也支持框架,但它不是Mozilla啊,所以没人给它发送带有框架的页面。Microsoft慢慢烦躁起来,不再寄希望于网站管理员逐渐 认识IE并给它发框架,而是宣称自己是“兼容Mozilla”的,开始模仿Netscape,把自己标称为Mozilla/1.22 (compa­ti­ble; MSIE 2.0; Win­do­ws 95),这样In­ter­net Explorer也能收到框架了,整个Microsoft狂喜,但网站管理员开始有点被搞糊涂了。 Microsoft把IE和Windows一起卖,并且把产品也弄得比Netscape更好了,拉开了第一场浏览器之战。结果和大家知道的一样,Netscape被干掉了,Microsoft大胜、大喜。但是后来Netscape以Mozilla的新名称重生了,构造了Gecko,标称其为Mozilla/5.0…

0

Suvey Table with Global Map

利用现有资源做了一个可以显示地图的调查表,方便公司的一些本地化图形调查。 http://readpaul.com/blog_file/globalvote/globalvote.html 使用了DIY Map提供的Fla­sh程序:http://backspace.com/mapapp/ 当点击到某个特定的区域时,调查表展开针对这一区域或是增强型的问题。当然也可以做成直接提交状。 数据部分用xml存储。直接扩展了DIY Map的xml文件:

batch of wallpapers about Firefox 0

batch of wallpapers about Firefox

Sha­re some inte­re­sting and won­der­ful wallpa­pers, and they are all about Fire­fox and Thun­der­bi­rd. Hope you like them! And the ori­gi­nal link: http://www.cnbeta.com/articles/60124.htm

解决IE6、IE7在CSS中设置最小高度遇到的问题 0

解决IE6、IE7在CSS中设置最小高度遇到的问题

在开发一个某公司的网页界面时,遇到了这样的问题:当设置某一个区域的最小高度为某个值的时候,在Firefox、IE6以及IE7中的表现并不一样。如果只是设定了min-height值,那么在IE6中不能识别;但设定了height值,在IE7和Firefox中,位置就会固定了。这是一个很大的问题。那么为了协调各个浏览器和各个版本,我们怎样做才能解决最小高度的问题呢? 我在网络上寻找了一些相关资料,有一种解决方法比较好: .distan­ce { height:auto!important; height:100px; min-height:100px; } !import(优先)标签在IE6中并不认识,所以在IE6中上述代码会被理解成为: height:100px; min-height:100px; 而在IE7中则是: height:auto; min-height:100px; 在这里,我们所利用的特性是: IE6不能识别 !impo­r­tant 标签; IE6不能识别 min-hei­g­ht 标签; IE6中的高度(height)标签的最终效果等同于IE7与Firefox浏览器中的最小高度(min-height)标签; 最终便可以解决上述问题。

0

Set Firefox 3 to Launch Gmail for mailto Links

For­wa­rd from web. Just enjoy that!~ In today’s ear­lier list of five exten­sions you won’t need in Fire­fox 3, we said you won’t need any spe­cial too­lba­rs, thi­rd-par­ty apps, Grea­se­mon­key scri­pts, or exten­sions to…