BlogJava-追随Java-随笔分类-Html

onbeforeunload事件

Harryson — Tue, 21 Mar 2006 00:47:00 GMT

onbeforeunload---事件触发的时候弹出一个有确定和取消的对话框，确定则离开页面，取消则继续待在本页

Harryson 2006-03-21 08:47 发表评论

[转载]Focus效果的提交信息表单

Harryson — Tue, 07 Feb 2006 06:50:00 GMT

摘要: 阅读全文

Harryson 2006-02-07 14:50 发表评论

[转载]制作从屏幕右下方逐渐弹出的消息框

Harryson — Fri, 06 Jan 2006 08:06:00 GMT

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>完美仿MSN右下角弹出广告附带关闭按钮title>
head>
<Script language="JavaScript">

Script>

<DIV id=eMeng style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX:99999; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 116px; BACKGROUND-COLOR: #c9d3f3">
<TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#AFDCF3 border=0>
<TBODY>
  <TR bgColor=#6699cc>
   <TD style="font-size: 12px; background-image: url('msgTopBg.gif'); color: #0f2c8c" width=30 height=24>TD>
   <TD style="font-weight: normal; font-size: 12px; background-image: url('msgTopBg.gif'); color: #ffffff; padding-left: 4px; padding-top: 4px" vAlign=center width="100%"> 网站温馨提示：TD>
   <TD style="background-image: url('msgTopBg.gif'); padding-right: 2px; padding-top: 2px" vAlign=center align=right width=19><span title=关闭 style="CURSOR: hand;color:white;font-size:12px;font-weight:bold;margin-right:4px;" onclick=closeDiv() >×span>TD>
  TR>
  <TR>
   <TD style="background-image: url('http://pic.tianyaclub.com/images/windty_bg.jpg'); padding-right: 1px; padding-bottom: 1px" colSpan=3 height=90>
    <DIV style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%">先飞电脑技术网全新改版，免费精品网络资源，你用了吗？<BR>
    <DIV align=center style="word-break:break-all"><a href="http://www.xfbbs.com" target="_blank">
    <font color=#FF0000>进入网站浏览font>a>DIV>

    DIV>
   TD>
  TR>
TBODY>
TABLE>
DIV>

html>

Harryson 2006-01-06 16:06 发表评论

类似MS Word的编辑器

Harryson — Tue, 22 Nov 2005 01:03:00 GMT

This HTML text editor brings to the web many of the powerful functionalities of desktop editors like MS Word. It's lightweight and doesn't require any kind of installation on the client computer.
Because it is Open Source, you may use it however you want.
http://www.fckeditor.net/default.html

Harryson 2005-11-22 09:03 发表评论

页面（美工）设计

Harryson — Mon, 19 Sep 2005 08:01:00 GMT

　　俗说：爱美之心人皆有之。
　　美工在一个软件系统上也非常重要。因为用户要经常使用这个系统，要使他们容易接受系统，就得让他们被漂亮的界面吸引他们，让他们感受到是一种享受。其实，很简单。举个例子来说，一个穿着很时髦的靓女和一个普普通通的女人。一般情况下（多数情况）那时髦的靓女会吸引众多帅哥。
　　美工我不擅长，所以我也不希望自己能够设计出多么漂亮的页面出来，但至少应该做出来的东东也有点技术含量吧。总结一下页面设计的几个规则：
　　1）页面要有导航标记。大家应该很熟悉超市。在超市里有会有很多导航的标记，用来标识那些东东放在所标记的区域。这样便于找到自己想要买的东东，也知道自己处在那个位置上。
　　2）颜色搭配要好。页面的颜色不能太多，也不能用很刺眼的颜色。这样会使用户看的是眼花缭乱，他们会发出”受不了“。
　　3）页面的布局要合理，尽量的按照用户的习惯。把一些相关东东放一块。不要象自己的小窝一样乱七八糟的。
　　4）页面间的跳转页面不要闪动得厉害。这样也会让用户头晕的。
5) 尽可能详细的提示信息。这样用户会知道他们的操作状况。
　　6）数字一般靠右，文字一般靠左。
　　7）操作要方便，简单。
　　8）设计按照人们的习惯。
举个例子来说一下第8）点。比如有一个财务的进账记录，所有的记录后会有一个合计，这个应该是大家常见的吧。假如，现在把那个合计放到第一条，那会怎样呢？至少我人觉得很别扭。当然也不知大家是怎样看的，这是我个人的意见。请大家多指点，可以向我提更多的意见。我也想使我的系统更人性化，让用户满意。

　　
　　
　　

Harryson 2005-09-19 16:01 发表评论

form 和嵌入在该form的 ifram相互得到各自form对象

Harryson — Tue, 06 Sep 2005 02:09:00 GMT

form 和嵌入在该form的 ifram相互得到各自form对象:

define

*.jsp中也有一个表单iForm

<ifram name="iFramForm">
   <from name="iForm">
      <input name="password">
   form>
iframform>

parent.document.mainForm.userName.value这样就可以在ifram中得到mainForm中的参数了，iFramForm.iForm.password.value这样在mainForm中可以得到ifram中的值了，

Harryson 2005-09-06 10:09 发表评论

键盘控制页面

Harryson — Tue, 06 Sep 2005 01:45:00 GMT

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>用快捷键使光标快速停留在某个输入框内TITLE>
HEAD>
<BODY >

下面为脚本显示区(用Alt+框前首字母选择)

<FORM>

<LABEL FOR="Namebox" ACCESSKEY="N"><U>NU>ame:LABEL>
<INPUT TYPE="TEXT" ID="Namebox" SIZE=30> <br>

<label for="Password" accesskey="P"><u>Pu>assword:label>
<input type="text" id="Password">
form>
BODY>HTML>

这样可以通过label的属性鍵（alt+p）使得paaword文本框(它的id属性必须和label的for属性名相同)获得焦点。

Harryson 2005-09-06 09:45 发表评论

点选行的背景颜色改变，但上次点的背景颜色保持最初的颜色

Harryson — Tue, 30 Aug 2005 08:28:00 GMT

有时要做到在一个Table中点选某一行改变背景颜色，但上次点的背景颜色保持最初的颜色。这样能够让用户知道刚才点选了那一行，还有就是能能行的数据用javascript还原到Form中实现修改数据。
代码如下：
　　

1 <form name="theForm">
2   <input type="text" name="userName">
3 form>
4 <table>
5    <tr bgcolor="#CCCCCC"       onclick="changeBackColor(this,'harryson')">
6      <td>用户名--Harrysontd>
7    tr>
8 table>
9
10 <script language="javascript">
11       var sltObj=null;//原来的行对象
12     var befColor = "";//原来行对象的背景颜色
13          //方法用来改变当前行的背景颜色，还原原来行的背景颜色,把设置的值写到表单中
14       function changeBackColor(ARG,userName){
15         if (sltObj == ARG) {
16             return true;
17         } else {
18             if(sltObj!=null) {
19                 sltObj.bgColor= befColor;
20             }
21             befColor = ARG.bgColor;
22             //alert(befColor);
23             ARG.bgColor="#66CC99";
24         }
25
26           sltObj = ARG;
27               parent.document.theform.userName.value = userName;//表示table是在iframe中
28 document.theform.userName.value = userName;//表示table是相同的from中
29 }
30 script>

个人还是比较人性化的，：）

Harryson 2005-08-30 16:28 发表评论

弹出窗口自动关闭，刷新父窗口

Harryson — Tue, 30 Aug 2005 01:15:00 GMT

在一个页面中调用window.open()打开一个新的窗口，然后你可以在新窗口中调用

window.close();//关闭弹出窗口
window.opener.back();//调用父窗口中javascript back()方法
//父窗口中的back()方法定义如下：
window.location.reload();

来刷新父页面。

备注：有时你可以对

来处理它的一些操作。

Harryson 2005-08-30 09:15 发表评论