| 首页 |
2006-11-25

大四真不容易,老班成天逼着我们考研,我一概无视,可惜工作不是那么好找的。这两周连Blog都没空写,就是因为跑了好多招聘会,结果绝大部分都只招大专以上学历的销售,好一点点的直接就只要研究生了

网站的事也是,我们组的人居然完全不认同Wiki做主站的想法。分明没几个人,做得还是新闻导向站点,又不开放,怎么及时大量的更新信息?我只好选用XOOPS的CMS系统,用Aticle作新闻发布,好歹注册会员也有申请发布的权限。还有我一定会把Wiki系统加进去的

等等很多事情使得我最近脸上又长出豆子来了,真是郁闷。

PS:话说我忽然发现Opera不能使用这里的FCK所见即所得编辑器,真是可惜,不知道是那边的问题,我回头在XOOPS下用新版FCK在测试一下。

2006-11-04

在calendar.js中第107行有如下语句:

calendar_container.innerHTML = calendar_body;

其中"calendar_container"是"calendar"层中一个<span>的ID,在IE中允许直接用HTML对象的ID作为 document 的下属对象变量名直接使用,但Firefox不允许这样,导致整个日历的语句无法输出到<span>中,表现为无法显示。

我用"document.getElementById("calendar_container")"来代替"calendar_container",即将ID为"calendar_container"的HTML对象(在这里是一个<span>)指定为日历语句的输出对象,使该脚本在IE和Firefox中都能正常使用了:

document.getElementById("calendar_container").innerHTML = calendar_body;

PS:"calendar_nav"的CSS定义了"cursor"为"hand",但在Firefox中指针光标还是显示为"text",需要改为"pointer"才能使IE和Firefox都显示手形光标。之前提到的编辑日志时已有Tag的光标问题应该也是如此,可以一并修正。

2006-11-03

测试环境:windows XP pro sp2中文版,IE7.0.5730.11,Firefox1.5.07中文版。

Firefox下大部分功能可以正常使用,但还是有几个问题(见对比图片):

1.日历无法显示,大概是脚本与Firefox不兼容。可惜日历部分模板中无法编辑,所以个人无法解决。

Firefox:

2006-11-03

改进:

1 - 修正Firefox无法使用该脚本并导致图片显示不正常的问题;

2 - 修正一个条件判断语句中的小bug,提高执行效率;

3 - 将"Alt"属性改为"Title"以符合W3C规范,支持在Firefox等浏览器中显示提示文字;

4 - 在提示文字中显示图片真实分辨率以方便用户;

5 - 进一步规范语法以增强各种浏览器的兼容性。

function resizeImg() {
var imageAll=document.getElementById("content").getElementsByTagName("img");
var turewidth,tureheight;
if (imageAll !=null) {
      for (i=0; i<imageAll.length; i++) {
            turewidth=imageAll[i].width;
            tureheight=imageAll[i].height;
            imageAll[i].style.width="100%";
            if (turewidth>imageAll[i].width) {
                  if(imageAll[i].height==tureheight) {
                        imageAll[i].style.height=imageAll[i].height/turewidth*imageAll[i].width+"px";
                  }
                  imageAll[i].onclick=function(){window.open(this.src)};
                  imageAll[i].style.cursor="pointer";
                  imageAll[i].title="点击查看原始尺寸:"+turewidth+"*"+tureheight+"px"; 
            }
            else {
                  imageAll[i].style.width=turewidth+"px";
            }
      }
}
}
2006-10-06

由于思考问题过于幼稚,昨天我写的脚本没有详细的测试,现在发现一个问题:在没有定义图像长宽时如果自动缩小宽度,则图像高度会自动按比例调整,而我的脚本就会错误的再次缩小高度,导致比例错误。(而我发布图片时习惯点一下“恢复尺寸”,即手动定义了高度,所以没有及时发现这个问题

我已增加了一个变量"tureheight"来识别宽度变化后高度是否自动调整(即是否没有定义长宽),如没有自动调整才执行调整高度的语句,否则维持原样。(现在想想一开始的脚本不调整高度应该就是为不定义长宽时的图片设计的,我只是加上了为定义了长宽的图片正确按照设定的比例缩小图片和自动识别是否需要缩小图片而已)

function resizeImg() {
var imageAll=document.getElementById("content").getElementsByTagName("img");
if (imageAll !=null) {
      for (i=0; i<imageAll.length; i++) {
            turewidth=imageAll[i].width;
            tureheight=imageAll[i].height;
            imageAll[i].style.width="100%";
            if (turewidth>imageAll[i].width) {
                  if(imageAll[i].height=tureheight) {
                        imageAll[i].style.height=imageAll[i].height/turewidth*imageAll[i].width;
                  }
                  imageAll[i].onclick=function(){window.open(this.src)};
                  imageAll[i].style.cursor="pointer";
                  imageAll[i].alt="点击查看原始尺寸"; 
            }
            else {
                  imageAll[i].style.width=turewidth;
            }
      }
}
}
2006-10-05

我看了几个模版,自带的图片自动缩小功能都只能缩减宽度,而高度不变,这样图形变形很难看。我调整了相关的代码实现了缩小时保持长宽比:

function resizeImg() {
var imageAll=document.getElementById("content").getElementsByTagName("img");
if (imageAll !=null) {
      for (i=0; i<imageAll.length; i++) {
            turewidth=imageAll[i].width;
            imageAll[i].style.width="100%";
            if (turewidth>imageAll[i].width) {
                  imageAll[i].style.height=imageAll[i].height/turewidth*imageAll[i].width;
                  imageAll[i].onclick=function(){window.open(this.src)};
                  imageAll[i].style.cursor="pointer";
                  imageAll[i].alt="点击查看原始尺寸"; 
            }
            else {
                  imageAll[i].style.width=turewidth;
            }
      }
}
}

现在已经实现自动识别DIV的宽度以决定多大的图片自动缩小,这样改模版时就不用管这段代码了:-)

分页