程序设计 html

9

我一直试图找出这个问题，我有html / css粘页眉+滚动条。我们正在创建一个程序，当容器大小达到某个点时（取决于用户的分辨率），该程序需要滚动条才能显示。我在表的第二列上强制使用最小宽度，因此表在特定点处停止减小，并强制容器保持在特定宽度。容器上的溢出显示水平滚动条。一切正常。一旦我添加了第二个滚动条进行垂直滚动，事情就变得一团糟。有人对此问题有解决方案吗？我想在.table-body上有一个垂直滚动条，但是滚动条必须在externalcontainer上可见。固定头表是否有很好的html / css解决方案？我已经搜索了一个星期，但是只能找到这种行为的jQuery插件。这是我当前的HTML： <!DOCTYPE html> <html> <head> <title>fixed header prototyping</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="outer-container">  <div class="inner-container"> <div class="table-header"> <table id="headertable" width="100%" cellpadding="0" cellspacing="0"> <thead> <tr> <th class="header-cell col1">One</th> <th class="header-cell col2">Two</th> <th class="header-cell col3">Three</th> <th class="header-cell col4">Four</th> …

68 html css header html-table fixed

2

ajax调用后不会触发jQuery事件

jQuery是一个相当奇怪的问题。我正在加载div <div id="container"> 页面加载。每条记录都是表格数据，并带有与之关联的“删除” ajax函数。当页面加载并单击“删除”链接时，ajax调用会触发。但是，一旦触发事件，就会从ajax调用返回数据，并且div中会填充数据（但页面不会刷新或重新加载）。当我再次单击链接时，ajax脚本将不会触发。这是我的代码： $(document).ready(function() { $("button.done").button({ }).click(function() { var BatchID = $("input#BatchID").val(); var Amount = $("input#Amount").val(); var Name = $("input#CheckName").val(); var Check_Number = $("input#Check_Number").val(); var Company = $("select#Company").val(); var Department = $("select#Department").val(); $.ajax({ type: 'GET', url: '/app/usagCheckEntryWS.html', data: { "BatchID" : BatchID, "Amount" : Amount, "Name" : Name, …

68 javascript jquery html dom-events

5

在IE11中打开由createObjectURL创建的链接

为什么不能在以下演示中打开链接：http : //html5-demos.appspot.com/static/a.download.html 您甚至无法右键单击并在新的选项卡/窗口中打开它。我需要自定义浏览器中的任何设置吗？

68 javascript html internet-explorer blob

3

CSS div交替色

我正在尝试在网站上对div进行斑马纹处理，听起来很简单，但是我发现，当我在div的行之间添加标题时，似乎以奇/偶样式来计算标题的HTML <div class="container"> <h3>Title</h3> <div class="row">Content</div> <div class="row">Content</div> <h3>Title</h3> <div class="row">Content</div> <div class="row">Content</div> <div class="row">Content</div> <h3>Title</h3> <div class="row">Content</div> <div class="row">Content</div> <div class="row">Content</div> <div class="row">Content</div> </div> 的CSS .container { width:600px; margin:0 auto; } .row { line-height:24pt; border: solid 1px black; } .row:nth-child(odd) { background: #e0e0e0; } h3 { line-height:36pt; font-weight:bold; …

68 css html zebra-striping

14

<blink>的替代

该<blink>标记从来都不是官方标准，现在已被所有浏览器完全放弃。有没有使文本闪烁的符合标准的方法？

68 html

10

如何使div全屏显示？

我正在使用Flot对我的一些数据进行图形化处理，并且我认为使该图形在单击按钮时全屏显示（在监视器上占据完整空间）会很棒。目前，我div的如下： <div id="placeholder" style="width:800px;height:600px"></div> 当然，style属性仅用于测试。CSS在实际设计期间，我将其移至之后。无论如何，我可以使该div全屏显示，并且仍然保留所有事件处理吗？

68 javascript jquery html css flot

9

调用e.preventDefault（）后提交表单

我在这里进行一些简单的表单验证，并且陷入了一个非常基本的问题。我有5个字段对用于名称和主菜（用于晚餐注册）。用户可以输入1-5对，但是如果存在名称，则必须选择一个主菜。码： http://jsfiddle.net/eecTN/1/ <form> Name: <input name="atendeename[]"> Entree: <input name="entree[]"><br> Name: <input name="atendeename[]"> Entree: <input name="entree[]"><br> Name: <input name="atendeename[]"> Entree: <input name="entree[]"><br> Name: <input name="atendeename[]"> Entree: <input name="entree[]"><br> Name: <input name="atendeename[]"> Entree: <input name="entree[]"><br> <input type="submit" value="Submit"> </form> // Prevent form submit if any entrees are missing $('form').submit(function(e){ e.preventDefault(); // Cycle …

68 javascript jquery html forms

29

您可以提供解析HTML的示例吗？

您如何使用各种语言和库来解析HTML？回答时：个别评论将链接到有关如何使用正则表达式解析HTML的问题的答案，以显示正确的处理方式。为了保持一致性，我要求示例为hrefin锚标记解析HTML文件。为了便于搜索此问题，请您遵循以下格式语言：[语言名称] 图书馆：[图书馆名称] [example code] 请使库成为库文档的链接。如果您要提供除提取链接以外的示例，还请包括：目的：[解析做什么]

68 html language-agnostic html-parsing

5

如何打开一个新窗口并使用jQuery将HTML插入其中？

我正在尝试从javascript打开一个新窗口，但是没有插入html： var callScriptText = $('#callScriptText').html(); var url = '/Action/CallScript/?callScript='; // Open the current call script in a new window var openWindow = window.open(url, 'callScriptPopup', 'width = 500, height = 500'); $(openWindow).html(callScriptText); 有人知道为什么吗？

68 javascript jquery html

3

在IE上查看本地存储内容

如何在IE中查看HTML5本地存储的内容？Chrome和FireFox提供了一种通过其开发人员工具查看本地存储内容的方法，但我无法使用IE9开发人员工具找到该信息。

68 html internet-explorer local-storage

3

使用FancyBox加载内联内容

好吧，我只是写这篇文章，希望对可能遇到同一问题的其他人有所帮助。供应商网站上的示例有些模糊，我假设了以下情形。您具有href某些内容的n链接#id。 <a href="#content-div" class="fancybox">Open Example</a> 并且您有一个div来保存该内容。 <div id="content-div" style="display: none">Some content here</div> 然后，您只需通过1线运行Fancybox。 $(".fancybox").fancybox(); 自然，您会认为Fancybox将复制内容并将其更改display: none为display: block，一切都会好起来的。但这不会发生。它仍然会加载内容，但是内容是隐藏的，并且您有一个空白的Fancybox。*cry*

68 jquery html css fancybox

21

如何在没有水平滚动条的情况下使bootstrap 3流畅布局

这是示例链接：http : //bootply.com/76369 这是我使用的html。 <div class="row"> <div class="col-md-6">.col-md-6</div> <div class="col-md-6">.col-md-6</div> </div> 引导程序3没有容器流体和行流体。我不能用.container类包装它，因为它将变成固定的布局。如何使其流畅（全页面宽度）布局？（不带水平滚动条）这些标记。当您在结果中查看时，x滚动条可见，因此您可以向左和向右滚动，而不应该滚动。编辑日期：2015-12-09 自3.1.0版以来，已有答案且Bootstrap已发布此修复程序

68 html twitter-bootstrap twitter-bootstrap-3

3

文件>新建MVC 3项目上的新“使用HTML5语义标记”选项

几天前，我安装了Visual Studio 2010的ASP.NET MVC 3工具更新。刚才我去创建一个新的ASP.NET MVC 3应用程序，并且看到New ASP.NET MVC 3 Project对话框上有一个新选项：使用HTML5语义标记与不选择它相比，在新创建的应用程序中选择此复选框有什么改变，除了字面上显而易见的是什么？您什么时候肯定不想使用它，仅是为了保持与旧浏览器的兼容性？

68 html visual-studio-2010 asp.net-mvc-3 visual-studio tooling

9

在Google Chrome / Chromium和Safari中拖放文件上传？

拖放文件上传可以在Firefox 3.6中完成。 Google搜索html5拖放文件上传-gmail可以得到以下结果：在Firefox 3.6中上载本机拖放文件 http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload http://www.thecssninja.com/javascript/drag-and-drop-upload 所有这些指南都使用FileReader（或不推荐使用Firefox 3.6 getAsBinary，也没有其他浏览器支持）。但是，Google最近发布了Gmail更新，该更新允许在Chromium和Firefox中上传和拖放文件，而Chromium没有FileReader。我每晚都在使用最新的Chromium，它可以拖放上传文件，但不支持FileReader。我见过有人提到，可以通过拖放到上进行拖放上载<input type="file" />，但一次只能支持一个文件，而Gmail的上载器可以处理被拖放到其上的多个文件，因此显然不是它们在做。所以问题是，他们怎么做到的？您如何支持Chromium上载HTML5文件？另外，您可以支持Safari吗？

68 javascript ajax html

5

3列布局HTML / CSS

我有以下HTML布局： <div class="container"> <div class="column-center">Column center</div> <div class="column-left">Column left</div> <div class="column-right">Column right</div> </div> 是否有机会仅在不使用CSS更改HTML的情况下在下面的示例网格上排列列？ ---------------------------------------------------- | | | | | Column left | Column center | Column right | | | | | ----------------------------------------------------

68 html css

Questions tagged «html»