Questions tagged «html»

我有 @str = "<b>Hi</b>" 在我的erb视图中： <%= @str %> 页面上将显示：<b>Hi</b>当我真正想要的是Hi时。将字符串“解释”为HTML标记的红宝石方法是什么？ 编辑：的情况下 @str = "<span class=\"classname\">hello</span>" 如果我认为 <%raw @str %> HTML源代码是<span class=\"classname\">hello</span>我真正想要的位置<span class="classname">hello</span>（没有转义双引号的反斜杠）。“取消转义”双引号的最佳方法是什么？

154 html  ruby-on-rails  ruby  string 

我有使用进行单个文件上传的经验<input type="file">。但是，我一次不能上传多个文件。 例如，我希望能够一次选择一系列图像，然后将它们上传到服务器。 如果可能的话，最好使用单个文件输入控件。 有谁知道如何做到这一点？谢谢！

154 php  html  http  post  upload 

我需要两个div看起来像这样： | | ---| LOGO |------------------------ | |_______________| LINKS | | CONTENT | 使它们整齐重叠的最巧妙/最优雅的方法是什么？徽标将具有固定的高度和宽度，并将接触页面的顶部边缘。

154 css  html  overlap 

有没有一种样式（或脚本） <input type=file />元素以使其仅显示“浏览”按钮而没有文本字段？ 谢谢 编辑：只是为了澄清为什么我需要这个。我正在使用来自http://www.morningz.com/?p=5的多文件上传代码，它不需要输入文本字段，因为它永远没有价值。脚本只是将新选择的文件添加到页面上的集合中。如果可能的话，没有文本字段看起来会更好。

154 javascript  html  css 

您如何用网页上的软连字符解决问题？在文本中，可能有很长的单词，您可能想用连字符换行。但是您不希望连字符显示整个单词是否在同一行上。 根据本页 <wbr>上的评论，这是一种非标准的“ Netscape发明的标签汤”。似乎­ 在标准合规性方面也存在问题。似乎没有办法为所有浏览器获得有效的解决方案。 您使用哪种方式处理软连字符，为什么选择它？有没有首选的解决方案或最佳做法？ 在此处 查看相关的SO讨论。

154 html  text  soft-hyphen  wbr 

因此，基本上，我需要上传单个图像，将其保存到localStorage，然后在下一页上显示。 目前，我已经上传了HTML文件： <input type='file' id="uploadBannerImage" onchange="readURL(this);" /> 使用此功能在页面上显示图像 function readURL(input) { document.getElementById("bannerImg").style.display = "block"; if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById('bannerImg').src = e.target.result; } reader.readAsDataURL(input.files[0]); } } 该图像立即显示在页面上，供用户查看。然后要求他们填写表格的其余部分。这部分工作正常。 表格填写完毕后，他们将按“保存”按钮。按下此按钮后，我将所有表单输入另存为localStorage字符串。我需要一种将图像另存为localStorage项目的方法。 保存按钮还会将它们定向到新页面。这个新页面将在表格中显示用户数据，图像在顶部。 如此简单明了，localStorage一旦按下“保存”按钮，我需要保存图像，然后将图像借出到下一页localStorage。 我在moz：// a HACKS上找到了一些解决方法，例如这种小提琴和本文。 尽管我仍然对如何工作感到非常困惑，但我只需要一个简单的解决方案。基本上，我只需要通过getElementByID按“保存”按钮找到图像，然后处理并保存图像。

154 javascript  jquery  html  local-storage 

当列表中的长行环绕时，我似乎无法从无序列表中删除缩进。这是我的清单： Windows用户可以使用腻子 Mac用户可以使用Terminal.app Linux用户可以使用SSH userid@ourserver.com端口22 ...........>或使用像Cyber​​duck这样的SFTP程序，只需将其指向.......................................... ..............> ourserver.com，端口22 （点表示缩进） 我已经阅读了很多解决方案，并尝试使用文本缩进，列表样式将边距和填充设置为零，但是没有任何效果。我认为问题在于列表上方有一个标题，需要将其居中，因此我将边距设置为自动，然后将下面的列表弄乱了。但是，即使我在父div内放了两个div也行不通。 这是HTML / CSS（我包含了所有内容，以防万一某些设置导致所有其他解决方案失败） <div id="info"> <p><strong>Did you know you can SSH directly to ourserver.com?</strong> </p> <ul> <li>Windows users can use putty</li> <li>Mac users can use the <a href="http://www.terminfo.org">Terminal.app</a></li> <li>Linux users can use SSH userid@ourserver.com port 22</li> <li>Or use an SFTP …

154 html  css  html-lists 

我有一个简单的文件上传表格。选择文件后，如何使其自动提交？我不希望用户必须单击“提交”按钮。

154 javascript  html 

我有一个容器<div>用display: flex。它有一个孩子<a>。 我怎样才能使孩子显得“内联”？ 具体来说，如何使孩子的宽度由其内容决定，而不扩展到父母的宽度？ 我试过的 我将孩子设置为display: inline-flex，但仍然占用了整个宽度。我也尝试了所有其他显示属性，但没有任何效果。 例： .container { background: red; height: 200px; flex-direction: column; padding: 10px; display: flex; } a { display: inline-flex; padding: 10px 40px; background: pink; } <div class="container"> <a href="#">Test</a> </div> 运行代码段隐藏结果展开摘要 http://codepen.io/donpinkus/pen/YGRxRY

154 html  css  flexbox 

在HTML5中，search输入类型显示在右侧，带有一个小的X，它将清除文本框（至少在Chrome中，也许在其他语言中）。除了说根本不检测框何时被单击或进行某种位置单击检测（x位置/ y位置）以外，是否有其他方法可以检测到在Java或jQuery中单击此X的方法？

154 javascript  jquery  html  events  dom-events 

简单的待办事项清单，但每个项目的清单页面上都有一个删除按钮： 相关模板HTML： <tr ng-repeat="person in persons"> <td>{{person.name}} - # {{person.id}}</td> <td>{{person.description}}</td> <td nowrap=nowrap> <a href="#!/edit"><i class="icon-edit"></i></a> <button ng-click="delete(person)"><i class="icon-minus-sign"></i></button> </td> </tr> 相关控制器方法： $scope.delete = function (person) { API.DeletePerson({ id: person.id }, function (success) { // I need some code here to pull the person from my scope. }); }; 我试着$scope.persons.pull(person)和$scope.persons.remove(person)。 …

153 javascript  html  angularjs 

为什么有元素<textarea>代替<input type="textarea">？

153 html  input  types  textarea 

如何使用XML包抓取html表？ 以巴西足球队的维基百科页面为例。我想在R中阅读它，并获得“巴西与FIFA认可的球队进行的所有比赛的清单”表作为data.frame。我怎样才能做到这一点？

153 html  r  xml  parsing  web-scraping 

地图 我使用Perlin噪声高度图使用Javascript创建基于图块的RPG，然后根据噪声的高度分配图块类型。 地图最终看起来像这样（在小地图视图中）。 我有一个相当简单的算法，它从图像上的每个像素中提取颜色值，并将其转换为整数（0-5），具体取决于其在（0-255）之间的位置，该位置对应于tile字典中的tile。然后将此200x200数组传递给客户端。 然后，引擎根据数组中的值确定切片并将其绘制到画布上。因此，我最终得到了具有逼真的外观的有趣世界：山脉，海洋等。 现在，我想做的下一件事是应用某种混合算法，如果邻居不是同一类型，它将导致瓦片无缝混合到其邻居中。上面的示例地图是玩家在小地图中看到的。在屏幕上，他们看到了用白色矩形标记的部分的渲染版本。其中图块是用其图像而不是单色像素渲染的。 这是用户在地图上看到的示例，但与上面的视口显示的位置不同！ 我希望这种转变能够发生。 算法 我想出了一个简单的算法，该算法可以遍历视口中的地图，并在每个图块的顶部渲染另一个图像，前提是该图块位于不同类型的图块旁边。（不更改地图！仅渲染一些额外的图像。）该算法的想法是对当前图块的邻居进行剖析： 这是引擎可能必须渲染的示例场景，当前图块是标有X的图块。 创建了一个3x3数组，并读取了周围的值。因此，在本示例中，数组看起来像。 [ [1,2,2] [1,2,2] [1,1,2] ]; 然后，我的想法是针对可能的图块配置制定一系列案例。在非常简单的水平上： if(profile[0][1] != profile[1][1]){ //draw a tile which is half sand and half transparent //Over the current tile -> profile[1][1] ... } 得到以下结果： 这是从[0][1]到的过渡[1][1]，但不是从[1][1]到的过渡[2][1]，这里仍然存在硬性边缘。因此，我认为在那种情况下必须使用角砖。我创建了两个3x3的Sprite工作表，以为可以容纳所有可能需要的图块组合。然后，我为游戏中的所有图块复制了此图（白色区域是透明的）。每种类型的图块最终为16个图块（不使用每个Spritesheet上的中心图块。） 理想结果 因此，有了这些新的图块和正确的算法，示例部分将如下所示： 但是我所做的每一次尝试都失败了，算法中总是存在一些缺陷，并且模式最终变得很奇怪。我似乎无法正确处理所有情况，总的来说，这似乎是一种糟糕的做法。 一个办法？ 因此，如果任何人都可以提供关于我如何创建此效果的替代解决方案，或者提供什么方向来编写分析算法，那么我将不胜感激！

153 javascript  html  algorithm  canvas 

我正在尝试使用HTML来使文本变粗体，但是我正在努力使其正常工作。 这是我正在尝试的： Some <bold>text</bold> that I want emboldened. 有人可以告诉我我在做什么错吗？

153 css  html