Tag: html

在angularJS单页面应用程序中使用javascript打印div

我有一个单页的Web应用程序使用angularJS。 我需要打印某个页面的div。 我尝试了以下内容: 该页面包含几个div(print.html) <div> <div> Do not print </div> <div id="printable"> Print this div </div> <button ng-click="printDiv('printableArea');">Print Div</button> </div> 控制器有以下脚本: $scope.printDiv = function(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML = printContents; window.print(); document.body.innerHTML = originalContents; } 此代码打印所需的div,但有一个问题。 声明document.body.innerHTML = originalContents; 因为它是一个SPA,所以取代了整个应用程序的主体。 所以,当我刷新页面或再次点击打印button时,页面的全部内容被删除。

Bootstrap CSS主动导航

在Bootstrap网站上,subnav与部分相匹配,并随着你的改变背景颜色或滚动到部分。 我想创build我自己的菜单,没有所有的背景颜色和一切,但是,我改变了我的CSS是相似的,但当我向下滚动或单击菜单项上的活动类不会切换。 不知道我在做什么错。 HTML: <ul class="menu"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">About Us</a></li> <li><a href="#contact">Contact</a></li> </ul> CSS: .menu {list-style:none;} .menu > li {float: left;} .menu > li > a {color:#555;float: none;padding: 10px 16px 11px;display: block;} .menu > li > a:hover {color: #F95700;} .menu .active > a, .menu .active > a:hover {color:#F95700;} 我检查了这些文件; jQuery,bootstrap.js和bootstrap.css都链接正确。 我必须添加一些额外的jQuery或我缺less一些CSS来获得活跃切换像他们的网站上的subnav菜单?

HTML / CSSpopupdiv文本点击

我想使popup的div而不是popup窗口为我的“关于”图片/页面与当前button,如在这个例子中:

防止网页“过度滚动”

在Mac版Chrome中,如下面的屏幕截图所示,可以“翻转”页面(缺less更好的词),以查看“后面的内容”,类似于iPad或iPhone。 我注意到有些页面被禁用了,比如gmail和“新标签”页面。 我怎样才能禁用“overscrolling”? 还有其他方法可以控制“过度滚动”吗?

设置表格的列宽

我有一个用于收件箱的简单表格,如下所示: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> 如何设置宽度,使“起始date”为页面宽度的15%,“主题”为70%。 我也希望表格占用整个页面的宽度。

在网页上dynamic显示CSV文件作为HTML表格

我想要一个CSV文件生活服务器端,并显示为dynamic的HTML表格。 例如,这个: Name, Age, Sex "Cantor, Georg", 163, M 应该成为这样的: <html><body><table> <tr> <td>Name</td> <td>Age</td> <td>Sex</td> </tr> <tr> <td>Cantor, Georg</td> <td>163</td> <td>M</td> </td> </table></body></html> 欢迎任何语言的解决scheme。

jQuery – 跟随光标与DIV

我如何使用jQuery跟随光标与DIV?

禁用水平滚动

好的,由于某种原因,我的网页从左到右滚动,并显示了很多丑陋的空间。 我已经search了结果,但他们只是做了滚动条HIDDEN 这就是我想要的,我想要禁用水平滚动function。 我不希望用户能够在页面上左右滚动! 我已经尝试过: overflow-x:hidden在我的html标签上的CSS,但它只隐藏了滚动条,并没有禁用滚动。 请帮帮我! 以下是该页面的链接: http : //www.green-panda.com/usd309bands/ (Broken link) 这可能会让你更清楚我在说什么: 这是加载第一页的时候: 这是我滚动到右侧后:

你如何创build一个切换button?

我想用CSS创build一个切换button。 我需要它,所以当你点击它时,它会保持被推入,并且比再次单击它时popup它。 如果没有办法只是使用CSS。 有没有办法做到这一点使用jQuery?

调用MVC控制器和Action方法的HTMLbutton

我知道这是不对的,但为了说明我想这样做: <%= Html.Button("Action", "Controller") %> 我的目标是制作一个HTMLbutton,将调用我的MVC控制器的操作方法。