30
07年5月
innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
innerText 和outerText 在读取得时候是一样的，只是在设置的时候outerText 会连带标签一起替换成目标文本
firefox不支持innerText ，但是可以用textContent作为替代方案。
代码如下：
if(document.all){
document.getElementById('myid').innerText = "text";
} else{
document.getElementById('myid').textContent = "text";
}
贝贝爸 发表在 技术文章 |
18
07年5月
我这个wordpress这几天垃圾评论越来越多，好像是什么工程设备作黑帽seo的，很是气愤。于是google了一下，安装了一个叫Did You Pass Math的插件，地址是 http://www.herod.net/dypm/，遇到了一些问题，记录下来。
1.有中文版，但是编码好像有点问题，把英文版的自己修改了一下，问题解决，保存的时候注意时utf8编码就可以了
2.里面报错用的函数有点问题，数据会乱码，主要是没有指定编码，需要把里面的fail和fail函数替换成wp_die(这个函数的输出也不太好，准备回头再改改)
3.最后一个问题是输出格式的问题，这个插件要在网站的输入框下面添加一个输入框，部分代码如下
<p id="answerdiv">
<input type="text" name="answer" id="answer" size="6" tabindex="4" />
<label for="answer"><?=$dypm_strings['question']?></label>
</p>
<script type="text/javascript">
var urlField = document.getElementById("url");
var submitp = urlField.parentNode;
var answerDiv = document.getElementById("answerdiv");
submitp.appendChild(answerDiv, urlField);
</script>
answer的位置是乱的，查了一下，是因为上述js代码是找到id为url的input，然后在它的parentNode后append一个answerDiv
但是结果却是在url所在的p里面，本来应该是：
<p>id="url" </p>
<p>id="answer"</p>
结果却是
<p>id="url" <p>id="answer"</p></p>
google了一下，不知道怎么直接用js解决(如果您知道，请告诉我哦)，于是用了jquery，把上述javascript代码改成了
<script type="text/javascript">
$("#url").parent().after($("#answerdiv"));
</script>
问题解决。
I love jquery!
贝贝爸 发表在 原创技术文章 |
16
07年5月
html中的rel，rev是什么?
这2个标记主要是用于表示文档之间的联系，rel是从源文档到目标文档的关系；rev是从目标文档到源文档的关系
经常用到的属性如下：
Alternate — 定义交替出现的链接
Stylesheet — 定义一个外部加载的样式表
Start — 通知搜索引擎,文档的开始
Next — 记录文档的下一页.(浏览器可以提前加载此页)
Prev — 记录文档的上一页.(定义浏览器的后退键)
Contents
Index — 当前文档的索引
Glossary — 词汇
Copyright — 当前文档的版权
Chapter — 当前文档的章节
Section — 作为文档的一部分
Subsection — 作为文档的一小部分
Appendix — 定义文档的附加信息
Help — 链接帮助信息
Bookmark — 书签
使用严格的DOCTYPE(xhtml1-strict.dtd)时不能用 target=”_blank” 标记的解决
这么处理，据说是因为不经过允许就开新窗口是不友好的。
有一种方法是javascript+rel属性
html的写法
<a href="http://www.juyimeng.com" rel="external">新建窗口打开</a><br/>
<a href="http://www.juyimeng.com">当前窗口</a><br/>
<a href="http://www.juyimeng.com" rel="external">新建窗口打开</a><br/>
<a href="http://www.juyimeng.com">当前窗口</a><br/>
javascript的一种写法：
function externallinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externallinks;
如果你用jquery，就更简单了，代码如下：
$(document).ready(function(){
$("a[@rel=external]").each(function(i){
this.target="_blank";
});
});
别忘了load jquery.js哦。
贝贝爸 发表在 原创技术文章 |
5
07年5月
选了这个3 columns的wordpress模板，发现一个问题，就是如果图片比较大，页面的排版会被撑乱，css正在学习中，还没搞清楚到底该咋改，如果您能帮我请留言。
正好看了一些jquery的资料，就拿这个问题来练手，基本思路是查看所有网页上的图片，如果大于一个数值，则设定宽度，否则，就按照原来的尺寸显示。代码如下：
- $(document).ready(function() {
- $("img").each(function(i){
- var maxwidth=screen.width-$("#column2").width()-$("#column3").width()-100;
- if (this.width>maxwidth)
- this.width = maxwidth;
- });
- });
第一行不用解释了吧？
第二行是查找所有img标签，每一个做后边的function处理
第三行设定最大的宽度，我这里取得是屏幕分辨率减去左右2列的宽度和一个常量。
第四，五行判断图片的宽度，如果超过这个宽度则设其宽度为允许的最大宽度。
现在看来，第三行应该和第二行换一下，效率应该会高些，这么写还有一个问题就是必须浏览器最大化才正常，还有什么好的解决方案呢？
————
想做一个点击阅读全部，显示所有内容的功能，对用户体验有好处，二来对seo有好处，还没时间做，空下来再说吧。
贝贝爸 发表在 原创技术文章 |
21
07年3月
可以对页面重排版的代码,打开网站，复制粘贴到地址栏
- javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
退出编辑状态
- javascript:document.body.contentEditable='false'; void 0
图片散花
- javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);
兼容ie,firefox,Opera的添加到收藏夹的代码
<script type="text/javascript">
/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
/* Modified to support Opera */
function bookmarksite(title,url){
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)// ie
window.external.AddFavorite(url, title);
}
</script>
使用方法
<a href="javascript:bookmarksite('百变贝贝', 'http://www.juyimeng.com')">添加到收藏夹</a>
贝贝爸 发表在 技术文章 |
18
07年3月
装了wordpress的coolcode的插件，用起来不错。只是要自己输入代码
觉得不爽，于是找到了默认的编辑器作了修改，可以直接点击按钮插入coolcode代码。
打开
- wp-includes/js/quicktags.js
大约
找到
- edButtons[edButtons.length] =
- new edButton('ed_code'
- ,'code'
- ,'<code>'
- ,'</code>'
- ,'c'
- );
添加
- edButtons[edButtons.length] =
- new edButton('ed_coolcode'
- ,'coolcode'
- ,'<coolcode>'
- ,'</coolcode>'
- ,'cc'
- );
保存后，刷新编辑器，就多了一个叫coolcode的按钮，这样就不用每次自己输入代码了。
想改进成可以用下拉菜单选择不同语言，还没搞，凑合着先用起来。
贝贝爸 发表在 原创技术文章 |
17
07年3月
自己改了一个，给用得着的朋友，
功能:
限制可选的年份
range:[2007,2007],
周一不能选
长假不能选
选择日期需要大于当天predays天
默认选择第一个可以选择的日期（其实是没办法，有个bug在里面，没空搞了）
中文界面
home url:http://www.dynarch.com/
下载
jscalendar-110.zip
贝贝爸 发表在 原创技术文章 |
