Tag: html5

如何将HTML5自动焦点添加到rails表单？: 我有一个文本字段 = text_field_tag(‘search_text_1’, params[:search_text], options = {:type => ‘search’} ) 产生我想要添加HTML5自动对焦，如 = text_field_tag(‘search_text_1’, params[:search_text], options = {:type => ‘search’, :autofocus => true} ) 这会产生哪个确实有效，但我怎么能得到autofocus的实际HTML输出，就像HTML规范所示，即 # Not sure where it goes or if that matters 运用 options = {:type => ‘search’, :autofocus } 给 …/_search.html.haml:2: syntax error, unexpected ‘}’, expecting => …:type => ‘search’, […]

从标记中提取HTML5数据属性: 我想从标签中提取所有HTML5数据属性，就像这个jQuery插件一样。例如，给定： Joe Bloggs 我想得到一个哈希： { ‘data-age’ => ’50’, ‘data-location’ => ‘London’ } 我最初希望使用通配符作为我的CSS选择器的一部分，例如 Nokogiri(html).css(‘span[@data-*]’).size 但似乎不支持。

处理Sinatra应用程序中的事件流连接: 有一个使用 Konstantin Haase的服务器发送事件的聊天应用程序的一个很好的例子。我试图运行它并遇到回调问题（我使用Sinatra 1.3.2并使用Chrome 16浏览）。它们根本不运行（例如在页面重新加载之后），因此连接数量正在增长。此外，连接在30-60秒内关闭，除非设置定期计时器以发送空数据，如康斯坦丁在其他地方所建议的那样。你能复制一下吗？如果是，是否有可能以某种方式解决这些问题？ WebSockets在这方面无缝工作…… # ruby get ‘/stream’, provides: ‘text/event-stream’ do stream :keep_open do |out| EventMachine::PeriodicTimer.new(20) { out << "data: \n\n" } # added settings.connections << out puts settings.connections.count # added out.callback { puts 'closed'; settings.connections.delete(out) } # modified end end # javascript var es = new […]

一个rails应用程序，使用HTML5地理定位获取用户位置并保存到数据库: 看起来很简单，但我很挣扎。这是我到目前为止的观点。我只显示位置坐标以测试其工作情况。但我也想坚持数据库，因此ajax调用。我是以正确的方式做到这一点还是有更简单或更好的方式？ Click the button to get your coordinates: Try It var x=document.getElementById(“demo”); var lat; var long; function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else{x.innerHTML=”Geolocation is not supported by this browser.”;} } function showPosition(position) { lat = position.coords.latitude; long = position.coords.longitude; x.innerHTML=”Latitude: ” + lat + “Longitude: ” + long; $.ajax({ […]

如何引用并将多个User_ID保存到单个表单并在索引/显示页面Rails 4 App中显示所述ID: 嘿所有我正在Rails 4 Ruby 2.2中构建一个CAD应用程序; 在我的通话表单中，我有一个允许调度员选择最多4个单元发送到呼叫的方框。（见下面的布局）。这个问题的简短之处在于找出如何保存和访问可在Users模型中找到的4个独立user_id，并将它们存储在Calls模型中，以便它们可以链接并显示在我的Show.html.erb中单位1-4（如果需要所有这些单位）这是forms： Units Responding Unit #1 Time On Scene Time Clear true } ) %> Unit #2 Time On Scene Time Clear false } ) %> Unit #3 Time On Scene Time Clear false } ) %> Unit #4 Time On Scene Time Clear false } ) %> 我最初将此作为我的collection_select代码： […]

使用Capybara / Selenium Webdriver测试HTML5文件上传 – Ruby: 我有一个简单的模态，其中显示用户显示浏览按钮以添加要上载的文件。由于一个未知的问题，因此它是一个HTML5文件输入因此浏览器添加自己的function，这已成为一个痛苦的测试。在我的页面上，我有： Capybara提供开箱即用的解决方案： attach_file <>, <> 在幕后执行send_keys命令将file_path推送到此输入的路径容器中，但是这对我的设置无效。我在Windows 8上运行Firefox 25.0.1。我尝试了相对路径和该文件的完整路径，包括前向和反斜杠组合。当我的意思是它不起作用时，我的意思是当我的ajax脚本通过点击旁边的“上传”按钮执行时，它不会在参数中发送任何文件对象。我甚至尝试使用capybara直接发送文件路径： find_field(<>).native.send_keys(<>) 接下来，是尝试使用selenium将其推入使用： element = driver.find_element(:id, <>) element.send_keys <> 然后我尝试执行脚本以确保元素可见，然后设置它： element = page.execute_script( “document.getElementById(‘#{<>}’).style.visibility = ‘visible’; document.getElementById(‘#{<>}’).style.height = ’20px’; document.getElementById(‘#{<>}’).style.width = ’60px’; document.getElementById(‘#{<>}’).style.opacity = 1; return document.getElementById(‘#{<>}’)”) find_field(field_locator).native.send_keys(<>) 这也不起作用。现在我完全卡住了。所有这里的帮助和谷歌指向使用上述，但它只是不适用于我的设置。我可以看到我的选择是使用Windows自动化脚本并跳出水豚，运行脚本，然后继续，或者直接从capybara使用post调用上传URL或调用当前的js ajax可以。

将已编辑的值contenteditable字段从视图传递到Rails中的控制器: 我正在使用Rails 3.1来构建一个Web表单，其中包含一个表格，其中可以编辑单元格。我需要将编辑过的单元格的文本保存在数据库中。我正在考虑使用HTML5属性’contenteditable’。我可以使用单元格的innerHTML的值。如何将此值传递给Rails控制器（从视图中）？是否可以使用params传递数据？有什么建议？

如何在Ruby on Rails 3.2.8中保存LocalStorage上的数据？: 我正在尝试保存名为persistent_data的变量。我通常使用session[:persistent_data]或cookies[:persistent_data] ，但我想使用localstorage。我如何在Rails上做到这一点？

使用Selenium Webdriver for Ruby进行HTML5拖放: 是否有任何工作可以使用Selenium Webdriver和Ruby一起使用HTML5拖放工具？我正在使用Selenium-Webdriver 2.20.0和Ruby 1.9.2 这是一个重现问题的简单测试： require “selenium-webdriver” require “test/unit” class Html5DragAndDropTest < Test::Unit::TestCase def setup @driver = Selenium::WebDriver.for :firefox @driver.manage.timeouts.implicit_wait = 30 end def teardown @driver.quit end def test_html5_drag_and_drop @driver.get("http://html5demos.com/drag") target = @driver.find_element(:id, "one") source = @driver.find_element(:id, "bin") @driver.action.drag_and_drop(target, source).perform assert target.displayed? == false end end

如何让用户编辑网页内容并保存给所有观众？: 我正在尝试创建一个以简单文本“Hello”开头的网站。然后，任何访问该网站的人都可以将内容更改为他们喜欢的内容，不仅为自己保存，还为网站本身保存。然后另一个观众可以进来改变它，依此类推。我还要保留所有已编辑内容的数据库，但仅适用于我自己。所以我的问题是，哪些工具/语言会对此有所帮助？或者任何人都可以指向任何教程？我是一个初学者，我不知道从哪里开始。这看起来真有帮助，但它似乎只为自己做出改变： http ： //www.developerdrive.com/2012/06/allowing-users-to-edit-text-content-with-html5/ 对不起，如果这是一个非常简单的问题，我过于复杂。我感谢任何帮助！