历史文档 | ICOjump - 交互设计是衔接用户与产品的工具

WEB打印，个人认为最好的

2006年07月31日

<html><br />
<head></p>
<p><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br />
</p>
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
<style>
.tdp
{
border-bottom: 1 solid #000000;
border-left: 1 solid #000000;
border-right: 0 solid #ffffff;
border-top: 0 solid #ffffff;
}
.tabp
{
border-color: #000000 #000000 #000000 #000000;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.NOPRINT {
font-family: "宋体";
font-size: 9pt;
}</p>
</style>
<p></head></p>
<p><body ><br />
<center class="Noprint" ></p>
<p>
<object id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0><br />
</object></p>
<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
<input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)>
<hr align="center" width="90%" size="1" noshade>
</center></p>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td colspan="3" class="tdp">第1页</td>
</tr>
<tr>
<td width="29%" class="tdp"></td>
<td width="28%" class="tdp"></td>
<td width="43%" class="tdp"></td>
</tr>
<tr>
<td colspan="3" class="tdp"></td>
</tr>
<tr>
<td colspan="3" class="tdp">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp">
<p>这样的报表</p>
<p>对一般的要求就够了。</p>
</td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
</p>
<div class="PageNext"></div>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td class="tdp">第2页</td>
</tr>
<tr>
<td class="tdp">看到分页了吧</td>
</tr>
<tr>
<td class="tdp"></td>
</tr>
<tr>
<td class="tdp"></td>
</tr>
<tr>
<td class="tdp">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp">
<p>这样的报表</p>
<p>对一般的要求就够了。</p>
</td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
<p></body><br />
</html>

禁止站外提交表单

2006年07月31日

使用asp尽量减少服务器端的工作量，这样就应该多使用javascript，把所有提交字段使用javascript或vbscript检测后提交给服务器，这样服务器就不必再作检测，而在提交时可能会有人修改script从本地提交，这样存在安全提交的问题，所以应该要求从服务器断路径提交，其他地址提交提交无无效：

<%
server_v1=Cstr(Request.ServerVariables("HTTP_REFERER"))
server_v2=Cstr(Request.ServerVariables("SERVER_NAME"))
if mid(server_v1,8,len(server_v2))<>server_v2 Then
response.write "<center><table border=1 cellpadding=20 bordercolor=black bgcolor=#EEEEEE width=450>"
response.write "<tr><td style='font:9pt Verdana'>"
response.write "你提交的路径有误，禁止从站点外部提交数据请不要乱该参数！"
response.write "</td></tr></table></center>"
response.End
end If
%>

0个评论标签: asp , javascript

下午和DW8的兄弟们在群里针对这个问题讨论了很久~!我的思路就是:用户登陆时对application(“pass”)的值进行判断,如果application(“pass”)的值不为空,那么就提示已经有人登陆~否则登陆(说明是第一个登陆的用户)并给application(“pass”)赋一个值,然后加一个在线人数的判断,有在线人数时 application(“pass”)不等于空,没有在线人数时用application.contents.remove(“pass”)来清除application(“pass”)的值.

具体application.contents.remove的用户可以参考:http://www.kekecn.com/blog/article.asp?id=637具体方法如下:

<%
'有个online的表记录在线的人员，登陆时判断在线人数~!如果在线人数不为0则application("pass")="nopass",在线人数为0的话就对application进行一次清除
if application("pass")="nopass" then
response.write "系统中已有用户登陆"
response.end
end if
%>

随后的系统中就得对在线人数进行统计了,如果在线人数为0则用
application.contents.remove(“pass”) 来清除 application(“pass”) 的值.

0个评论标签: asp , online

innerHTML & innerText 的区别

2006年07月31日

object.innerHTML： object所包含的元素的HTML，不包含object
object.outerHTML： object及它所包含元素的HTML，包含object

<a href="#" onclick="alert(this.innerHTML)">this is innerHTML</a>
<a href="#" onclick="alert(this.outerHTML)">this is outerHTML</a>

来个应用的

<a href="#" onclick="this.innerHTML='<p onclick=alert(this.outerHTML)>this is outerHTML</p>' ">this is innerHTML</a>

上面都是采用的this本身，下面采用id对应object

<button onclick=alert(obj1.innerHTML)>obj1.innerHTML</button>
<button onclick=alert(obj2.outerHTML)>obj2.outerHTML</button>
<div id=obj1><font color=blue>cnbruce</font></div>
<div id=obj2><font color=red>cnrose</font></div>
<select NAME="cn_who">
<option value="male">cnbruce</option>
<option value="female">cnrose</option>
</select>
<input TYPE="button" VALUE="The Node" onClick="alert(cn_who.children[0].nodeName)">
<input TYPE="button" VALUE="The Name" onClick="alert(cn_who.children[0].innerText)">
<input TYPE="button" VALUE="The Sex" onClick="alert(cn_who.children[0].value)">
<input TYPE="button" VALUE="The Node" onClick="alert(cn_who.children[1].nodeName)">
<input TYPE="button" VALUE="The Name" onClick="alert(cn_who.children[1].innerText)">
<input TYPE="button" VALUE="The Sex" onClick="alert(cn_who.children[1].value)">
<a href="#" onclick="this.insertAdjacentText('afterEnd',' cnbruce ')">insertAdjacentText</a>

0个评论标签: html , javascript , js

鼠标旁边的提示信息,类似与163登录后的页面提示效果

2006年07月27日

<a href="#" title="这是提示">tip</a>
<script Language="JavaScript">
//***********默认设置定义.*********************
tPopWait=50;//停留tWait豪秒后显示提示。
tPopShow=5000;//显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=99;
//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
function showPopupText(){
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
if(o.dypop!=sPop) {
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="") {
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;
}
else {
if(o.dyclass!=null) popStyle=o.dyclass
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);
}
}
}
function showIt(){
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
dypopLayer.style.filter="Alpha(Opacity=0)";
fadeOut();
}
function fadeOut(){
if(dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
else {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
function fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
document.onmouseover=showPopupText;
</script>

0个评论标签: javascript

ICOjump – 交互设计是衔接用户与产品的工具

WEB打印，个人认为最好的

禁止站外提交表单

Asp防止多个用户同时登陆系统的问题

innerHTML & innerText 的区别

鼠标旁边的提示信息,类似与163登录后的页面提示效果

这里都有我

分类

标签云

最新文章