最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

在B/S開發(fā)中經(jīng)常用到的JavaScript技術(shù)

 更新時(shí)間：2008年05月28日 22:55:40   作者：  
javascript運(yùn)用中，經(jīng)常用到的代碼，建議每段代碼都要看下，注意本文有三頁，仔細(xì)看玩，逐個(gè)研究透徹，那么網(wǎng)頁中常見的問題，你也就熟悉掌握了

有時(shí)候還需要自由編輯表格---
給大家一個(gè)自由編輯表格的小例子,寫的有點(diǎn)亂,呵呵:）

//===============================start================================


<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>測(cè)試修改表格</TITLE>
<STYLE>
/*提示層的樣式*/
div
{
  BORDER-RIGHT: #80c144 1px solid;
  BORDER-TOP: #80c144 1px solid;
  VISIBILITY: hidden;
  BORDER-LEFT: #80c144 1px solid;
  CURSOR: default;
  LINE-HEIGHT: 20px;
  BORDER-BOTTOM: #80c144 1px solid;
  FONT-FAMILY: 宋體;
  font-size:12px;
  POSITION: absolute;
  BACKGROUND-COLOR: #f6f6f6;
  TOP:30px;
  LEFT:30px;
}
/*tr的樣式*/
tr
{
    font-family: "宋體";
    color: #000000;
    background-color: #C1DBF5;
    font-size: 12px
}
/*table腳注樣式*/
.TrFoot
{
    FONT-SIZE: 12px;
    font-family:"宋體", "Verdana", "Arial";
    BACKGROUND-COLOR: #6699CC;
    COLOR:#FFFFFF;
    height: 25;
}
/*trhead屬性*/
.TrHead
{
    FONT-SIZE: 13px;
    font-family:"宋體", "Verdana", "Arial";
    BACKGROUND-COLOR: #77AADD;
    COLOR:#FFFFFF;
    height: 25;
}
/*文本框樣式*/
INPUT
{
    BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    FONT-SIZE: 12px;
    FONT-FAMILY: "宋體","Verdana";
    color: #000000;
    BACKGROUND-COLOR: #E9EFF5;
}
/*button樣式*/
button
{
    BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7;
    BACKGROUND-COLOR: #D5E4F3;
    CURSOR: hand;
    FONT-SIZE:12px;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    COLOR: #000000;
}
</STYLE>
</HEAD>
<BODY>
<SCRIPT language = "JavaScript">
<!--全局變量
//標(biāo)志位,值為false代表未打開一個(gè)編輯框,值為true為已經(jīng)打開一個(gè)編輯框開始編輯
var editer_table_cell_tag = false;
//開啟編輯功能標(biāo)志,值為true時(shí)為允許編輯
var run_edit_flag = false;
//-->
</SCRIPT>

<SCRIPT language = "JavaScript">
<!--
/**
 * 編輯表格函數(shù)
 * 單擊某個(gè)單元格可以對(duì)里面的內(nèi)容進(jìn)行自由編輯
 * @para tableID 為要編輯的table的id
 * @para noEdiID 為不要編輯的td的ID,比如說table的標(biāo)題
 * 可以寫為<TD id="no_editer">自由編輯表格</TD>
 * 此時(shí)該td不可編輯
 */
function editerTableCell(tableId,noEdiId)
{
 var tdObject = event.srcElement;
 var tObject = ((tdObject.parentNode).parentNode).parentNode;
 if(tObject.id == tableId &&tdObject.id != noEdiId&&editer_table_cell_tag == false && run_edit_flag == true)
 {
  tdObject.innerHTML = "<input type=text id=edit_table_txt name=edit_table_txt value="+tdObject.innerText+" size='15' onKeyDown='enterToTab()'>  <input type=button value=' 確定 ' onclick='certainEdit()'>";
  edit_table_txt.focus();
  edit_table_txt.select();
  editer_table_cell_tag = true;
  //修改按鈕提示信息
  editTip.innerText = "請(qǐng)先點(diǎn)確定按鈕確認(rèn)修改!";  
 }
 else
 {
  return false;
 }
}

/**
 * 確定修改
 */
function certainEdit()
{
 var bObject = event.srcElement;
 var tdObject = bObject.parentNode; 
 var txtObject = tdObject.firstChild;
 tdObject.innerHTML = txtObject.value;
 //代表編輯框已經(jīng)關(guān)閉
 editer_table_cell_tag = false;
 //修改按鈕提示信息
 editTip.innerText = "請(qǐng)單擊某個(gè)單元格進(jìn)行編輯!";
}

function enterToTab()
{
    if(event.srcElement.type != 'button' && event.srcElement.type != 'textarea'
       && event.keyCode == 13)
    {
        event.keyCode = 9;
    }
}

/**
 * 控制是否編輯
 */
function editStart()
{
 if(event.srcElement.value == "開始編輯")
 {
  event.srcElement.value = "編輯完成";
  run_edit_flag = true;
 }
 else
 {
  //如果當(dāng)前沒有編輯框,則編輯成功,否則,無法提交
  //必須按確定按鈕后才能正常提交
  if(editer_table_cell_tag == false)
  {
   alert("編輯成功結(jié)束!");
   event.srcElement.value = "開始編輯";
   run_edit_flag = false;
  }
 }
}

/**
 * 根據(jù)不同的按鈕提供不同的提示信息
 */
function showTip()
{
 if(event.srcElement.value == "編輯完成")
 {
  editTip.style.top = event.y + 15;
  editTip.style.left = event.x + 12;
  editTip.style.visibility = "visible";  
 }
 else
 {
  editTip.style.visibility = "hidden";   
 } 
}
-->
</SCRIPT>
<TABLE id="editer_table" width="100%" align="center" 
    onclick="editerTableCell('editer_table','no_editer')">  
    <TR class="TrHead">
  <TD colspan="3" align="center" id="no_editer">自由編輯表格</TD>  
 </TR>
 <TR>
  <TD width="33%">單擊開始編輯按鈕,然后點(diǎn)擊各單元格編輯</TD>
  <TD width="33%">2</TD>
  <TD width="33%">3</TD>
 </TR>
 <TR>
  <TD width="33%">4</TD>
  <TD width="33%">5</TD>
  <TD width="33%">6</TD>
 </TR>
 <TR>
  <TD width="33%">one</TD>
  <TD width="33%">two</TD>
  <TD width="33%">three</TD>
 </TR>
 <TR>
  <TD width="33%">four</TD>
  <TD width="33%">five</TD>
  <TD width="33%">six</TD>
 </TR>  
    <TR class="TrFoot">
  <TD colspan="3" align="center" id="no_editer">
   <INPUT type="button" class="bt" value="開始編輯" onClick="editStart()" onMouseOver="showTip()" onMouseMove="showTip()" onMouseOut="editTip.style.visibility = 'hidden';">
  </TD>
 </TR> 
</TABLE>
</BODY>
<DIV id="editTip">請(qǐng)單擊某個(gè)單元格進(jìn)行編輯!</DIV> 
</HTML>

相關(guān)文章

  • 使用javascript插入樣式

    使用javascript插入樣式

    這篇文章主要介紹了使用javascript插入樣式的相關(guān)方法，用javascript插入<style>樣式以及<link>樣式，感興趣的小伙伴們可以參考一下
    2016-03-03
  • 如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式

    如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式

    要將PCM文件轉(zhuǎn)換為MP3文件,您可以使用Js實(shí)現(xiàn),這篇文章主要給大家介紹了關(guān)于如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式的相關(guān)資料,需要的朋友可以參考下
    2023-11-11
  • 前端常用6種數(shù)據(jù)加密方式的使用詳細(xì)講解

    前端常用6種數(shù)據(jù)加密方式的使用詳細(xì)講解

    在前端開發(fā)中,常用的數(shù)據(jù)加密技術(shù)包括Base64編碼、MD5哈希、SHA-256哈希、AES對(duì)稱加密、RSA非對(duì)稱加密和HMAC消息認(rèn)證碼,這些加密方式提供了不同層次的數(shù)據(jù)安全保護(hù),適用于不同的安全需求和場(chǎng)景,需要的朋友可以參考下
    2024-09-09
  • js實(shí)現(xiàn)簡單圖片切換

    js實(shí)現(xiàn)簡單圖片切換

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡單圖片切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • axios基本入門用法教程

    axios基本入門用法教程

    之前當(dāng)vue更新到2.0之后，作者就宣告不再對(duì)vue-resource更新，而是推薦的axios,前一段時(shí)間用了一下，現(xiàn)在說一下它的基本用法。文中介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。
    2017-03-03
  • D3.js實(shí)現(xiàn)拓?fù)鋱D的示例代碼

    D3.js實(shí)現(xiàn)拓?fù)鋱D的示例代碼

    本篇文章主要介紹了D3.js實(shí)現(xiàn)拓?fù)鋱D的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-06-06
  • javascript中的有名函數(shù)和無名函數(shù)

    javascript中的有名函數(shù)和無名函數(shù)

    javascript中的有名函數(shù)和無名函數(shù)...
    2007-10-10
  • js數(shù)組操作學(xué)習(xí)總結(jié)

    js數(shù)組操作學(xué)習(xí)總結(jié)

    js數(shù)組操作學(xué)習(xí)總結(jié)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
    2013-11-11
  • MUI 解決動(dòng)態(tài)列表頁圖片懶加載再次加載不成功的bug問題

    MUI 解決動(dòng)態(tài)列表頁圖片懶加載再次加載不成功的bug問題

    這篇文章主要介紹了MUI 解決動(dòng)態(tài)列表頁圖片懶加載再次加載不成功的bug問題,解決方法很簡單的，需要的朋友可以參考下
    2017-04-04
  • countUp.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)變化效果

    countUp.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)變化效果

    這篇文章主要為大家詳細(xì)介紹了countUp.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)變化效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2019-10-10

最新評(píng)論

冷水江市| 河南省| 伊川县| 琼中| 屏山县| 长泰县| 九龙坡区| 安图县| 大新县| 乌海市| 加查县| 玛曲县| 怀仁县| 龙胜| 山阳县| 安龙县| 枣阳市| 东丽区| 阿勒泰市| 铁岭县| 白城市| 共和县| 渭源县| 日喀则市| 诏安县| 时尚| 云龙县| 宝山区| 长顺县| 淮滨县| 高淳县| 阆中市| 南涧| 霍城县| 界首市| 华池县| 上杭县| 绵竹市| 石嘴山市| 赤城县| 德清县|