zoukankan      html  css  js  c++  java
  • 点击修改table表格的内容,点击页面别的地方或按Enter键生成修改(javaquery语句)

    /*
    *说明:可编辑的表格
    */
    $(function() { //相当于在页面body标签中加入onload事件
    $(".caName").click(function() { //在页面中有caName的标签加上click函数
    var objTD = $(this);
    var oldStr = $.trim($(this).text()); //保存以前的文本
    var input = $("<input type='text' value='" + oldStr + "'/>"); //文本框的html代码
    $(this).html(input); //当前的内容变为文本框
    input.click(function() { //设置文本框点击事件失效
    return false;
    });
    //设置文本框格式
    input.css("border-width", 0); //设置文本边框
    input.height($(this).height()); //设置文本框高度
    input.css("font-size", "20px"); //设置文本框中文本大小
    input.width($(this).width()); //设置文本框宽度
    input.css("text-align", "center"); //设置文本框文本的格式
    input.trigger("focus").trigger("select"); //触发全选

    //当文本框失去焦点是变为文本
    input.blur(function() {
    var newText = $(this).val(); //修改后的新闻类别

    //获取该新闻类别名的id
    var caId = $.trim(objTD.prev().text());
    var iput_blur = $(this);

    //当以前的类别名和新类别名一样时,不进行数据的提交
    if (oldStr != newText) {
    //AJAX异步更新数据库新闻类别名
    var url = "../handler/ChangeCaName.ashx?caName=" + encodeURI(encodeURI(newText)) + "&caId=" + caId + "&t=" + new Date().getTime();
    $.get(url, function(data) {
    if (data == "false") {
    alert("类别修改失败,请检查该类别是否已存在");
    iput_blur.trigger("focus").trigger("select"); //文本全选
    } else {
    objTD.html(newText);
    }
    });
    } else {
    //当前后文本一致时,把文本框变成标签
    objTD.html(newText);
    }
    });

    //按下键盘的某键
    input.keydown(function(event) {
    var jianzhi = event.keyCode;
    switch (jianzhi) {
    case 13:
    var newText = $(this).val(); //修改后的新闻类别

    //获取该新闻类别名的id
    var caId = $.trim(objTD.prev().text());
    var iput_keydown = $(this);

    //当以前的类别名和新类别名一样时,不进行数据的提交
    if (oldStr != newText) {
    //AJAX异步更新数据库新闻类别名
    var url = "../handler/ChangeCaName.ashx?caName=" + encodeURI(encodeURI(newText)) + "&caId=" + caId + "&t=" + new Date().getTime();
    $.get(url, function(data) {
    if (data == "false") {
    alert("类别修改失败,请检查该类别是否已存在");
    iput_keydown.trigger("focus").trigger("select"); //文本全选
    } else {
    objTD.html(newText);
    }
    });
    } else {
    //当前后文本一致时,把文本框变成标签
    objTD.html(newText);
    }
    break;
    case 27:
    objTD.html(oldStr);
    break;
    }
    });
    });
    });
    //屏蔽Enter键
    $(document).keydown(function(event) {
    switch (event.keyCode) {
    case 13: return false;
    }
    });



  • 相关阅读:
    抽象类的子类能够new
    Codeforces Round #250 (Div. 2) A
    软件架构设计箴言理解
    UVA1422-Processor(二分法+优先队列)
    猜你喜欢-----推荐系统原理介绍
    Android------Intent.createChooser
    mongodb3.0 性能測试报告 二
    *Android 多线程下载 仿下载助手(改进版)
    Gson解析数组和list容器
    oracle dbms_repcat_admin能带来什么安全隐患
  • 原文地址:https://www.cnblogs.com/ma_x/p/2298285.html
Copyright © 2011-2022 走看看