Tag: html
为什么开发人员会在每个相对path的开始处放置一个正斜杠？
我正在检查一些朋友的代码，并发现build立他的网站的开发人员开始每个相关的src ， href ，并include正斜杠/ 。 例如： src="/assets/js/jquery.js" 我从来没有见过这个。 所以我的问题是，为什么开发人员将一个正斜杠/在相对path的开始？
如何通过jQuery获取整个页面的HTML？
我用$(document).html() ，但是抛出一个错误…有办法得到一切吗？
当我点击表单中的button时，表单被提交。 如何避免这一点？
我使用twitter-boostrap，我想在表单中使用这些单选button 。 问题是，当我点击这些button中的任何一个，表单立即提交。 如何避免这一点？ 我只想使用默认button，如单选button。 从： <%= form_for @product do |f| %> <div class="control-group"> <%= f.label :type, :class => 'control-label' %> <div class="controls"> <div class="btn-group" data-toggle="buttons-radio"> <button class="btn">Button_1</button> <button class="btn">Button_2</button> </div> </div> </div> <div class="form-actions"> <%= f.submit nil, :class => 'btn btn-primary' %> <%= link_to 'Cancel', products_path, :class => 'btn' %> </div> <% end %> […]
HTML：是否有可能在XHTML有效的方式在每个表行中有一个FORM标记？
我可以最好的描述如下： 我想这（整个表在editmode和保存button在每一行）。 <table> <tr> <td>Id</td> <td>Name</td> <td>Description</td> <td> </td> </tr> <tr> <td><input type="hidden" name="id" value="1" /></td> <td><input type="text" name="name" value="Name" /></td> <td><input type="text" name="description" value="Description" /></td> <td><input type="submit" value="Save" /></td> </tr> <tr> <td><input type="hidden" name="id" value="2" /></td> <td><input type="text" name="name" value="Name2" /></td> <td><input type="text" name="description" value="Description2" /></td> <td><input type="submit" value="Save" /></td> </tr> <!– and more rows […]
如何删除使用JavaScript的HTML元素？
我是一个总新手。 有人可以告诉我如何删除使用原始的JavaScript而不是jQuery的HTML元素。 index.html <html> <head> <script type="text/javascript" src="myscripts.js" > </script> <style> #dummy { min-width: 200px; min-height: 200px; max-width: 200px; max-height: 200px; background-color: #fff000; } </style> </head> <body> <div id="dummy"></div> <form> <input type="submit" value="Remove DUMMY" onclick="removeDummy(); "/> </form> </body> myscripts.js function removeDummy() { var elem = document.getElementById('dummy'); elem.parentNode.removeChild(elem); } 当我点击提交button时会发生什么，它会在很短的时间内消失，然后立即出现。 我想完全删除元素，当我点击button。
如何使用html5 canvas / javascript / jquery将svg转换为png并保存在服务器上
那么，我需要一些关于转换.svg文件/图像到.png文件/图像的帮助… 我有一个.svg图像显示在我的网页上。 它保存在我的服务器上（作为.png文件）。 我需要将其转换为.png文件（点击button）并将.png文件保存在服务器上（我将使用.ajax请求来完成此操作）。 但问题是转换。 我读了很多关于html5 Canvas的东西，这可能有助于做我现在需要做的事情，但我找不到任何明确的解决scheme，而且，我不明白我发现的一切…所以我需要一些明确的build议/帮助，我必须这样做。 这里是“html的想法”模板： <html> <body> <svg id="mySvg" width="300px" height="300px"> <!– my svg data –> </svg> <label id="button">Click to convert</label> <canvas id="myCanvas"></canvas> </body> </html> 和一些js： <script> $("body").on("click","#button",function(){ var svgText = $("#myViewer").outerHTML; var myCanvas = document.getElementById("canvas"); var ctxt = myCanvas.getContext("2d"); }); </script> 然后，我需要将svg绘制到Canvas中，取回base64数据，并将其保存在我的服务器上的.png文件中…但是…怎么样？ 我读了很多不同的解决scheme，我其实…失去了…我正在一个jsfiddle，但我其实…无处… http://jsfiddle.net/xfh7nctk/6 / …感谢阅读/帮助
内联<style>标签与内联css属性
什么是设置CSS属性的首选方法？ 内联样式属性： <div style="width:20px;height:20px;background-color:#ffcc00;"></div> <style>…</style>标签中的样式属性： <style>.gold{width:20px;height:20px;background-color:#ffcc00;}</style><div class="gold"></div>
把html放入iframe（使用javascript）
我可以创build一个空的iframe作为占位符，以便以后插入html？ 换句话说，假设我有一个id为空的iframe， 我如何在其中插入HTML？ 我正在使用jQuery，如果这使得它更容易。
jquery事件不会在ajax调用后触发
这是jQuery的一个相当奇怪的问题。 我正在加载一个div <div id="container"> 在页面加载。 每条logging都是带有与之关联的“删除”ajax函数的表格数据。 当页面加载并点击“删除”链接时，ajax调用closures就好了。 但是，一旦事件被触发，数据就会从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, "Check_Number" […]
为什么保证金不会被父元素包含？
当具有边距的元素包含在另一个元素中时，父元素不会一致地包装该边距。 许多事情会导致父母包装孩子的利润率： 边界：固体; 位置：绝对的; 显示：内联块; 溢出：汽车 （这只是从小testing，毫无疑问还有更多。） 我认为这与收缩利润率有关，但是： W3C规范页面没有这种行为的描述。 这里没有重叠的边距。 所有浏览器的行为似乎在这个问题上是一致的。 行为受到与边距无关的触发器的影响 默认为溢出的元素的逻辑是什么：auto应该包含与溢出设置为auto的元素不同的材料。 为什么除了常规div的默认行为之外，其他所有的东西都假定margin是由父级包含的 – 为什么常规默认不包含margin呢？ 编辑：最后的答案是W3C确实指定了这种行为，但是 规格没有任何意义。 规格组合，没有任何解释的话 ： “免费利润率”（可能触及其父母的顶部或底部的利润率不包含在父母中）以及 “折叠边距”（相邻的边距允许重叠）。 演示： <!doctype html> <html> <head> <title>Margins overextending themselves</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <style type="text/css"> body{ margin:0; } div.b{ background-color:green; } div.ib{ display:inline-block; background-color:red; } div.pa{ background-color:yellow; position:absolute; bottom:0; right:0; } div.oa{ background-color:magenta; overflow:auto; […]
