技术·人生
技术服务生活
[wordpress]为写文章编辑器添加quicktag
星期三, 8月 29th, 2007
目录[javascript][wordpress插件]在当前窗口中打开大图片[8.28更新]
星期一, 8月 27th, 2007[internet体验]推出网站精灵-网站助手的功能
星期五, 8月 17th, 2007[写在前面的话]每一个浏览本站的读者，可能并不熟悉本站可以提供给你的所有功能，为了能让每位浏览者充分享受到各项功能，就需要向浏览者一一介绍，或许把所有功能集合在一起，建立个传统的帮助页面能够解决问题，但是本站并非专业提供服务的网站，读者一定没有兴趣去查看密密麻麻的帮助，因此我决定写个类似网站助手的功能，让读者在正常浏览网页的情况下，在当前网页的有小角显示一个提示框，用来提示本站提供的功能。截图：
（阅读全文…）
ie和firefox下element子节点的不同
星期二, 8月 14th, 2007今天在更换新模板时，修改了下侧边栏的GoogleNews的显示和隐藏,javascript代码如下
JavaScript Code:
- function displayNews()
- {
- var pNode = document.getElementById('ctrlNewsBar');
- var oldNode = pNode.firstChild;
- var newNode = document.createElement('a');
- var nextNode = pNode.lastChild;
- newNode.href = 'javascript:hideNews();';
- var txtNode = document.createTextNode('隐藏新闻');
- newNode.appendChild(txtNode);
- pNode.replaceChild(newNode,oldNode);
- nextNode.style.display = "";
- }
- function hideNews()
- {
- var pNode = document.getElementById('ctrlNewsBar');
- var oldNode = pNode.firstChild;
- var newNode = document.createElement('a');
- var nextNode = pNode.lastChild;
- newNode.href = 'javascript:displayNews();';
- var txtNode = document.createTextNode('显示新闻');
- newNode.appendChild(txtNode);
- pNode.replaceChild(newNode,oldNode);
- nextNode.style.display = "none";
- }
相关的Html代码如下
html Code:
- <div id="ctrlNewsBar" class='right-widget' ><a href="javascript:displayNews();">显示新闻</a><div id="newsBar-bar"></div>
- </div>
在IE7下工作正常，但是在Firefox下却无法显示出新闻来。 （阅读全文…）
增加了网址在新窗口中打开的功能-使用javascript实现
星期二, 8月 7th, 2007[摘要]：wordpress里很多链接是默认在本窗口中打开，而我大多数时候更喜欢在新窗口中打开链接，为了能在需要的时候在新窗口中打开而又不用点了右键再选在新选项卡中打开，就决定用JavaScript更改一下链接。主要用的是getElementsByTagName、insertBefore、appendChild、createElement这些方法。如果不熟悉的建议看下w3c关于DOM(文档对象模型)的说明。
[思路]:首先获取网页中所有的tagName为a的Element,设其为aSet集合(其实是一个NodeList)。然后遍历里面每个Element，设为aElem,需要实现的是在与aElem同级下添加新的Element节点，设需要添加的节点为newAElem,它的tagName也是a,href同aElem,target要为”_blank”,title就设为”Open in new window”,另外为了醒目，再加上一副图片。大体就这样，下面是代码：
（阅读全文…）
