子矜网

今天在网上意外发现了一个用js写的拓普图代码，很是好看。算是我见过的最好看的了。实用方面就更不用说了。找到他的第一时间就是用它生成了一个拓普图。还是先看看官方的演示图片：

最大的好处就是可以根据自己的需要随便调用，给他来个循环语句就能按照自己的意思生成想要的东西了，要下的抓紧了。哈哈……

下载地址：graphic_javascript_tree_src或点击这里

if ($uids = implode_ids($_POST['user'])) {

//将提交来得的用户id作为数组保存在$uids中，implode_ids是自定义函数，用来处理user

$aids = $a_tatol = 0;

// 定义计数变量

$query = $DB->query(“SELECT u.id,p.pdistribution,p.pwithdraw,w.wwithdraw,w.wyesorno FROM users as u ,profit as p,withdraw as w WHERE u.id=p.uid and p.pid=w.pwid and u.id IN ($uids)”);

//逐一查询10个用户的相关信息

while ($article = $DB->fetch_array($query)) {

//将10个用户的信息作为数组赋值给$article

$pdistribution = $article['pdistribution'] – $article['wwithdraw'];

$pwithdraw     = $article['pwithdraw'] + $article['wwithdraw'];

$xianjin       = $pdistribution – $pwithdraw ;

//信息处理,可以写成自己需要的信息

if ($article['wyesorno'] && $xianjin >= ’0′) {

//条件判断

$a_tatol++;

//计数，该段程序中并未用到，可以去掉，为了省事就直接发上来了

$DB->unbuffered_query(“UPDATE users as u ,profit as p,withdraw as w SET p.pdistribution=’”.$pdistribution.”‘, p.pwithdraw=’”.$pwithdraw.”‘, w.wwithdraw=’0′, w.wwithdate=’0′,w.wreason=’0′,w.wyesorno=’0′ WHERE u.id=p.uid and p.pid=w.pwid and u.id=’”.$article['id'].”‘”);

//根据每个用户不同的id号修改与该用户相关的三个表中数据

}

//end if

}//end while

}

redirect(‘用户信息修改成功’, ‘admin.php’);

//redirect也是自定义函数,用户进行跳转的,可以随便写些东西在上面

} else {

redirect(‘未选择任何用户！’);

}

通过该php语句即可轻松的修改多个mysql表中的数据了，如果还有不明白的可以给我留言。

实践了几年的php，对于界面的修改实在是忍无可忍了。另一方面对它也有了一定的功底。于是想更进一步。在网上搜了一下，对smarty模版引擎的好评如潮。它的好处我就不介绍了，有兴趣的朋友可以自己去搜索一下。还是来规定一下怎么学习吧。

在网上随便搜索了一下，粗略的认为：smarty模板引擎就是在php中定义变量，然后通过制作的模板将其引入后显示在终端。也就是说，别人生产好了的产品，看看那里需要就送往那里。既然是这样，那就围绕这一主题加目的来学习吧！

还是跟以前学习php的过程一样，从实践中学习。因为我发现个问题，就是看书学不会，听课学不会，即使把知识全部倒背如流还是学不会。幸好我发现，从实践中学习的速度是很快而且很好的。这次学习smarty的实践项目就定位个企业网站的cms。成果就是，通过制作简单的模版就能制作好一个强大的企业网站。当然，优化是必不可少的，生成静态，网址转向，关键词设置是最基本的功能。其它的就等以后慢慢添加吧！必竟是个学习的产物，也是自己要用的。所以安全是最重要的。

好了，从今天开始就正式开始php+smarty的旅程了。先预祝自己一路顺风，成功大吉。哈哈……

这两天被一个莫名其妙的错误：Fatal error: Call to a member function on a non-object in d://www/htdocs/inc.php 77  搞的是晕头转向的。花了两天的功夫也没找出原因。在网上也没有搜索到解决的办法。无奈之下只好一行一行的比对代码，最后终于发现了错误之处：数据库字段错误！

一开始我根本就没有联想到这方面的原因，只是不断的在代码中找原因。无论怎么找都是没问题的，甚至将函数重写也无济于事。之后查看数据库表的时后发现了问题：原来表格中的”hash”定义错误，程序上设置的是32位编码，而我在数据库中设置 的字段类型却是varchar(16)。也就是这个原因导致用户登录时session无法进入数据库表。从而出现类似：Fatal error: Call to a member function on a non-object的错误。

将数据库表中”hash”字段数据库类型改为varchar(32)。一切正常。多么可笑的错误呀，却浪费了我这么长的时间。在网上搜索时，多数人跟我一开始一样，都是从程序中找问题。这也是没有解决这个问题的原因。看来以后要多方位找问题的原因。希望跟我有同样问题的人能尽快解决问题。

这两天应客户要求，建了几个投票项目。等建好后，客户很满意，只是有一点不足之处，那便是无法同时提交多个表单。也就是说，在同一个页面内的几个投票表单只需点击一个提交按扭，便可完成所有投票项目的提交。因先前没处理过这类问题，一时还真不知如何解决，在网上搜索同时提交多个表单的方法，也没找到适用的。于是，反复实践了N下。最终找到一种有效同时提交多个表单的方法。

还是先来看看代码吧，这样解释起来比较轻松：

<form id=”form1″ name=”form”>
….
</form>
<form id=”form2″ name=”form”>
….
</form>

<div style=”display:none;”>
<iframe name=”form1″></iframe>
<iframe name=”form2″></iframe>
</div>

<input type=”button” onclick=”submit_forms();”>提交</button>

<SCRIPT LANGUAGE=”JavaScript”>
<!–
function submit_forms()
{
form1.target=”form1″
form1.submit();

form2.target=”form2″
form2.submit();
}
//–>
</SCRIPT>

够简单吧，上面的代码同时提交了两个表单。同样，同时提交多个表单只需要多加就个ID和iframe即可。当然还要有一小段javascript。

网站一般都有比较漂亮的导航菜单，尤其是当鼠标经过时发生的激活变化。唯一遗憾的就是，这种状态在点击后就消失了。需要重新将鼠标移动其上进行激活。为了解决这点遗憾，经过两天的试验，终于找到一条实现方法。这是用javascript加css来实现的。

首先说明，该段代码是在一个页面内实现的。也就是，所有内容均在一个页面内进行调用。做为一个小栏目的导航还是很不错的。代码很少，却很实用，还是先看看代码。

<div id=”headerdi”><div>
<div id=”neirongmu1″ onclick=”neirong(1)”>1</div>
<div id=”neirongmu2″ onclick=”neirong(2)”>2</div>
<div id=”neirongmu3″ onclick=”neirong(3)”>3</div>
<div id=”neirongmu4″ onclick=”neirong(4)”>4</div>
<div id=”neirongmu5″ onclick=”neirong(5)”>5</div>
<div id=”neirongmu6″ onclick=”neirong(6)”>6</div>
<div id=”neirongmu7″ onclick=”neirong(7)”>7</div>
<div id=”neirongmu8″ onclick=”neirong(8)”>8</div>
<div id=”neirongmu9″ onclick=”neirong(9)”>9</div>

<SCRIPT LANGUAGE=”JavaScript”>
<!–
function neirong(t){
for(var i=1;i<10 ;i++ ){
if(i==t){
document.getElementById(“neirong”+i).style.display=”;
if(i==t){
document.getElementById(“neirongmu”+i).className=(“tiao”+i+”p”+i);
}else{
document.getElementById(“neirongmu”+i).className=(“tiao”+i);
}
}else{
document.getElementById(“neirong”+i).style.display=’none’;
if(i==9){
document.getElementById(“neirongmu”+i).className=(“tiao”+i);
}else{
document.getElementById(“neirongmu”+i).className=(“tiao”+i);
}
}
}
}
neirong(1);
//–>
</SCRIPT>
</div>
</div>

<div id=”neirong1″>
1

</div>

<div id=”neirong2″ style=”display:none;”>
2
</div>

<div id=”neirong3″ style=”display:none;”>
3
</div>

<div id=”neirong4″ style=”display:none;”>
4
</div>

<div id=”neirong5″ style=”display:none;”>
5
</div>

<div id=”neirong6″ style=”display:none;”>
6
</div>

<div id=”neirong7″ style=”display:none;”>
7
</div>

<div id=”neirong8″ style=”display:none;”>
8
</div>

<div id=”neirong9″ style=”display:none;”>
9
</div>

css代码部分：

#headerdi{width:100%;height:35px;margin:0px;}
.headerdi{position:absolute;width:940px;height:35px;margin:0 auto;top:155px;}
.headerdi .tiao1{position:absolute;left:21px;background:url(zhunbei_an.gif) no-repeat;width:112px;height:35px;z-index:9;}
.headerdi .tiao2{position:absolute;left:119px;background:url(huaiyun_an.gif) no-repeat;width:112px;height:35px;z-index:8;}
.headerdi .tiao3{position:absolute;left:217px;background:url(fenmian_an.gif) no-repeat;width:112px;height:35px;z-index:7;}
.headerdi .tiao4{position:absolute;left:315px;background:url(yuezi_an.gif) no-repeat;width:112px;height:35px;z-index:6;}
.headerdi .tiao5{position:absolute;left:413px;background:url(xinsheng_an.gif) no-repeat;width:112px;height:35px;z-index:5;}
.headerdi .tiao6{position:absolute;left:511px;background:url(01_an.gif) no-repeat;width:112px;height:35px;z-index:4;}
.headerdi .tiao7{position:absolute;left:609px;background:url(13_an.gif) no-repeat;width:112px;height:35px;z-index:3;}
.headerdi .tiao8{position:absolute;left:707px;background:url(35_an.gif) no-repeat;width:112px;height:35px;z-index:2;}
.headerdi .tiao9{position:absolute;left:805px;background:url(shaoer_an.gif) no-repeat;width:112px;height:35px;z-index:1;}

.headerdi .tiao1p1{position:absolute;left:21px;background:url(zhunbei_liang.gif) no-repeat;width:112px;height:35px;z-index:11;}
.headerdi .tiao2p2{position:absolute;left:119px;background:url(huaiyun_liang.gif) no-repeat;width:112px;height:35px;z-index:10;}
.headerdi .tiao3p3{position:absolute;left:217px;background:url(fenmian_liang.gif) no-repeat;width:112px;height:35px;z-index:9;}
.headerdi .tiao4p4{position:absolute;left:315px;background:url(yuezi_liang.gif) no-repeat;width:112px;height:35px;z-index:8;}
.headerdi .tiao5p5{position:absolute;left:413px;background:url(xinsheng_liang.gif) no-repeat;width:112px;height:35px;z-index:7;}
.headerdi .tiao6p6{position:absolute;left:511px;background:url(01_liang.gif) no-repeat;width:112px;height:35px;z-index:6;}
.headerdi .tiao7p7{position:absolute;left:609px;background:url(13_liang.gif) no-repeat;width:112px;height:35px;z-index:5;}
.headerdi .tiao8p8{position:absolute;left:707px;background:url(35_liang.gif) no-repeat;width:112px;height:35px;z-index:4;}
.headerdi .tiao9p9{position:absolute;left:805px;background:url(shaoer_liang.gif) no-repeat;width:112px;height:35px;z-index:3;}

这段css代码是我写程序时用的，没有任何更改。可以根据自己的需要进行适当的修改。也可以完全删除重写。具体实现什么样的样式就看大家的想像力了。如所有导航菜单背景都相同。只要写四条css就行了。细看一下javascript代码就懂了。

在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。具体语法如下：
{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,

startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}

具体参数含义如下：
opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style   指定透明区域的形状特征：0 代表统一形状，1 代表线形，2 代表放射状，3 代表矩形
startx  渐变透明效果开始处的 X坐标。
starty  渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。

以上的参数可以选用，可以只设置一个opacity
例如：
{filter:alpha(opacity=50)}
这个就是半透明的设置，只要把{}中的代码加入到需要设置的模版中的{}的即可，记得与前面的代码之间要用”;”间隔，不然设置是无效的

例如：
我要设置模版区域背景的颜色（白色）+半透明[就是我现在blog的效果]
只要在
.modbox{}
.modbl{}
.modbc{}
.modbr{}
中都设置background-color:white
这些就是模版背景设置的ID

然后再在.modbox,.modbl,.modbc,.modbr{}如果没有这个的话可以自己加一个
中加入filter : alpha(opacity=80)就可以达到所有模版的背景都是半透明的效果了

如果希望像我这样只显示blog的背景，别的都全透明的话，那么就在别的模版中加入背景全透明的代码即可
background:transparent                       这就是背景全透明的代码
各模版ID请参照链接：百度空间CSS说明

不过这样的话，相关模版的主要区域是透明了，可是底下还会有一条颜色留着的，所以另外还要在
.modbl{}
.modbc{}
.modbr{}
中也加入背景全透明的代码，这样才能让模版区域完全透明，就像我现在的效果一样

另外这个参数目前只能用于背景色的设置，背景图片无法设置为半透明

我把我的背景半透明代码贴出来吧
.modbox{padding:10px 10px 0 10px;background-color:#FFFFFF;border-left:1px solid #813533;border-right:1px solid #813533}
.modbl{background:transparent;border-left:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbc{background:transparent;border-bottom:1px solid #813533;line-height:1px}
.modbr{background:transparent;;border-right:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
红色字是关键设置，如果不想设置全透明的话，可以把.modbl{}.modbc{}.modbr{}三个中的background:transparent改成.modbox{}中的background-color:#FFFFFF，当然这里的#FFFFFF你可以换成自己喜欢的颜色，不过为了美观统一，建议这4个的颜色代码最好设置为一样的

附：#FFFFFF就是white，白色；#000000就是black，黑色

鉴于很多朋友都想知道我设置全透明的模块ID的代码，所以这里特别贴出来，供大家参考：
个人档案#m_pro{}
空间标题栏#m_header{}
菜单栏是#tab{}
文章区域#m_blog{}
相册区#m_album{}
友情链接#m_links{}
文章分类#m_artclg{}
最新评论#m_comment{}
访问量区域#comm_info{}
以上所有模块[除空间标题和菜单外]背后的大模块.stage{}
这就是几个大模块的ID，大家只要把全透明代码添加到其中想要设置全透明的ID{}内就可以了，如果没有你要设置的模块ID{}，就自己添加上去，添加在空白处就可以了

CSS在firefox和ie下的兼容性问题，是最让网页设计师头痛的事。在IE下测试明明是正常的，到了火狐下就变样了。这样一来还得重新修改，最怕改好后在IE下又不兼容了。这里介绍一下css在火狐和ie下的兼容要点。

• 1、DOCTYPE 影响 CSS 处理
• 2、Firefox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
• 3、FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
• 4、FireFox: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
• 5、FireFox: 支持 !important, IE 则忽略, 可用 !important 为 FireFox 特别设置样式，值得注意的是，一定要将xxxx !important 这句放置在另一句之上
• 6、div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
• 7、cursor: pointer 可以同时在 IE 和FireFox 中显示游标手指状， hand 仅 IE 可以
• 8、FireFox: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。
• 9、在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：div{margin:30px!important;margin:28px;}
  注意这两个margin的顺序一定不能写反，!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：div{maring:30px;margin:28px}
  重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx!important;
• 10、IE5 和IE6的BOX解释不一致
  IE5下div{width:300px;margin:0 10px 0 10px;}
  div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px，而在IE6和其他浏览器上宽度则是以 300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改div{width:300px! important;width /**/:340px;margin:0 10px 0 10px}
  关于这个/**/是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了!：)
• 11、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义 ul{margin:0;padding:0;}

就能解决大部分问题 继续阅读…

因玉树地震，网上大部分网站都变成黑灰色，以表示对死者的哀悼之情。于是，我也想把网站变一下颜色。可是按照我的想法，把所有的图片，css文件重写的话，可不是个小工作量。看到别人的网站很轻易的就变色了，不得不怀疑自己的技术，果然还不是很好。不过，好在爱学习别人的长处，所以，还算与时俱进。

在网上搜索了一下，原来大部分网站是用css滤境来实现黑灰色样式的互变。代码也是简单的很：

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

今天客户打电话说，他们网站内通过后台新增的图片显示不出来。于是，习惯性的打开火狐查看，结果是正常的，各个图片显示的很正常。心想，这么多网站从来没出现过图片不显示的情况，怎么可能只有他的图片不显示，会不会是他的浏览器有问题。因为在我的浏览器上浏览是正常的。便不加思索的通知用户，他的网站没问题，在我们这里浏览正常。

客户很着急，说在其它电脑上查看也是不显示。这一刻，我开始考虑自身的问题。会不会是浏览器的问题。现在大部分人都是用IE浏览器，而我做网站则用firefox进行测试。用IE浏览器一打开，果然不显示产品图片。在试试其它的浏览器，依然不显示图片。也就是说，只有在火狐（firefox）下浏览是正常的，在其它任何浏览器上都不显示图片。

我也是第一次遇到这种情况，一时间也摸不着头脑。在网上搜索了一下，都是说IE有问题，可能图片显示的插件没有安装，或者是IE禁用图片显示功能。一一验证，这些结果都不正确。便向客户要了一张产品图片，亲自上传。结果还是不显示。

此时，我也有点着急了。看着这个网站内只有产品图片不显示，其它网站图片显示都正常。更奇怪的是，只在火狐（firefox）下浏览是正常的，在其它任何浏览器上都不显示图片。头脑中一个莫名其妙的想法，会不会是图片有问题。用ftp把客户的产品图下载下来，在作图软件（photoshop）中打开一看。果然是图片的问题。图片的模式是CMYK。这时才想到，客户让我上传的图片都是制作画报的，也就是直接从打印店把图片给我传过来的。CMYK这种打印机专用的图片模式在IE下是不显示的。把所有产品图片转换为RGB模式，再次上传。一切恢复正常。