程序设计 html

9

我正在尝试使用HTML5可拖动API（尽管我意识到它有问题）。到目前为止，我遇到的唯一的难题是，我无法找到一种方法来确定当dragoverordragenter事件触发时正在拖动的内容： el.addEventListener('dragenter', function(e) { // what is the draggable element? }); 我意识到我可以假定这是触发dragstart事件的最后一个元素，但是...多点触控。我也尝试过使用e.dataTransfer.setDatafromdragstart来附加一个唯一的标识符，但是很显然，无法从dragover/访问数据dragenter：仅在放置事件期间发生放置时，此数据才可用。那么，有什么想法吗？更新：在撰写本文时，似乎没有在任何主要的移动浏览器中实现HTML5拖放，这实际上是关于多点触控的。但是，我希望有一个解决方案能够保证在该规范的任何实现中都可以使用，但这似乎并不妨碍同时拖动多个元素。我在下面发布了一个可行的解决方案，但这是一个丑陋的hack。我仍然希望有一个更好的答案。

74 javascript html draggable

1

表单中的_lpchecked =“ 1”是什么？

我开始进行一些Web开发，并且正在学习有关表单的知识，并涉足了该领域：_lpchecked = "1"。我在这个StackOverflow问题中找到了带有此字段的表单示例，大的文本输入使http发布失败，或者在jQuery Formwizard插件的此示例页面中

74 javascript html forms

3

在网站上添加“通过电子邮件共享”链接

我在Dreamweaver CS4中建立了一个HMTL / CSS网站，我想在该网站上添加一个“通过电子邮件共享”链接（以便单击该链接的任何人都可以轻松地将该网站的链接发送给他们选择的收件人）。我想要其中一个信封图标，但最好自定义尺寸，以便与我拥有的其他图标很好地配合。请问有人可以建议我最简单的方法-我是初学者。提前致谢。

74 html dreamweaver

16

检测是否正在播放HTML5视频元素

我已经浏览了几个问题，以确定是否正在播放HTML5元素，但找不到答案。我看过W3文档，它有一个名为“播放”的事件，但是我似乎无法使其正常工作。这是我当前的代码： var stream = document.getElementsByTagName('video'); function pauseStream() { if (stream.playing) { for (var i = 0; i < stream.length; i++) { stream[i].pause(); $("body > header").addClass("paused_note"); $(".paused_note").text("Stream Paused"); $('.paused_note').css("opacity", "1"); } } }

74 javascript html video html5-video dom-events

3

位置固定宽度100％

我有一个position:fixed宽度为250px，高度为100％的左列，我试图在顶部但左侧列的右侧放置一个固定的，流畅的水平条，例如以下示例：但这就是我要到达的地方：这是我所做的： JSFIDDLE .page-wrapper, html, body { width:100%; height:100%; margin:0; padding:0; } .left-column { position:fixed; top:0; left:0; z-index:1000; width:250px; height:100%; background:#090909; } .top-bar { position:fixed; top:0; left:250px; width:100%; height:54px; background:#090909; z-index:1000; } 如何使此固定的顶部栏跨过屏幕宽度的100％，而不会溢出。我希望这是一个简单的修复程序，因为我花了很长时间来构建一个相当复杂的响应模板，并且刚刚发现添加内容后，顶部栏右侧的内容在屏幕上消失了！我确实有一个想法，但可能不是最理想的，因此首先对其他建议感兴趣。左固定列的z-index值可能会比顶栏的z-index值高，从顶栏删除左页边距，而是在左栏的内容上放置左页边距，与左栏的宽度相同。听起来令人困惑，但可能。

74 html css

12

CSS内嵌边框

我需要创建一个单色插入边框。这是我正在使用的CSS： border: 10px inset rgba(51,153,0,0.65); 不幸的是，这会创建3D脊状边框（忽略正方形和深色说明框）

74 html css border

8

CSS表格的TD宽度-固定，不灵活

我有一张桌子，我想在td上设置30px的固定宽度。问题在于，当td中的文本太长时，td会被拉宽到30px以上。Overflow:hidden在td上也不起作用，我需要某种方式隐藏溢出的文本并保持td宽度为30px。 <table cellpadding="0" cellspacing="0"> <tr> <td>first</td><td>second</td><td>third</td><td>forth</td> </tr> <tr> <td>first</td><td>this is really long</td><td>third</td><td>forth</td> </tr> </table>

74 html css html-table

6

为什么JS代码“ var a = document.querySelector（'a [data-a = 1]'）;”？导致错误？

我在DOM中有一个元素： <a href="#" data-a="1">Link</a> 我想通过其HTML5自定义数据属性获取此元素data-a。所以我写了JS代码： var a = document.querySelector('a[data-a=1]'); 但是此代码不起作用，并且在浏览器的控制台中出现错误。（我测试了Chrome和Firefox。） JS代码var a = document.querySelector('a[data-a=a]');不会导致错误。因此，我认为问题在于HTML5的JS APIdocument.querySelector不支持在HTML5自定义数据属性中查找数字值。这是浏览器实现错误还是HTML5规范相关document.querySelector？然后，我在http://validator.w3.org/上测试了以下代码： <!DOCTYPE html> <meta charset="utf-8"> <title>An HTML Document</title> <a href="#" data-a="1">Link</a> 他们已通过验证。由于这些HTML5代码已经过验证。我们应该可以使用HTML5的JS APIdocument.querySelector通过其自定义数据属性来查找此锚元素。但是事实是我出错了。 HTML5对HTML5 JS API的规范是否document.querySelector表示该方法无法查找带有数字值的HTML5数据自定义属性？（需要HTML5规范源。）

74 javascript html css-selectors custom-data-attribute selectors-api

4

如何在javascript中获取HTML元素的样式值？

我正在寻找一种从样式标签中设置了样式的元素中检索样式的方法。 <style> #box {width: 100px;} </style> 在身体里 <div id="box"></div> 我正在寻找不使用库的直接javascript。我尝试了以下操作，但始终收到空白： alert (document.getElementById("box").style.width); alert (document.getElementById("box").style.getPropertyValue("width")); 我注意到，如果我已使用javascript设置了样式，但无法使用样式标签，则只能使用以上内容。

74 javascript html css stylesheet

8

自动换行断字在此示例中不起作用

我无法使用自动换行功能来处理此示例... <html> <head></head> <body> <table style="table-layout:fixed;"> <tr> <td style="word-wrap: break-word; width:100px;">ThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrap</td> </tr> </table> </body></html> 我记得曾经读过必须指定一个布局（我这样做了），但是除此之外，我不确定要使它生效必须做什么。我真的很想在Firefox中工作。谢谢。编辑：在Chrome 19和Firefox 12中失败，它可以在IE8中使用。我尝试了doctype严格和过渡性的方法，但都没有用。

74 html css

10

如何设置表格单元的最大高度？

我有一个宽度和高度固定的表格单元，并且如果文本太大，单元格的大小应保持不变，并且文本应通过overflow：hidden隐藏。 div { display: table-cell height: 100px; width: 100px; overflow: hidden; vertical-align: middle; } 但是，如果添加了太多文本，则表格单元格会扩展到100px以上。有什么技巧可以阻止它扩展吗？文本的长度应为几行，因此“ white-space：nowrap”解决方案不适用

74 html css

2

AngularJS：从字符串插入HTML

我已经为此寻找了很多，但我要么找不到答案，要么听不懂。一个具体的例子将赢得投票=）我有一个返回HTML字符串的函数。我无法更改功能。我希望将由字符串表示的html插入到DOM中。我很高兴使用控制器，指令，服务或其他任何可行的方法（并且是合理的良好做法）。免责声明：我不太了解$ compile。这是我尝试过的： // My magic HTML string function. function htmlString (str) { return "<h1>" + str + "</h1>"; } function Ctrl ($scope, $compile) { $scope.htmlString = htmlString; } Ctrl.$inject = ["$scope", "$compile"]; 那没用。我也尝试将其作为指令： // My magic HTML string function. function htmlString (str) { …

74 html string angularjs

9

为什么要在HTML中使用容器div？

我注意到一种常见的技术是将一个通用容器div放在body标签的根目录中： <html> <head> ... </head> <body> <div id="container"> ... </div> </body> </html> 有这样做的正当理由吗？为什么CSS不能仅引用body标签？

74 html css

6

内联表单嵌套在Bootstrap 3的水平表单中

我想在Bootstrap 3中建立一个表单，如下所示：我的站点（不是上面的链接）只是从Bootstrap 2.3.2更新，格式不再正确。我在getbootstrap.com上找不到有关此类型表单的任何文档。谁能告诉我该怎么做？只有“用户名”可以。谢谢。 PS有一个类似的问题，但它使用的是Bootstrap 2.3.2。

74 html css forms twitter-bootstrap twitter-bootstrap-3

8

如何使用PHP为JQuery .ajax（）返回正确的成功/错误消息？

我不断收到错误警报。MYSQL部分没有问题，查询被执行，我可以在数据库中看到电子邮件地址。客户端： <script type="text/javascript"> $(function() { $("form#subsribe_form").submit(function() { var email = $("#email").val(); $.ajax({ url: "subscribe.php", type: "POST", data: {email: email}, dataType: "json", success: function() { alert("Thank you for subscribing!"); }, error: function() { alert("There was an error. Try again please!"); } }); return false; }); }); </script> 服务器端： <?php $user="username"; …

74 php jquery html ajax

Questions tagged «html»