世界因爱而存在

程序员向外贸业务的转行经历中

2008-05-08T11:09:38+08:00

曾经在一家规模比较大的网络公司做程序员。以前公司还做了几个NB的网站，康佳，艾美特，周大生珠宝。。。

到了奥运08年就越发不行了，公司的人少了 3/2，天天熬了也痛苦。拿了一点死工资也郁闷。

一个月前，就直接闪人了，为了闪人，差点没被公司的老大折腾死。

找了现在的老板，也是我以前一个比较好的客户，做起了外贸业务员。其实这边公司也是刚成立，老板让我先帮她把alibaba ,made-in-china ，公司网站搞好。才慢慢教我业务。

好几百的产品 *3  也累的不行。几个星期后，老板看我很努力的在做事情。后来慢慢让我接触了系统询盘，慢慢和老外打交道。

刚开始郁闷死了，老外老不回信息（参照alibaba外贸软件的做了个邮件检测程序，老外开没开邮件，一查就知道了），

后来啊。郁闷到点了，就拿alibaba 这个几个平台出气，花了好几w，拿着系统账号想干啥不行。用vb写了个程序，产品,sell信息自动添加，sell信息自动重发，采购信息批量回复。。。NND，好不爽快， alibaba的业务员来了，羡慕的不行。

昨天刚搞好采购信息批量回复，今天群发了信息，alibaba有每日300的限制，呵呵  金牌会员有6个账号能发1800个采购信息。我就不信邪了。至今没出一个样品单，郁闷啊

还没尝到肉味。

刚把EC21的后台的程序搞定了，老大们，还有哪些类似alibaba的站点啊发来我去破解破解  嘿嘿，学过的东西在这些鸟网站上都有用处了

慢慢写，上班做事情了。。。

沙发没人坐，自己顶了先
,
（继续）

alibaba一天有40多个询盘（不包括系统询盘），一个月就是1200多个，为什么都只是样品单了，老板有点奇怪，我也郁闷，made-in-china投放了广告，询盘量一天也近20个，
谁告诉我这个问题咋解决（虽然不是我在跟），我们公司产品主要是mp3 ,mp4,手机，u盘,gps。。

只希望今天天批量回复的几百个采购信息，能抓几个，做外贸,看了好多帖子都是大海捞针一样，抓一个是一个

（福步上首发）
http://bbs.fobshanghai.com/thread-1118454-1-1.html

靠，空间又长满了草

2008-05-08T11:06:33+08:00

靠，空间又长满了草，
半年没上自己的blog了。

今天火炬在深圳传递，老板说下午去看。。呵呵还不错

早上去取钱，卡上还剩下2008.00 邪门了。。。

忘了和大家说，我转行了不做程序员了，转做外贸业务员了。。。一个月前的事情现在还没接到单在学习中。。

加油中国，加油北京，干掉那些小日本，分裂份子。

今天发现一个PHP版本更换的问题

2007-12-28T11:35:17+08:00

1。当register_globals = off 的时候,怎样让php正常呢?

register_globals是php.ini里的一个配置，这个配置影响到php如何接收传递过来的参数，如果你的问题是：为什么我的表单无法传递数据？为什么我的程序无法得到传递过来的变量？等等，那么你需要仔细的阅读以下的内容。

register_globals的值可以设置为：On或者Off，我们举一段代码来分别描述它们的不同。

;

当register_globals=Off的时候，下一个程序接收的时候应该用$_GET['user_name']和$_GET['user_pass']来接受传递过来的值。（注：当

;的method属性为post的时候应该用$_POST['user_name']和$_POST['user_pass']）

当register_globals=On的时候，下一个程序可以直接使用$user_name和$user_pass来接受值。

顾名思义，register_globals的意思就是注册为全局变量，所以当On的时候，传递过来的值会被直接的注册为全局变量直接使用，而Off的时候，我们需要到特定的数组里去得到它。所以，碰到上边那些无法得到值的问题的朋友应该首先检查一下你的register_globals的设置和你获取值的方法是否匹配。（查看可以用phpinfo()函数或者直接查看php.ini）

那我们为什么要使用Off呢？原因有2：
1、php以后的新版本默认都用Off，虽然你可以设置它为On，但是当你无法控制服务器的时候，你的代码的兼容性就成为一个大问题，所以，你最好从现在就开始用Off的风格开始编程

现在还有一个问题就是，以前用On风格写的大量脚本怎么办？
如果你以前的脚本规划得好，有个公共包含文件，比如config.inc.php一类的文件，在这个文件里加上以下的代码来模拟一下（这个代码不保证100%可以解决你的问题，因为我没有大量测试，但是我觉得效果不错）。

if (!ini_get("register_globals"))
{
     extract($_POST);
     extract($_GET);
     extract($_SERVER);
     extract($_FILES);
     extract($_ENV);
     extract($_COOKIE);
     extract($_REQUEST);

     if ( isset($_SESSION) )
     {
         extract($_SESSION);
     }
}
?>

2. session_register()出错的解决办法
错误提示：Warning: Unknown(): Your script possibly relies on a session side-effect which
existed until PHP 4.2.3. Please be advised that the session extension does not devjoy.cn技术文档
consider global variables as a source of data, unless register_globals is javascript技巧尽在快乐开发
enabled. You can disable this functionality and this warning by setting
session.bug_compat_42 or session.bug_compat_warn to off, respectively. in Unknown on line 0 devjoy.cn技术文档

1、PHP4.2以上版本不需要用session_register()注册SESSION变量，直接用：
$_SESSION["string"]=“string";
赋值。

2、用$_SESSION["string"]获取变量值。
3、用$_SESSION["string"][$n]可传递SESSION数组。

两个测试页面：

//a.php
session_start();
echo $_SESSION["X"]++;

//b.php
session_start();

echo $_SESSION["X"];
运行a.php并不断刷新它，看看有什么结果

运行b.php看看能否在页面之间传送结果。
注意：a.php和b.php必须是同一个IE进程！
测试在register_globals = off下进行，一切正常

做网站的一些定律，其实对任何事都适用

2007-12-21T00:32:09+08:00

1.250定律
  拉德认为：每一位顾客身后，大体有250名亲朋好友。如果您赢得了一位顾客的好感，就意味着赢得了250个人的好感；反之，如果你得罪了一名顾客，也就意味着得罪了250 名顾客。   在你的网站访客中，一个访客可能可以带来一群访客，任何网站都有起步和发展的过程，这个过程中此定律尤其重要。
2.达维多定律
  达维多认为，一个企业要想在市场上总是占据主导地位，那么就要做到第一个开发出新产品，又第一个淘汰自己的老产品。   国内网站跟风太严重，比如前段时间的格子网，乞讨网，博客网，一个成功了，大家一拥而上。但实际效果是，第一个出名的往往最成功，所以在网站的定位上，要动自己的脑筋，不是去捡人家剩下的客户。同理，买人家出售的数据来建站效果是很糟糕的。

3.木桶定律
  水桶定律是指，一只水桶能装多少水，完全取决于它最短的那块木板。这就是说任何一个组织都可能面临的一个共同问题，即构成组织的各个部分往往决定了整个组织的水平。   注意审视自己的网站，是速度最糟糕？美工最糟糕？宣传最糟糕？你首先要做的，不是改进你最强的，而应该是你最薄弱的。
4.马太效应
  《新约》中有这样一个故事，一个国王远行前，交给三个仆人每人一锭银子，吩咐他们：“你们去做生意，等我回来时，再来见我。”国王回来时，第一个仆人说： “主人，你交给我们的一锭银子，我已赚了10锭。”于是国王奖励他10座城邑。第二个仆人报告说：“主人，你给我的一锭银子，我已赚了5锭。” 于是国王例奖励了他5座城邑。第三个仆人报告说：“主人，你给我的一锭银子，我一直包在手巾里存着，我怕丢失，一直没有拿出来。”于是国王命令将第三个仆人的一锭银子也赏给第一个仆人，并且说：“凡是少的，就连他所有的也要夺过来。凡是多的，还要给他，叫他多多益善。”这就是马太效应。   在同类网站中，马太效应是很明显的。一个出名的社区，比一个新建的社区，更容易吸引到新客户。启示是，如果你无法把网站做大，那么你要做专。作专之后再做大就更容易。
5.手表定理
  手表定理是指一个人有一只表时，可以知道现在是几点钟，而当他同时拥有两只表时却无法确定。
  一个网站，你只需要关注你特定的用户群需求。不要在意不相干人的看法。
6.不值得定律
  不值得定律：不值得做的事情，就不值得做好   不要过度seo，如果你不是想只做垃圾站。不要把时间浪费在美化再美化页面，优化再优化程序，在你网站能盈利后，这些事情可以交给技术人员完成。
7.彼得原理
  劳伦斯.彼得认为：在各种组织中，由于习惯于对在某个等级上称职的人员进行晋升提拔，因而雇员总是趋向于晋升到其不称职的地位。
  不要轻易改变自己网站的定位。如博客网想变门户，盛大想做娱乐，大家拭目以待吧。
8.零和游戏原理
  当你看到两位对弈者时，你就可以说他们正在玩“零和游戏”。因为在大多数情况下，总会有一个赢，一个输，如果我们把获胜计算为得1分，而输棋为-1分，那么，这两人得分之和就是：1+（-1）=0   不要把目光一直盯在你的竞争网站上，不要花太多时间抢它的访客。我们把这些时间用来寻找互补的合作网站，挖掘新访客。
9.华盛顿合作规律
  华盛顿合作规律说的是：一个人敷衍了事，两个人互相推诿，三个人则永无成事之日。   如果你看准一个方向，你自己干，缺人手就招。不要轻易找同伴一起搞网站，否则你会发现，日子似乎越过越快了，事情越做越慢了。
10.邦尼人力定律
  一个人一分钟可以挖一个洞，六十个人一秒种却挖不了一个洞。合作是一个问题，如何合作也是一个问题。
  你需要有计划。
11.牛蛙效应
  把一只牛蛙放在开水锅里，牛蛙会很快跳出来；但当你把它放在冷水里，它不会跳出来，然后慢慢加热，起初牛蛙出于懒惰，不会有什么动作，当水温高到它无法忍受的时候，想出来，但已经没有了力气。   如果你是soho，注意关注你的财务。不要等到没钱了再想怎么挣，你会发现那时候挣钱更难。
12.蘑菇管理
  蘑菇管理是许多组织对待初出茅庐者的一种管理方法，初学者被置于阴暗的角落（不受重视的部门，或打杂跑腿的工作），浇上一头大粪（无端的批评、指责、代人受过），任其自生自灭（得不到必要的指导和提携）。
  做网站毕竟要遭遇这样的阶段，搜索引擎不理你，友情链接找不到，访客不上门。这是磨练。
13.奥卡姆剃刀定律
  如无必要，勿增实体。
  把网站做得简单，再简单，简单到非常实用，而不是花俏。google的首页为什么比雅虎好？
14.巴莱多定律(Paredo 也叫二八定律)
  你所完成的工作里80%的成果，来自于你20%的付出；而80%的付出，只换来20%的成果。
  随时衡量你所做的工作，哪些是最有效果的。
1.马蝇效应
  林肯少年时和他的兄弟在肯塔基老家的一个农场里犁玉米地，林肯吆马，他兄弟扶犁，而那匹马很懒，慢慢腾腾，走走停停。可是有一段时间马走得飞快。林肯感到奇怪，到了地头，他发现有一只很大的马蝇叮在马身上，他就把马蝇打落了。看到马蝇被打落了，他兄弟就抱怨说：”哎呀，你为什么要打掉它，正是那家伙使马跑起来的嘛！”   在你心满意足的时候，去寻找你的马蝇。没有firefox，不会有ie7，firefox就是微软的马蝇之一。马蝇不可怕，怕的是会一口吃掉你的东西，像 ie当初对网景干的那样。
2.最高气温效应
　　每天最热总是下午2 时左右，我们总认为这个时候太阳最厉害，其实这时的太阳早已偏西，不再是供给最大热量的时候了。此时气温之所以最高，不过是源于此前的热量积累。
  你今天的网站流量，是你一个星期或更长时间前所做的事带来的。
3.超限效应(溢出效应)
　　刺激过多、过强和作用时间过久而引起心理极不耐烦或反抗的心理现象，称之为“超限效应”。别到别人论坛里发太多广告。别在自己网站上放太多广告。别在自己的论坛里太多地太明显地诱导话题。
4.懒蚂蚁效应
　　生物学家研究发现，成群的蚂蚁中，大部分蚂蚁很勤劳，寻找、搬运食物争先恐后，少数蚂蚁却东张西望不干活。当食物来源断绝或蚁窝被破坏时，那些勤快的蚂蚁一筹莫展。“懒蚂蚁”则“挺身而出”，带领众伙伴向它早已侦察到的新的食物源转移。   不要把注意力仅仅放在一个网站上，即使这个网站现在为你带来一切。你要给自己一些时间寻找新的可行的方向，以备万一。
5.长尾理论
  ChrisAnderson认为，只要存储和流通的渠道足够大，需求不旺或销量不佳的产品共同占据的市场份额就可以和那些数量不多的热卖品所占据的市场份额相匹敌甚至更大。   对于搜索引擎，未必你需要一个热门词排在第一位，如果有一千个冷门词排在第一位，效果不但一样，还会更稳定更长远。
6.破窗理论
  栋建筑上的一块玻璃，又没有及时修好，别人就可能受到某些暗示性的纵容，去打碎更多的玻璃。   管理论坛时，如果你发现第一个垃圾贴，赶紧删掉他吧。想想：落伍现在为什么那么多××贴？现在控制比最初控制难多了。
7.“羊群效应”，又称复制原则(Copy Strategy)
  一个羊群(集体)是一个很散乱的组织，平时大家在一起盲目地左冲右撞。如果一头羊发现了一片肥沃的绿草地，并在那里吃到了新鲜的青草，后来的羊群就会一哄而上，争抢那里的青草，全然不顾旁边虎视眈眈的狼，或者看不到其它地方还有更好的青草。
  不要轻易跟风，保持自己思考的能力。
8.墨菲定律
  如果坏事情有可能发生，不管这种可能性多么小，它总会发生，并引起最大可能的损失。
  除非垃圾站，否则不要作弊，对搜索引擎不要，对广告也不要。
9.光环效应
  人们对人的某种品质或特点有清晰的知觉，印象比较深刻、突出，这种强烈的知觉，就像月晕形式的光环一样，向周围弥漫、扩散，掩盖了对这个人的其他品质或特点的认识。
  不要轻易崇拜一个人或者公司、一个概念、一种做法。
10.蝴蝶效应
  一只亚马逊河流域热带雨林中的蝴蝶，偶尔扇动几下翅膀，两周后，可能在美国德克萨斯州引起一场龙卷风。
  不管你做什么，网站或者其他，你都应该关注新闻。机遇或者灾难可能就在那。
11.阿尔巴德定理
  一个企业经营成功与否，全靠对顾客的要求了解到什么程度。   我赞同别人的点评：看到了别人的需要，你就成功了一半；满足了别人的需求，你就成功了全部。
  尤其是做网站。
12.史密斯原则
  如果你不能战胜他们，你就加入到他们之中去。
  不要试图做孤胆英雄。如果潮流挡不住，至少，你要去思考为什么。

二十个CSS经典技巧

2007-12-21T00:29:46+08:00

CSS字体属性简写规则
一般用CSS设定字体属性是这样做的：

font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

但也可以把它们全部写到一行上去：

font: bold italic small-caps 1em/1.5em verdana,sans-serif

真不错！只有一点要提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值，这点要记上。
同时使用两个类
一般只能给一个元素设定一个类（Class），但这并不意味着不能用两个。事实上，你可以这样：

...

同时给P元素两个类，中间用空格格开，这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话，后设置的起作用，即在CSS文件中放在后面的类的属性起作用。
CSS border的缺省值
通常可以设定边界的颜色，宽度和风格，如：

border: 3px solid #000

这位把边界显示成3像素宽，黑色，实线。但实际上这里只需要指定风格即可。

如果只指定了风格，其他属性就会使用缺省值。一般地，Border的宽度缺省是medium，一般等于3到4个像素；缺省的颜色是其中文字的颜色。如果这个值正好合适的话，就不用设那么多了。
CSS用于文档打印
许多网站上都有一个针对打印的版本，但实际上这并不需要，因为可以用CSS来设定打印风格。

也就是说，可以为页面指定两个CSS文件，一个用于屏幕显示，一个用于打印：

第1行就是显示，第2行是打印，注意其中的media属性。

但应该在打印CSS中写什么东西呢？你可以按设计普通CSS的方法来设定它。设计的同时就可以把这个CSS设成显示CSS来检查它的效果。也许你会使用 display: none 这个命令来关掉一些装饰图片，再关掉一些导航按钮。要想了解更多，可以看“打印差异”这一篇。
图片替换技巧
一般都建议用标准的HTML来显示文字，而不要使用图片，这样不但快，也更具可读性。但如果你想用一些特殊字体时，就只能用图片了。

比如你想整个卖东西的图标，你就用了这个图片：

这当然可以，但对搜索引擎来说，和正常文字相比，它们对alt里面的替换文字几乎没有兴趣这是因为许多设计者在这里放许多关键词来骗搜索引擎。所以方法应该是这样的：

Buy widgets

但这样就没有特殊字体了。要想达到同样效果，可以这样设计CSS：

h1
{
background: url(widget-image.gif) no-repeat;
height: image height
text-indent: -2000px
}

注意把image height换成真的图片的高度。这里，图片会当作背景显示出来，而真正的文字由于设定了-2000像素这个缩进，它们会出现在屏幕左边2000点的地方，就看不见了。但这对于关闭图片的人来说，可能全部看不到了，这点要注意。
CSS box模型的另一种调整技巧
这个Box模型的调整主要是针对IE6之前的IE浏览器的，它们把边界宽度和空白都算在元素宽度上。比如：

#box
{
width: 100px;
border: 5px;
padding: 20px
}

这样调用它：

...

这时盒子的全宽应该是150点，这在除IE6之前的IE浏览器之外的所有浏览器上都是正确的。但在IE5这样的浏览器上，它的全宽仍是100点。可以用以前人发明的Box调整方法来处理这种差异。

但用CSS也可以达到同样的目的，让它们显示效果一致。

#box
{
width: 150px
}

#box div
{
border: 5px;
padding: 20px
}

这样调用：

...

这样，不管什么浏览器，宽度都是150点了。
块元素居中对齐
如果想做个固定宽度的网页并且想让网页水平居中的话，通常是这样：

#content
{
width: 700px;
margin: 0 auto
}

你会使用来围上所有元素。这很简单，但不够好，IE6之前版本会显示不出这种效果。改CSS如下：

body
{
text-align: center
}

#content
{
text-align: left;
width: 700px;
margin: 0 auto
}

这会把网页内容都居中，所以在Content中又加入了
text-align: left 。
用CSS来处理垂直对齐
垂直对齐用表格可以很方便地实现，设定表格单元 vertical-align: middle 就可以了。但对CSS来说这没用。如果你想设定一个导航条是2em高，而想让导航文字垂直居中的话，设定这个属性是没用的。

CSS方法是什么呢？对了，把这些文字的行高设为 2em：line-height: 2em ，这就可以了。
CSS在容器内定位
CSS的一个好处是可以把一个元素任意定位，在一个容器内也可以。比如对这个容器：

#container
{
position: relative
}

这样容器内所有的元素都会相对定位，可以这样用：

...

如果想定位到距左30点，距上5点，可以这样：

#navigation
{
position: absolute;
left: 30px;
top: 5px
}

当然，你还可以这样：

margin: 5px 0 0 30px

注意4个数字的顺序是：上、右、下、左。当然，有时候定位的方法而不是边距的方法更好些。
直通到屏幕底部的背景色
在垂直方向是进行控制是CSS所不能的。如果你想让导航栏和内容栏一样直通到页面底部，用表格是很方便的，但如果只用这样的CSS：

#navigation
{
background: blue;
width: 150px
}

较短的导航条是不会直通到底部的，半路内容结束时它就结束了。该怎么办呢？

不幸的是，只能采用欺骗的手段了，给这较短的一栏加上个背景图，宽度和栏宽一样，并让它的颜色和设定的背景色一样。

body
{
background: url(blue-image.gif) 0 0 repeat-y
}

此时不能用em做单位，因为那样的话，一旦读者改变了字体大小，这个花招就会露馅，只能使用px。
再来10个你可能不知道的CSS技巧
Block和inline元素对比
所有的HTML元素都属于block和inline之一。block元素的特点是：

总是在新行上开始；

高度，行高以及顶和底边距都可控制；

宽度缺省是它的容器的100%，除非设定一个宽度
,
,
, ,
- 是块元素的例子。相反地，inline元素的特点是：
  和其他元素都在一行上；
  
  高，行高及顶和底边距不可改变；
  
  宽度就是它的文字或图片的宽度，不可改变。
  
  , , , , , 和是inline元素的例子。
  
  用code class="inline">display: inline 或display: block命令就可以改变一个元素的这一特性。什么时候需要改变这一属性呢？
  让一个inline元素从新行开始；
  
  让块元素和其他元素保持在一行上；
  
  控制inline元素的宽度（对导航条特别有用）；
  
  控制inline元素的高度；
  
  无须设定宽度即可为一个块元素设定与文字同宽的背景色。

页面自定义拖拽布局,兼容ie5+/firefox/Opera

2007-12-21T00:23:20+08:00

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> body {margin:0px;padding:0px;font-size:12px;text-align:center;} body > div {text-align:center; margin-right:auto; margin-left:auto;} .content{width:900px;} .content .left{ float:left; width:20%; border:1px solid #FF0000; margin:3px; } .content .center{float:left;border:1px solid #FF0000;margin:3px;width:57%} .content .right{float:right;width:20%;border:1px solid #FF0000;margin:3px} .mo{height:auto;border:1px solid #CCC;margin:3px;background:#FFF} .mo h1{background:#ECF9FF;height:18px;padding:3px;cursor:move} .closediv{cursor:default;} .minusspan{cursor:default;} .mo .nr{height:80px;border:1px solid #F3F3F3;margin:2px} h1{margin:0px;padding:0px;text-align:left;font-size:12px} .dragging { FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; moz-opacity: 0.6 } style> <script language="javascript"> /* ikaiser@163.com 2007-1-11 改动 1、添加拖动层时的虚线框 2、添加拖动层时的半透明效果 3、加入层折叠和关闭功能具体的代码改动我已经在代码中标出 */ var dragobj={} window.onerror=function(){return false} var domid=12 function on_ini(){ String.prototype.inc=function(s){return this.indexOf(s)>-1?true:false} var agent=navigator.userAgent window.isOpr=agent.inc("Opera") window.isIE=agent.inc("IE")&&!isOpr window.isMoz=agent.inc("Mozilla")&&!isOpr&&!isIE if(isMoz){ Event.prototype.__defineGetter__("x",function(){return this.clientX+2}) Event.prototype.__defineGetter__("y",function(){return this.clientY+2}) } basic_ini() } function basic_ini(){ window.$=function(obj){return typeof(obj)=="string"?document.getElementById(obj):obj} window.oDel=function(obj){if($(obj)!=null){$(obj).parentNode.removeChild($(obj))}} } window.oDel=function(obj){if($(obj)!=null){$(obj).parentNode.removeChild($(obj))}} window.onload=function(){ on_ini() var o=document.getElementsByTagName("h1") for(var i=0;i//添加折叠和关闭按钮 var tt = document.createElement("div"); tt.style.cssText = "float:left"; var span = document.createElement("span"); span.innerHTML = "--"+o[i].innerHTML; span.style.cssText = "cursor:default;"; span.onmousedown = minusDiv; tt.appendChild(span); var close = document.createElement("div"); close.innerHTML = "X"; close.style.cssText = "cursor:default;float:right"; close.onmousedown = closeDiv; o[i].innerHTML = ""; o[i].appendChild(tt); o[i].appendChild(close); } } //折叠或者显示层 function minusDiv(e) { e=e||event var nr = this.parentNode.parentNode.nextSibling; //取得内容层 nr.style.display = nr.style.display==""?"none":""; } //移出层 function closeDiv(e) { e=e||event var mdiv = this.parentNode.parentNode; //取得目标层 oDel(mdiv); } function addevent(e){ if(dragobj.o!=null) return false e=e||event dragobj.o=this.parentNode dragobj.xy=getxy(dragobj.o) dragobj.xx=new Array((e.x-dragobj.xy[1]),(e.y-dragobj.xy[0])) //dragobj.o.className = 'dragging'; dragobj.o.style.width=dragobj.xy[2]+"px" dragobj.o.style.height=dragobj.xy[3]+"px" dragobj.o.style.left=(e.x-dragobj.xx[0])+"px" dragobj.o.style.top=(e.y-dragobj.xx[1])+"px" dragobj.o.style.position="absolute" dragobj.o.style.filter='alpha(opacity=60)'; //添加拖动透明效果 var om=document.createElement("div") dragobj.otemp=om om.style.width=dragobj.xy[2]+"px" om.style.height=dragobj.xy[3]+"px" om.style.border = "1px dashed red"; //ikaiser添加，实现虚线框 dragobj.o.parentNode.insertBefore(om,dragobj.o) return false } document.onselectstart=function(){return false} window.onfocus=function(){document.onmouseup()} window.onblur=function(){document.onmouseup()} document.onmouseup=function(){ if(dragobj.o!=null){ dragobj.o.style.width="auto" dragobj.o.style.height="auto" dragobj.otemp.parentNode.insertBefore(dragobj.o,dragobj.otemp) dragobj.o.style.position="" oDel(dragobj.otemp) dragobj={} } } document.onmousemove=function(e){ e=e||event if(dragobj.o!=null){ dragobj.o.style.left=(e.x-dragobj.xx[0])+"px" dragobj.o.style.top=(e.y-dragobj.xx[1])+"px" createtmpl(e, dragobj.o) //传递当前拖动对象 } } function getxy(e){ var a=new Array() var t=e.offsetTop; var l=e.offsetLeft; var w=e.offsetWidth; var h=e.offsetHeight; while(e=e.offsetParent){ t+=e.offsetTop; l+=e.offsetLeft; } a[0]=t;a[1]=l;a[2]=w;a[3]=h return a; } function inner(o,e){ var a=getxy(o) if(e.x>a[1]&&e.x<(a[1]+a[2])&&e.y>a[0]&&e.y<(a[0]+a[3])){ if(e.y<(a[0]+a[3]/2)) return 1; else return 2; }else return 0; } //将当前拖动层在拖动时可变化大小，预览效果 function createtmpl(e, elm){ for(var i=0;iif(document.getElementById("m"+i) == null) //已经移出的层不再遍历 continue; if($("m"+i)==dragobj.o) continue var b=inner($("m"+i),e) if(b==0) continue dragobj.otemp.style.width=$("m"+i).offsetWidth elm.style.width = $("m"+i).offsetWidth; //1为下移，2为上移 if(b==1){ $("m"+i).parentNode.insertBefore(dragobj.otemp,$("m"+i)) }else{ if($("m"+i).nextSibling==null){ $("m"+i).parentNode.appendChild(dragobj.otemp) }else{ $("m"+i).parentNode.insertBefore(dragobj.otemp,$("m"+i).nextSibling) } } return } for(var j=0;j<3;j++){ if($("dom"+j).innerHTML.inc("div")||$("dom"+j).innerHTML.inc("DIV")) continue var op=getxy($("dom"+j)) if(e.x>(op[1]+10)&&e.x<(op[1]+op[2]-10)){ $("dom"+j).appendChild(dragobj.otemp) dragobj.otemp.style.width=(op[2]-10)+"px" } } } function add_div() { var o=document.createElement("div") o.className="mo" o.id="m"+domid $('dom0').appendChild(o) o.innerHTML="
dom"+domid+"
" o.getElementsByTagName("h1")[0].onmousedown=addevent domid++ } script> head> <body> <INPUT TYPE="button" value="添加DIV" onclick="add_div();"> <div class=content> <div class=left id=dom0> <div class=mo id=m0> <h1>dom0h1> <div class="nr">div> div> <div class=mo id=m1> <h1>dom1h1><div class="nr">div> div> <div class=mo id=m2><h1>dom2h1><div class="nr">div>div> <div class=mo id=m3><h1>dom3h1><div class="nr">div>div> div> <div class=center id=dom1> <div class=mo id=m4><h1>dom4h1><div class="nr">div>div> <div class=mo id=m5><h1>dom5h1><div class="nr">div>div> <div class=mo id=m6><h1>dom6h1><div class="nr">div>div> <div class=mo id=m7><h1>dom7h1><div class="nr">div>div> div> <div class=right id=dom2> <div class=mo id=m8><h1>dom8h1><div class="nr">div>div> <div class=mo id=m9><h1>dom9h1><div class="nr">div>div> <div class=mo id=m10><h1>dom10h1><div class="nr">div>div> <div class=mo id=m11><h1>dom11h1><div class="nr">div>div> div> div> body> html>

IE和Firefox的js兼容性整理

2007-12-21T00:20:36+08:00

以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox

document.form.item 问题
(1)现有问题：
现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行
(2)解决方法：
改用 document.formName.elements["elementName"]
(3)其它
参见 2

集合类对象问题
(1)现有问题：
现有代码中许多集合类对象取用时使用 ()，IE 能接受，MF 不能。
(2)解决方法：
改用 [] 作为下标运算。如：document.forms("formName") 改为 document.forms["formName"]。
又如：document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1]
(3)其它

window.event
(1)现有问题：
使用 window.event 无法在 MF 上运行
(2)解决方法：
MF 的 event 只能在事件发生的现场使用，此问题暂无法解决。可以这样变通：
原代码(可在IE中运行)：

...

function gotoSubmit() {
...
alert(window.event);    // use window.event
...
}

新代码(可在IE和MF中运行)：

...

function gotoSubmit(evt) {
evt = evt ? evt : (window.event ? window.event : null);
...
alert(evt);             // use evt
...
}

此外，如果新代码中第一行不改，与老代码一样的话(即 gotoSubmit 调用没有给参数)，则仍然只能在IE中运行，但不会出错。所以，这种方案 tpl 部分仍与老代码兼容。

HTML 对象的 id 作为对象名的问题
(1)现有问题
在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 MF 中不能。
(2)解决方法
用 getElementById("idName") 代替 idName 作为对象变量使用。

用idName字符串取得对象的问题
(1)现有问题
在IE中，利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象，在MF 中不能。
(2)解决方法
用 getElementById(idName) 代替 eval(idName)。

变量名与某 HTML 对象 id 相同的问题
(1)现有问题
在 MF 中，因为对象 id 不作为 HTML 对象的名称，所以可以使用与 HTML 对象 id 相同的变量名，IE 中不能。
(2)解决方法
在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可正常运行。
此外，最好不要取与 HTML 对象 id 相同的变量名，以减少错误。
(3)其它
参见问题4

event.x 与 event.y 问题
(1)现有问题
在IE 中，event 对象有 x, y 属性，MF中没有。
(2)解决方法
在MF中，与event.x 等效的是 event.pageX。但event.pageX IE中没有。
故采用 event.clientX 代替 event.x。在IE 中也有这个变量。
event.clientX 与 event.pageX 有微妙的差别（当整个页面有滚动条的时候），不过大多数时候是等效的。

如果要完全一样，可以稍麻烦些：
mX = event.x ? event.x : event.pageX;
然后用 mX 代替 event.x
(3)其它
event.layerX 在 IE 与 MF 中都有，具体意义有无差别尚未试验。

关于frame
(1)现有问题
在 IE中可以用window.testFrame取得该frame，mf中不行
(2)解决方法
在frame的使用方面mf和ie的最主要的区别是：
如果在frame标签中书写了以下属性：

那么ie可以通过id或者name访问这个frame对应的window对象
而mf只可以通过name来访问这个frame对应的window对象
例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问
ie： window.top.frameId或者window.top.frameName来访问这个window对象
mf：只能这样window.top.frameName来访问这个window对象
另外，在mf和ie中都可以使用window.top.document.getElementById("frameId")来访问frame标签
并且可以通过window.top.document.getElementById("testFrame").src = ’xx.htm’来切换frame的内容
也都可以通过window.top.frameName.location = ’xx.htm’来切换frame的内容
关于frame和window的描述可以参见bbs的‘window与frame’文章
以及/test/js/test_frame/目录下面的测试
----adun 2004.12.09修改

在mf中，自己定义的属性必须getAttribute()取得

在mf中没有  parentElement parement.children  而用
parentNode parentNode.childNodes
childNodes的下标的含义在IE和MF中不同，MF使用DOM规范，childNodes中会插入空白文本节点。
一般可以通过node.getElementsByTagName()来回避这个问题。
当html中节点缺失时，IE和MF对parentNode的解释不同，例如

MF中input.parentNode的值为form, 而IE中input.parentNode的值为空节点
MF中节点没有removeNode方法，必须使用如下方法 node.parentNode.removeChild(node)

const 问题
(1)现有问题:
在 IE 中不能使用 const 关键字。如 const constVar = 32; 在IE中这是语法错误。
(2)解决方法:
不使用 const ，以 var 代替。

body 对象
MF的body在body标签没有被浏览器完全读入之前就存在，而IE则必须在body完全被读入之后才存在

url encoding
在js中如果书写url就直接写&不要写&例如var url = ’xx.jsp?objectName=xx&objectEvent=xxx’;
frm.action = url那么很有可能url不会被正常显示以至于参数没有正确的传到服务器
一般会服务器报错参数没有找到
当然如果是在tpl中例外，因为tpl中符合xml规范，要求&书写为&
一般MF无法识别js中的&

nodeName 和 tagName 问题
(1)现有问题：
在MF中，所有节点均有 nodeName 值，但 textNode 没有 tagName 值。在 IE 中，nodeName 的使用好象
有问题（具体情况没有测试，但我的IE已经死了好几次）。
(2)解决方法：
使用 tagName，但应检测其是否为空。

元素属性
IE下 input.type属性为只读，但是MF下可以修改

document.getElementsByName() 和 document.all[name] 的问题
(1)现有问题：
在 IE 中，getElementsByName()、document.all[name] 均不能用来取得 div 元素（是否还有其它不能取的元素还不知道）。

css实现强制不换行/自动换行/强制换行

2007-12-21T00:18:47+08:00

强制不换行

div{
white-space:nowrap;
}

自动换行

div{
word-wrap: break-word;
word-break: normal;
}

强制英文单词断行

div{
word-break:break-all;
}

世界因爱而存在

程序员向外贸业务的转行经历中

靠，空间又长满了草

今天发现一个PHP版本更换的问题

做网站的一些定律，其实对任何事都适用

二十个CSS经典技巧

Buy widgets

页面自定义拖拽布局,兼容ie5+/firefox/Opera

dom"+domid+"

IE和Firefox的js兼容性整理

css实现强制不换行/自动换行/强制换行