Tang Anping

Love Java

統計

隨筆 - 4
文章 - 0
評論 - 6
引用 - 0

常用鏈接

留言簿(1)

隨筆分類

隨筆檔案

搜索

閱讀排行榜

評論排行榜

JavaScript文本和文件節點操作

這幾天的調試，總結了一些JavaScript的經驗，如果大家有更好的方法，歡迎交流！
本人喜歡以代碼的方式交流，不很喜歡紙上談兵。
elementOper.jsp

<%@?page?language="java"?import="java.util.*"?pageEncoding="GB2312"%>

<%

String?path?=?request.getContextPath();

String?basePath?=?request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN">

<html>

??<head>

????<base?href="<%=basePath%>">

????

????<title>ElementOper</title>

????

????<meta?http-equiv="pragma"?content="no-cache">

????<meta?http-equiv="cache-control"?content="no-cache">

????<meta?http-equiv="expires"?content="0">????

????<meta?http-equiv="keywords"?content="keyword1,keyword2,keyword3">

????<meta?http-equiv="description"?content="This?is?my?page">

????<script?type="text/javascript">

????????//?禁止文件上傳文本框輸入文字，然后彈出消息提醒，用得到元素節點，然后清空的方法不行，可以用下面的函數得到需要的效果

????????function?toolTip()?{

????????????//?得到<span>跨字符節點

????????????var?fileSpan?=?document.getElementById("fileSpan");

????????????//?重新給<span>賦值

????????????fileSpan.innerHTML?=?'<input?name="fileUpload"?title="請點擊瀏覽

"??type="file"?value="aaaa"?onkeyup="toolTip()">';

????????????//?彈出提醒信息

????????????alert("請點擊后面的瀏覽，選擇需要上傳的文件！");

????????}

????????//?初始化文本

????????function?initialValue()?{

????????????var?txt?=?document.getElementById("username");

????????????//?設置字體顏色

????????????txt.style.color?=?"gray";

????????????//?給元素賦值

????????????txt.value?=?"--請在這里輸入姓名--";

????????}

????????//?清空文本

????????function?clearText()?{

????????????var?txt?=?document.getElementById("username");

????????????txt.value?=?"";

????????????txt.style.color?=?"black";

????????}

????</script>

??</head>

??

??<body?onload="initialValue()">

????<form?action=""?name="fileForm"?enctype="multipart/form-data">

????????<span?id="fileSpan"><input?name="fileUpload"?title="請點擊瀏覽

"??type="file"?value="aaaa"?onkeydown="toolTip()"></span>

????

????????<table?style="background-color:?#D4E1EE;border-bottom-color:?#cccccc"?cellpadding="1"??cellspacing="0"?border="0">

????????????<tr>

????????????????<td?style="border-color:?gray;">

????????????????????<input?type="text"?style="border:?0;border-color:?gray;"?name="username"?onfocus="clearText()">

????????????????</td>

????????????</tr>

????????</table>

????</form>

??</body>

</html>

posted on 2006-12-05 09:10 Tang Anping 閱讀(1011) 評論(0) 編輯收藏所屬分類: JavaScript

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: JavaScript提交、子窗口得到父窗口的值和添加和隱藏一行 JavaScript文本和文件節點操作

Tang Anping

導航

統計

常用鏈接

留言簿(1)

隨筆分類

隨筆檔案

搜索

最新評論

閱讀排行榜

評論排行榜

JavaScript文本和文件節點操作