简洁的想法

reload 的问题及其解决

[

2005-04-09 22:00 | by Peter ]

reload 的问题及其解决
我以前在写 PHP 程序时，经常碰到页面刷新时，数据库多处理一次的情况。
我们来看 addcust.php：

假设我们用下面的连接使用这个程序：

http://www.freelamp.com/addcust.php?surname=Smith&firstname=Fred

如果这个请求只提交一次，OK ，不会有问题，但是如果多次刷新，你就会有多条记录插入。
这个问题可以通过 header() 函数解决：下面是新版本的 addcust.php：

这个脚本把浏览器重定向到一个新的页面：cust_receipt.php：

这样，原来的页面继续刷新也没有副作用了。

来源：http://www.freelamp.com/1018587223/index_html

网站工程 | 评论(0) | 引用(0) | 阅读(1317)

CSS 网页定位

[

2005-04-01 17:37 | by Peter ]

某网站CSS分析。地址：http://67.18.164.50/~catalyst/index.php

第一个标签图片y方向重复，第一张位于中上，这是背景。

BODY {
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;

BORDER-LEFT-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 0px
BORDER-TOP-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;

MARGIN: 0px;
BACKGROUND: url(http://67.18.164.50/~catalyst/templates/big_pixel/images/bg_02.gif) #777 repeat-y center top

}

第二个标签，这是整个网页的布局。宽600px，另外，四个边框（BORDER）各留10px的白边。

DIV#wrapper {
BORDER-LEFT: #fff 10px solid;
BORDER-RIGHT: #fff 10px solid;
BORDER-TOP: #fff 10px solid;
BORDER-BOTTOM: #fff 10px solid;

PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
MARGIN: auto;

WIDTH: 600px;
COLOR: #666;

TEXT-ALIGN: left;
BACKGROUND: url(http://67.18.164.50/~catalyst/templates/big_pixel/images/wrapper_bg.gif) #fff repeat-y center top
}

第三个标签，网页头，图片已经在边框里了，现在指定内补丁（PADDING）。宽度一样。

DIV#header {

PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;

WIDTH: 600px;
HEIGHT: 100px;

MARGIN: 0px;
BACKGROUND: none transparent scroll repeat 0% 0%

}

第四个标签，网页头下面的Section Menu，

“.hide” 表示H2不显示。<DIV class=hide><H2>Section Menu</H2></DIV>
“PADDING-LEFT: 180px; ”表示菜单从左边的180px起。
MARGIN:如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。如果只提供一个，将用于全部的四边。如果提供两个，第一个用于上－下，第二个用于左－右。如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。

.hide {
DISPLAY: none
}
DIV#sectionnav {

PADDING-LEFT: 180px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 10px;
WIDTH: 420px;
HEIGHT: 66px;
BACKGROUND: url(http://67.18.164.50/~catalyst/templates/big_pixel/images/sectionnav_bg.gif) no-repeat
}
第五个标签，最上边的导航栏WIDTH: 420px; HEIGHT: 55px
UL#alphanav {
LIST-STYLE-TYPE: none;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
BORDER-TOP: #fff 1px solid;
BORDER-BOTTOM: #fff 1px solid;
MARGIN: 0px;
BACKGROUND: #000;
WIDTH: 420px;
HEIGHT: 55px;
FONT-SIZE: 9px;
COLOR: #fff;
FONT-FAMILY: "Trebuchet MS", arial, verdana, sans-serif
}
UL#alphanav LI {
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
DISPLAY: block;
FLOAT: left;
WIDTH: 79px;
HEIGHT: 54px
}

UNKNOWN {
PADDING-LEFT: 0px;
PADDING-RIGHT: 5px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px
}
UL#alphanav A {
PADDING-LEFT: 12px;
PADDING-RIGHT: 4px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
DISPLAY: block;
BACKGROUND: #000;
BORDER-LEFT: #fff 1px solid;
WIDTH: 67px;
HEIGHT: 51px;
TEXT-ALIGN: left;
COLOR: #bbb;
FONT-WEIGHT: normal;
TEXT-DECORATION: none
}
UL#alphanav A:visited {
PADDING-LEFT: 12px;
PADDING-RIGHT: 4px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
DISPLAY: block;
BACKGROUND: #000;
BORDER-LEFT: #fff 1px solid;

WIDTH: 67px;
HEIGHT: 51px;
COLOR: #bbb;
TEXT-ALIGN: right;
FONT-WEIGHT: normal;
TEXT-DECORATION: none
}
UL#alphanav A:hover {
BACKGROUND: #444; COLOR: #fff
}
UL#alphanav A.active {
BACKGROUND: #666; COLOR: #fff
}
第六个标签，左边竖着的导航栏。UL WIDTH: 165px; LI WIDTH: 180px; LI 一般比UL短才对。这里因为有其它元素定位，所以看不出长短效果。
UL.betanav {
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
BORDER-LEFT: red 0px solid;
BORDER-RIGHT: red 0px solid;
BORDER-TOP: #ccc 1px dashed;
BORDER-BOTTOM: red 0px solid;
MARGIN: 0px;
WIDTH: 165px;
COLOR: #000;
FONT-SIZE: 9px;
FONT-FAMILY: "Trebuchet MS", arial, verdana, sans-serif;
LIST-STYLE-TYPE: none
}
UNKNOWN {
WIDTH: 180px
}
UL.betanav LI {
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
WIDTH: 180px;
BORDER-BOTTOM: #ccc 1px dashed
}
第七个标签，左边导航栏正对着的右边部分。用相对定位（POSITION: relative; ）
DIV#rightcolumn {
LEFT: 0px;
MARGIN: 0px 0px 0px 185px;
POSITION: relative;
TOP: 1px;
WIDTH: 400px;
HEIGHT: auto;
TEXT-ALIGN: justify
}
UNKNOWN {
MARGIN: 0px 0px 0px 190px; WIDTH: 410px
}
DIV#rightcolumn P {
FONT-SIZE: 11px;
COLOR: #666;
FONT-FAMILY: "Trebuchet MS", arial, verdana, sans-serif;
TEXT-ALIGN: justify
}
第八个标签，网页尾，用一张图片作背景。
DIV#footer {
CLEAR: both;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 10px;
PADDING-BOTTOM: 10px;
WIDTH: 600px;
HEIGHT: 23px;
MARGIN: 10px auto 0px;
BACKGROUND: url(http://67.18.164.50/~catalyst/templates/big_pixel/images/footer.gif) no-repeat
}
DIV#footer P#copyright {
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 3px 0px 0px;
BACKGROUND: none transparent scroll repeat 0% 0%;
FONT-SIZE: 9px;
COLOR: #333;
TEXT-ALIGN: center;
FONT-FAMILY: "Trebuchet MS", arial, verdana, sans-serif
}
DIV#footer A:hover {
COLOR: #000
}

网站工程 | 评论(0) | 引用(0) | 阅读(1918)

大话西游

[

2005-02-16 20:33 | by Peter ]

曾经有一分真挚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。如果非要在这份爱上加上一个期限，我希望是 —— 一万年！

I once let the truest love slip away form before my eyes. Only to find myself regretting when it was too late. No pain in the world comes near to this. If only God would give me another chance, I would say to the girl: I Love You! If there had to be a limit of time, I pray it's 10000 years.

Es gab eine wahre Liebe vor mir, ich habe mich darum nicht gekümmert, nachdem ich die verloren habe, bin ich so reuig, die schmerzhafteste Sache in der Welt muss das sein. Wenn Gott mir wieder eine Chance geben könnte, würde ich zu dem Mädchen drei Wörter sagen: ich liebe dich. Wenn es eine Frist vor der Liebe sein müsste, ich hoffe, es wäre......Zehntausent Jahre!

路已成歌 | 评论(0) | 引用(0) | 阅读(1468)

Impressum

[

2005-02-01 00:00 | by Peter ]

Die neten.de Homepage ist mein privates Homepage. Sie wird von mir seit 2005 als Hobby betrieben. Inhalt des Homepages sind Informationen meines Lebens in Deutschland.
Mit dieser Homepage werden keinerlei kommerziellen Ziele verfolgt. Diese Webseite ist kein Online-Shop. Die Homepage ist Partner von Affiliate.

Anbieter dieses Internet-Angebots im Sinne von §6 TDG sowie verantwortlich i.S.d. §10 MDStV ist:

Peng Zhang
Kastanienweg 33
52074 Aachen
Germany