小编Ste*_*ler的帖子

Javascript,从"<body>"中删除类的最快方法

我有一个body元素,我在其上添加了几个类.我希望no-javascript在浏览器读取之后从中删除该类.

   <body class="foo boo no-javascript bla">
   <script type="javascript">
      // remove no-javascript class here
   </script>
Run Code Online (Sandbox Code Playgroud)

html javascript css

19
推荐指数
4
解决办法
3万
查看次数

如何防止vh-units忽略滚动条?

我正在使用水平滚动条进行页面布局.我有一些水平顺序固定宽度的面板,它们都应该具有视口高度.我决定测试一下这个vh单元.

.panel { height: 100vh; }
Run Code Online (Sandbox Code Playgroud)

这工作正常,直到我得到一个滚动条.问题是,vh忽略滚动条使用的高度,因此添加了一个垂直滚动条.

我想从测量结果中减去滚动条的高度vh; 有没有办法做到这一点?

css units-of-measurement viewport-units

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

使用ZURB Foundation CSS Framework创建页脚

我正在使用ZURB基础CSS框架来设计一个网站.目前我正在尝试创建一个将保留在页面底部的页脚.我有以下代码的页脚,但它不会到底,而是它出现在中间.

您能否告诉我如何创建一个将保留在底部的页脚(使用ZURB基础框架)?

<div class="row">
    <div class="twelve columns" style="background-color:#000000; height:30px; bottom:0;"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

zurb-foundation

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

最简单的JQuery验证规则示例

以下HTML表单成功使用了jQuery的表单验证,如果留空,则在表单字段右侧显示"此字段是必需的",如果输入的字符少于2个,则"请输入至少2个字符".但是,我不想使用"cname"表单输入字段中的class和minlength属性指定验证元数据,而是使用jQuery的"规则"API,其中规则在validate函数的主体中指定.提前致谢:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="/lib/js/jquery.js"></script>
  <script src="/lib/js/jquery.validate.js"></script>
  <script>
  $(document).ready(function(){$("#commentForm").validate(
    /*
     rules/messages here
    */
    );}
    );
  </script>
</head>
<body>

 <form id="commentForm" method="get" action="">
 <fieldset>
   <legend>A simple comment form with submit validation and default messages</legend>
   <p>
     <label for="cname">Name</label>
     <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" />
   </p>
   <p>
     <input class="submit" type="submit" value="Submit"/>
   </p>
 </fieldset>
 </form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript validation jquery declarative

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

在AngularJS中如何使用datalist

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>

<div ng-app="" ng-controller="cntryController">
    <input list="testList" type="" ng-model="SelectedDoctor" ng-change="LoadSessionData(SelectedDoctor)" />
    <datalist id="testList">
        <option value="Dr.Test1" ng-selected="selected"></option>
        <option value="Dr.Test2"></option>
        <option value="Dr.Test2"></option>
    </datalist>
</div>
Run Code Online (Sandbox Code Playgroud)

调节器

function cntryController($scope) {
    $scope.LoadSessionData = function(val) {
        console.log(val);
    };
}
Run Code Online (Sandbox Code Playgroud)

检查此链接http://jsbin.com/jifibugeke/1/edit?html,js,console,output

上面提到datalist示例代码和使用angularjs的URL,这里我的问题是我输入的文本框,在控制器添加中添加每个单词,在我的datalist中所选择的细节只显示在控制器中,

html angularjs html-datalist

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

jquery使用多个规则进行验证

如何在div容器中验证具有三个规则和三个自定义消息的电子邮件地址字段.即.

rules: {
    email: {
        validationRule: true,
        email: true,
        remote: '/ajax/emailDuplicationCheck.php'
       }
     }
Run Code Online (Sandbox Code Playgroud)

如果第一条错误信息应为"验证规则失败"

如果第二个错误(失败)"输入电子邮件地址"

如果第三(远程)失败.消息应为"帐户已存在于数据库中".

我可以为所有规则添加一条消息,但我想根据规则自定义消息.

validation jquery jquery-validate

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

在CSS中使用ems代替%有什么好处?

我理解使用ems支持静态测量(如像素点)的优势,但为什么那里的大多数CSS人员(例如,除外)更喜欢使用ems而不是%值?

css em units-of-measurement

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

什么时候需要在swing组件上调用revalidate()以使其刷新,何时不需要?

在处理swing组件时,以及在运行时更改组件时,一个(通常)需要在组件上调用revalidate()方法以便刷新它们.

确定是否需要重新验证组件的规则是什么?当某个组件上的某些特性发生变化时,swing会自动调用revalidate()吗?

java validation swing invalidation

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

如何将vh中给出的元素的高度转换为像素?

我有一个元素的最大高度为65vh.我需要将它转换为我的JavaScript中的像素,以查看图像是否适合那里或者我是否需要缩小/裁剪它.(我正在做win8 App开发).

这会有用吗?

100 vh = screen.height因此像素为65vhscreen.height *0.65

javascript css height css3 viewport-units

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

通过css设置打印机纸张尺寸

我的打印机默认尺寸为A4,我需要使用旧的点阵打印机打印尺寸为8.5inx5.5in的工资单.我试图将每个工资单设置DIV在固定的高度,

width: 175.6mm;
height:123.7mm;
margin-left:auto;
margin-right:auto;
Run Code Online (Sandbox Code Playgroud)

虽然它完全符合工资单的大小,但是在打印之后,纸张将一直滚动直到它结束,因为与A4不同,工资单纸都加入了.我不希望对打印机纸张尺寸进行任何更改,因此我设置:

@media print 
{
   @page
   {
    size: 8.5in 5.5in;
    size: portrait;
  }
}
Run Code Online (Sandbox Code Playgroud)

但谷歌浏览器的打印预览仍显示:

在此输入图像描述

实际上是否可以这样做?或者有没有办法强制打印机停止打印后打印工资单以防止它继续滚动纸张?(我认为应该不可能)

PS我只使用谷歌浏览器.

**更新:

我注意到在选择"另存为PDF"后纸张尺寸会发生变化,如果我选择退回我的默认打印机,纸张尺寸会再次不正确.

html css google-chrome printing-web-page media-queries

13
推荐指数
3
解决办法
5万
查看次数