小编Amr*_*mra的帖子

rowspan不适用于thead和tbody

我试图在thead和tbody ex的表中使用rowspan.

<table>
<thead>
    <tr>
       <td rowspan="2">test</td>
       <td>Initials</td>
    </tr>
</thead>
    <tbody>
    <tr>
       <td>&#160;</td>
    </tr>
    </tbody>
Run Code Online (Sandbox Code Playgroud)

但它不允许我这样做.

有办法吗?或者我是否必须删除thead和tbody才能使用rowspan?

提前致谢.

html coding-style

3
推荐指数
1
解决办法
7143
查看次数

添加新行时,将焦点设置到div内部的表格末尾

我有一个具有设定高度的div中的表,当表大于div时,滚动条显示为div.问题是如果div的滚动条位于顶部,底部的其他行隐藏,并且用户按下按钮添加新行,此行将添加到表格的底部,因此您可以看不到.

无论如何使用javascript,vbscript或css将焦点设置为已创建的行,以便在添加时可见?

这是将调用添加新行的函数的代码.

   strRow = strRow + "<div>
        <input ID='AddRowTableNew_" + cstr(newrow.id) + "' type='button' 
        value='Add New Row' 
        onclick='vbscript:AddNewRow 0," + cstr(newRow.id)+ "'/>
    </div>"
Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激.

PD:我需要这个是VBScript或JavaScript,请不要JQuery.

谢谢.

html javascript css vbscript

3
推荐指数
1
解决办法
3090
查看次数

根据内容指定textarea的行数.HTML,Java脚本

嗨我有一个功能,当用户键入时,增加textarea的行数,所以它工作正常.但是当表单将文本带入textarea时,用户没有输入,它不会增加行数,但它只显示开头定义的行数(rows ="1"),因为我需要它是最小的行数.

我不知道是什么的Javascript(无JQuery的)功能应用到文本区域,因此将扩大行号,当用户类型,当形式带来了一个多行文本到textarea的,所以它永远会使用最少的行数.

任何帮助,将不胜感激.

请完全改变我的功能.

例如.

<script type="text/javascript">
function changeTextAreaLength(e){
    var txtLength = e.value.length;
    var numRows = 0 ;
    var arrNewLines = e.value.split("\n");

    for(var i=0; i<=arrNewLines.length-1; i++){
        numRows++;
        if(arrNewLines[i].length > e.cols-5) {
            numRows += Math.floor(arrNewLines[i].length/e.cols)
        }   
    } 
        if(numRows < 1) {
            e.cols = (txtLength % e.cols) + 1 >= e.cols ? ((txtLength % e.cols) + 1) : e.cols ;
        }else{
            e.cols = e.cols ;    
            e.rows = numRows;
        }
}
</script>


<textarea id="textarea1" rows="1" onkeyup="javascript:changeTextAreaLength(this);" />
Run Code Online (Sandbox Code Playgroud)

html javascript textarea

2
推荐指数
1
解决办法
1521
查看次数

IE打印时删除网页的颜色

嗨,我有一个背景颜色的网站,在打印时很重要,但IE删除了页面上的所有颜色.我知道有一些设置可以在IE上禁用它,但我不能依赖用户进入IE设置来禁用IE中的此选项.

有没有办法从我的网页,或某种方式禁用此功能?

提前致谢.

html javascript css printing internet-explorer

2
推荐指数
1
解决办法
1242
查看次数

为什么jquery有onbeforeprint事件的问题?

我有以下功能.

$(function() {
    $(".sectionHeader:gt(0)").click(function() {
        $(this).next(".fieldset").slideToggle("fast");
    });
    $("img[alt='minimize']").click(function(e) {
        $(this).closest("table").next(".fieldset").slideUp("fast");
        e.stopPropagation();
        return false;
    });
    $("img[alt='maximize']").click(function(e) {
        $(this).closest("table").next(".fieldset").slideDown("fast");
        e.stopPropagation();
        return false;
    });
});

<script type="text/javascript">
     window.onbeforeprint = expandAll;

     function expandAll(){
       $(".fieldset:gt(0)").slideDown("fast");
      }
</script>
Run Code Online (Sandbox Code Playgroud)

对于这个HTML

    <table class="sectionHeader" ><tr ><td>Heading 1</td></tr></table>
     <div style="display:none;" class="fieldset">Content 1</div>

 <table class="sectionHeader" ><tr ><td>Heading 2</td></tr></table>
     <div style="display:none;" class="fieldset">Content 2</div>
Run Code Online (Sandbox Code Playgroud)

我在页面上有几个div class ="fieldset",但是当我打印预览或打印时,我可以看到所有div在打开打印预览或打印之前向下滑动,但在实际打印预览或打印输出时它们都崩溃了.

如果有人为此提供解决方案,我将不胜感激.

任何人都知道为什么这个或如何解决它?

谢谢.

PS:使用a也不起作用(我假设因为jquery使用切换)而不是我正在寻找的那种问题.

jquery

2
推荐指数
1
解决办法
3164
查看次数

使用jquery根据td的No设置td的宽度

我有几个网页,不同数量的表具有不同的列数.

我正在网上寻找一个jquery spinet,它获取表的列数,并根据列数定义每列的宽度.

防爆.

  if (noOfTdOnTable == 2) {
     tdWidth = "50%";
    }
    if (noOfTdOnTable == 3) {
      td1Width = "40%";
      td2Width = "40%";
      td3Width = "20%";
    }
    if (noOfTdOnTable == 4) {
      td1Width = "35%";
      td2Width = "25%";
      td3Width = "15%";
      td4Width = "15%";
    }
Run Code Online (Sandbox Code Playgroud)

更新

使用我给出的唯一答案我现在有这个,但只有在页面上有一个表时才有效,当有两列时我无法弄清楚如何应用.

        var num = $("table > td").length;


    if (num % 4 == 0) {
        $("table  > td:eq(0)").css("width", "50%");
        $("table > td:eq(1)").css("width", "30%");
        $("table > td:eq(2)").css("width", "10%");
        $("table > td:eq(3)").css("width", "10%");
    }
    if (num …
Run Code Online (Sandbox Code Playgroud)

jquery html-table width

2
推荐指数
1
解决办法
1万
查看次数

使用parent()和next()选择器的jQuery问题

我有以下代码:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Untitled Page</title>
    <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $(".Note").click(function(){
        $(this).parent().parent().next(".divNote").slideToggle();
        });
    });
    </script>

  </head>
  <body>
    <table>
        <tr>
            <td class="Note" style="cursor: pointer">
                <font size="3" color="#800080"><b><u>TD</u></b> </font>
            </td>
        </tr>
    </table>
    <br />
    <div style="display: none" class="divNote">
    </div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我可以弄清楚为什么它不起作用。

示例:这里

任何帮助。

jquery parent next

2
推荐指数
1
解决办法
2万
查看次数

Jquery DateJs,是否有完整日期的验证?

我只是发现日期js的力量,它很棒!!! 因为我是新手,我想知道是否对不同类型的完整日期有任何一般的验证.例如.

var d1 = Date.parse('2000-10-18, 10:06 AM');
alert(d1.toString('HH:mm'));
Run Code Online (Sandbox Code Playgroud)

如果日期是('200-10-18,10:06 AM'),当然它不喜欢它.

所以我的问题是,是否有任何快速方法来验证完整日期,而不是逐个验证.

谢谢.

validation jquery datejs

1
推荐指数
1
解决办法
3576
查看次数

jquery输入验证(数字字符和小数位)

我有几个javascript函数来验证文本框中的输入数据,因此它将限制用户在文本框中键入一系列数字(例如从0到500)和x小数(例如1或2或3). ...).

我有一些javascript函数的问题,因为它们是三个独立的函数,警报有点混乱.

我想知道是否有一个jquery函数可以使它整洁,有效和简单.

谢谢.

validation jquery

1
推荐指数
1
解决办法
5132
查看次数

这个Jquery函数有什么问题,帮忙

$(function() {
    $("table.section thead").click(function() {
      if ($(this).next("table.section tbody").style.display == "block"){
         $(this).next("table.section tbody").slideUp("slow");
      }
      if ($(this).next("table.section tbody").style.display == "none"){
         $(this).next("table.section tbody").slideDown("slow");
      }
    });
});
Run Code Online (Sandbox Code Playgroud)

我不知道如何实现这一点,任何帮助将非常感激.

更新:

我试图使用以下功能.

$(function() {
    $("table.section thead").click(function() {
    $(this).next("table.section tbody").slideToggle("slow");

    });
});
Run Code Online (Sandbox Code Playgroud)

它给了我一个问题,(当它崩溃并且你点击它时,它会扩展然后再次崩溃,所以它总是会崩溃).这就是为什么我试图让功能在顶部.

jquery function with-statement

0
推荐指数
1
解决办法
92
查看次数