Tag: javascript

从多维数组中绘制Flot中的多个数据集

我希望有人可以帮助我解决我遇到的问题。 我正在使用Flot图和ruby on rails我没有问题设置两者中的任何一个,但我确实有一个问题,在一个图上绘制多个数据集。 我正在查询数据库并将结果返回到这样的数组中 [2015-2-01 12:00:00,50.4, 26.8,29.9,30.4] [2015-2-01 12:10:00,56.4, 26.3,29.9,70.4] 在我得到ruby的结果后,我正在为每个结果创建一个数组数组,以便将列的标题放在一边,这样我得到这样的结果 [[TIME:2015-2-01 12:00:00] [CPU:50][IO:40]] [[TIME:2015-2-01 12:15:00] [CPU:99][IO:40]] etc… 我的问题是,一旦我将其返回到我在Rails中的视图,我想在Flot中绘制每个系列。 (与cpu的时间,与io的时间,与其他点的时间) flot期望它的数据系列像[[time,value],[time,value]]。 因此,我需要弄清楚如何遍历我的多维数组并创建单独的数组,每个数组包含特定指标的时间和值。 非常感谢任何见解。 另外,据我所知,flot预期的时间值与我指定的时间值不同。 thanks for the response. I can work on putting it in fiddle when I get home. Time is not the issue I know how to convert my time stamp to […]

使用CoffeeScript以编程方式检查复选框

如何以编程方式检查Coffeescript中的复选框? 我知道在Javascript中,我可以使用这个: myElement.checked = true 我可以在Coffeescript中执行以下操作吗? myElement.checked “true” 我已经尝试了以上但它不适合我。 在这方面的任何帮助将受到高度赞赏。 谢谢。

在Rails中淡出不适用于Flash消息

以下function正常淡出,但不会淡入。我在寻找解决方案时从这个问题 (谢谢雅各布)得到了它。 它适用于jsfiddle ,而不是在我的应用程序中。 我没有启用turbolinks(我的应用程序真的玩得太厉害了)。 这可能是原因吗? 有任何想法吗? $(function() { $(‘.alert’).delay(500).fadeIn(‘normal’, function() { $(this).delay(1500).fadeOut(); }); });

如何在共享视图中禁用单页的Turbolinks?

我有一个Javascript,它应该在$(document).ready上工作,但它不会,因为我还必须使用turbolinks。 有没有办法为这个脚本禁用它? 或者至少,有没有办法为视图禁用它,我希望我的脚本可以工作? 遗憾的是,我的网站必须具有相同的布局文件,因为它对于企业风格很重要。 好的,我找到了一种方法,应该怎么做,但我不知道该怎么做。 在我的application.html.erb中,我有tp add <body data-no-turbolinks > 如果我在页面上,问题是,我不知道如何检查。 任何人都可以给我一个暗示吗?

Rails Turbolinks中的Facebook插件页面无法加载

在我的Rails应用程序中,我正在加载Facebook插件页面,但由于turbolinks它不会加载每个页面(仅有时)。 我在这个页面上尝试过这个脚本 ,但现在它从未加载过。 我做了什么? 我用这个脚本创建了facebook.coffee: $ -> loadFacebookSDK() bindFacebookEvents() unless window.fbEventsBound bindFacebookEvents = -> $(document) .on(‘page:fetch’, saveFacebookRoot) .on(‘page:change’, restoreFacebookRoot) .on(‘page:load’, -> FB?.XFBML.parse() ) @fbEventsBound = true saveFacebookRoot = -> if $(‘#fb-root’).length @fbRoot = $(‘#fb-root’).detach() restoreFacebookRoot = -> if @fbRoot? if $(‘#fb-root’).length $(‘#fb-root’).replaceWith @fbRoot else $(‘body’).append @fbRoot loadFacebookSDK = -> window.fbAsyncInit = initializeFacebookSDK $.getScript(“//connect.facebook.net/cs_CZ/sdk.js#xfbml=1&version=v2.6”) initializeFacebookSDK = […]

在Rails中生成VAPID公钥并将其传递给Javascript

为了使用带有VAPID的Push API,我需要一个applicationServerKey : serviceWorkerRegistration.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: applicationServerKey // we’ve got it with getApplicationServerKey() defined below }); 我用Ruby在服务器端生成它: ecdsa_private_key = OpenSSL::PKey::EC.new ‘prime256v1’ ecdsa_private_key.generate_key sender.vapid_private_key = ecdsa_private_key.to_pem ecdsa_public_key = OpenSSL::PKey::EC.new ecdsa_private_key ecdsa_public_key.private_key = nil sender.vapid_public_key = ecdsa_public_key.to_pem 然后我必须下载它: getApplicationServerKey: function () { return new Promise(function (resolve, reject) { var request = new Request(‘https://example.com/application_server_key’); fetch(request).then(function (response) { […]

Javascript没有在heroku上加载

我正在尝试部署一个应用程序。 我的javascript正在加载完美的开发,但它没有加载到生产。 即使我没有在制作中出现任何错误。 如果有人需要更多信息,请告诉我。 我已经尝试过以下命令 heroku运行rake资产:precompile –app my_app 此外,我尝试了alert()函数,它也没有在heroku上工作。 $(function() { $(document).ready(function() { $(‘.flexslider’).flexslider({ animation: “fade”, slideshowSpeed: 4000, animationSpeed: 600, controlNav: false, directionNav: true, controlsContainer: “.flex-container” // the container that holds the flexslider }); }); }); 的Gemfile source ‘https://rubygems.org’ git_source(:github) do |repo_name| repo_name = “#{repo_name}/#{repo_name}” unless repo_name.include?(“/”) “https://github.com/#{repo_name}.git” end # Bundle edge Rails instead: gem […]

从视图中设置cookie,然后从Rails中的Controller读取它

我想使用Javascript在Rails视图中设置cookie值,然后使用Controller来读取此cookie。 这可能与Rails有关,我应该怎么做呢? 我的情况:我有一个输入字段(比如地址),当用户第一次访问我的网站时,需要填写该输入字段。 然后,用户使用Omniauth登录。 我想坚持地址,直到他登录后。 更新:我能够在客户端添加到document.cookies。 但是,cookies [“something”]从Rails结尾返回nil。 以下是cookie哈希: #”BAh7Ck==–776b2fcfcd63d3c84d2b1de5327e277499add6d4″, “fbsr_1505068851081″=>”mqZeyvoRC”}, @signed=#<ActionDispatch::Cookies::SignedCookieJar:0x007 @parent_jar=#, @verifier=#>>

使用本机function扩充webapp – 使用Rails Web应用程序应用程序桥接PhoneGap的InAppBrowser

我使用Rails 3和JQuery Mobile编写了一个简单的聊天应用程序,您可以在这里查看原型: http : //budz.vdsites.com 它的usefelness然而作为一个纯粹的网络应用程序非常有限,我希望包括一些本机移动function,如通知,图片上传(通过图库或相机),联系人提取,也许更多的后来。 我还计划为台式机部署类似的增强型客户端,两者使用相同的前端。 一个重要的要求是能够编写最小的必需代码来启用这些function,因为我可以支持的不仅仅是一个平台集,然后维护每个代码库将变得乏味。 经过一些研究后发现,我最好的选择是基于PhoneGap的无铬原生应用程序,在手机端具有足够的function,以实现这些额外的function。 为此,InAppBrowser小部件似乎完全适应了这项工作。 然而,进一步研究它的API,似乎没有任何工具可以在本机应用程序和Web应用程序之间进行基本通信,除了基本的负载相关事件对我来说是无用的,除非我大量地触发我的应用程序触发这些事件(这看起来很虚伪)。 最后,我希望能够在PhoneGap端收听自定义事件,并从webapp触发它们。 我想出了一些线索来实现所需的function: 我可以创建一个DOM元素,将它的属性用作本机端和Web应用程序之间的介质 – 但似乎没有办法从容器外部访问DOM。 我可以通过phoneGap从我的webapp中听取一些特定的端点,在inAppBrowser之外,并根据服务器响应触发本机function – 这绝对有效,但这意味着我必须为其他平台编写不同的监听代码,因此稍微打破了我的最小编码需求。 所以这是我的问题: 有没有办法使用PhoneGap实现我想要的行为(事件调度)? 您如何看待我提出的两种建议方法? 我应该寻找另一个平台吗? 你有什么建议? 社区对此有何看法? 你是如何处理这种情况的? 感谢您提供的任何见解!

从sinatra应用程序发送post请求到rails应用程序

我需要从一个sinatra应用程序发送一个POST请求到一个rails应用程序,它将返回一些json。 我在本地测试这个function。 url如下: Rails app : railsapp.mydomain.com/api/v1.json Sinatra app: sinatraapp.mydomain.com 在localhost上,url是: Rails app: localhost:3000/api/v1.json Sinatra app:localhost 3001 在我本地运行的sinatra应用程序中,我有以下代码在本地发出POST请求 $(“#submit”).click(function(){ $.post(“http://localhost:3000/api/v1.json”, {email:””,password:””}, function(data) { //Do something with response } ); }); 此外,请求标头中的Content-Type应为”application/x-www-form-urlencoded” 。 我在Firefox中使用REST Client来测试请求并且它可以正常工作,但在上面的代码中根本没有提出请求。 我的代码中有什么错误? 谢谢