小编ton*_*nic的帖子

CSS仅为表格行宽度的百分比设置背景颜色

我有一个包含两列的基本表:名称和值.我想根据值的大小为表中的每一行加上适当的宽度百分比(基本上创建一个横向直方图!).我可以编写代码来计算要设置的适当百分比,但我无法弄清楚CSS是否能够适当地对每一行进行着色.似乎整行可以加阴影,但不是百分比.真的吗?

对于它的价值,我正在使用Twitter Bootstrap,如果需要我也可以使用jQuery.这只能在Chrome上运行,所以CSS3和Webkit才行!这是HTML:

<table class="table">
  <tbody class="lead">              
    <tr> 
      <td>
        Joe
      </td>
      <td>
        10
      </td>
    </tr>              
    <tr> 
      <td>
        Jane
      </td>
      <td>
        20 
      </td>
    </tr>              
    <tr> 
      <td>
        Jim
      </td>
      <td>
        2
      </td>
    </tr>
  </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

有关如何实现这一目标的任何提示?希望这个问题有道理.

css jquery html-table twitter-bootstrap

11
推荐指数
2
解决办法
2万
查看次数

node-webkit相当于sinatra?

我一直在考虑学习如何基于网络技术制作简单的Mac OS X应用程序,我遇到了node-webkit,这看起来很引人注目.但是,我最近投入了学习Sinatra/Ruby的基础知识,我想继续学习这门课程.

对于使用Sinatra的开发人员,是否存在"node-webkit等效"?或者,是否有推荐的方法使用Sinatra框架(或Ruby)来构建基本上是Web包装器的OS X应用程序?

ruby webkit sinatra chromium node-webkit

5
推荐指数
1
解决办法
763
查看次数

Sinatra/Ruby - 内部服务器错误:US-ASCII中的字节序列无效.由具有特殊字符的数组引起

我正在使用Sinatra构建一个应用程序.应用程序运行得很好,除了我最近添加一个元素到一个具有特殊字符(Yóü)的数组.

@peeps = ["Joe", "James", "Phil", "Jane", "Yóü"]
Run Code Online (Sandbox Code Playgroud)

我使用这个数组来做很多事情,虽然我不确定我是否需要在这篇文章中包含它们.当我运行我的应用程序时,我在浏览器中收到以下错误消息:

Internal Server Error: invalid byte sequence in US-ASCII
Run Code Online (Sandbox Code Playgroud)

在我的终端窗口中,运行后我看到以下内容 ruby app.rb

app.rb:34: invalid multibyte char (US-ASCII)
app.rb:34: invalid multibyte char (US-ASCII)
app.rb:34: syntax error, unexpected $end, expecting ']'
Run Code Online (Sandbox Code Playgroud)

此外,为了它的价值,我通常使用霰弹枪来运行我的服务器,因为我可以进行更改并只刷新页面.那是我跑的时候显示这个错误shotgun app.rb

[2012-08-16 21:36:37] ERROR ArgumentError: invalid byte sequence in US-ASCII
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/rack-1.4.1/lib/rack/utils.rb:182:in `gsub'
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/rack-1.4.1/lib/rack/utils.rb:182:in `escape_html'
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/shotgun-0.9/lib/shotgun/loader.rb:76:in `format_error'
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/shotgun-0.9/lib/shotgun/loader.rb:52:in `proceed_as_parent'
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/shotgun-0.9/lib/shotgun/loader.rb:28:in `call!'
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/shotgun-0.9/lib/shotgun/loader.rb:18:in `call'
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/shotgun-0.9/lib/shotgun/favicon.rb:12:in `call'
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/shotgun-0.9/lib/shotgun/static.rb:14:in `call'
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/rack-1.4.1/lib/rack/builder.rb:134:in `call'
    /Users/me/.rvm/gems/ruby-1.9.3-p125@rails3tutorial2ndEd/gems/rack-1.4.1/lib/rack/handler/webrick.rb:59:in `service'
    /Users/me/.rvm/rubies/ruby-1.9.3-p125/lib/ruby/1.9.1/webrick/httpserver.rb:138:in `service'
    /Users/me/.rvm/rubies/ruby-1.9.3-p125/lib/ruby/1.9.1/webrick/httpserver.rb:94:in `run'
    /Users/me/.rvm/rubies/ruby-1.9.3-p125/lib/ruby/1.9.1/webrick/server.rb:191:in `block in start_thread'
Run Code Online (Sandbox Code Playgroud)

ruby arrays utf-8 character-encoding sinatra

2
推荐指数
2
解决办法
2874
查看次数

尊重HTML显示中从API响应返回的"\n"换行符(和特殊字符)

我通过API访问数据,该API以下列格式返回字符串:

你好这是一些文字.\n \n这里还有一些包含"引号"中的短语.\n \n另外一件事:\n \n*子弹点.\n*子弹点.\n*子弹点.\n*Fin.

这是一个sinatra应用程序,在我看来,我只是访问变量并显示如下:

<%= thing.description %>
Run Code Online (Sandbox Code Playgroud)

渲染时,实际上没有任何新行被尊重.它全部显示为单行.我不确定解决这个问题的正确方法.有没有办法\n<br>标签替换s ?或者是其他东西?

html javascript newline sinatra

2
推荐指数
1
解决办法
853
查看次数

选择后,将类添加到导航项

我有这样的导航设置:

<ul class="nav nav-pills">
  <li><a href="/questions/all">All</a></li>
  <li><a href="/questions/popular">Popular</a></li>
  <li><a href="/questions/fun">Fun</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

单击其中一个时,它会映射到我的Sinatra路径(即get '/questions/:filter' do...).单击其中任何一个都会更新页面,但它们仍然使用相同的.erb视图.

我正在试图弄清楚如何将类" active"应用于<li>当前正在查看的导航项目.这样,导航项将突出显示,以便用户知道他们所在的视图(无需查看实际的URL).

任何帮助将非常感激.如果需要,我可以访问jQuery.

javascript css jquery sinatra

2
推荐指数
1
解决办法
522
查看次数

是否有一种红宝石方法使日期和时间更具可读性?

我正在使用一个API,其中返回的日期类似于:2012-11-30 12:54:59 -0800.我想知道是否有一个Ruby方法可以将其作为输入并返回"今天",例如.

其他首选输出将是"大约一小时前","刚刚","一个月前".

我正在使用Sinatra.

ruby gem datetime date sinatra

2
推荐指数
1
解决办法
809
查看次数

从Ruby中的哈希中删除重复项

我正在使用Twitter Gem访问Twitter API,我想mentions根据提及的文本创建一个只存储唯一的变量.

现在,我正在存储所有提及: @allmentions = Twitter.mentions_timeline

这是一个提回的例子 @allmentions[0]

 => #<Twitter::Tweet:0x007fbffb59ab88 @attrs={:created_at=>"Mon Dec 10 01:28:11 +0000 2012", :id=>277947788216639488, :id_str=>"277947788216639488", :text=>"@person hi", :source=>"web", :truncated=>false, :in_reply_to_status_id=>nil, :in_reply_to_status_id_str=>nil, :in_reply_to_user_id=>11739102, :in_reply_to_user_id_str=>"11739102", :in_reply_to_screen_name=>"person", :user=>{:id=>1000628702, :id_str=>"1000628702", :name=>"test account", :screen_name=>"testaccountso", :location=>"", :description=>"", :url=>nil, :entities=>{:description=>{:urls=>[]}}, :protected=>false, :followers_count=>0, :friends_count=>0, :listed_count=>0, :created_at=>"Mon Dec 10 01:27:39 +0000 2012", :favourites_count=>0, :utc_offset=>nil, :time_zone=>nil, :geo_enabled=>false, :verified=>false, :statuses_count=>1, :lang=>"en", :contributors_enabled=>false, :is_translator=>false, :profile_background_color=>"C0DEED", :profile_background_image_url=>"http://a0.twimg.com/images/themes/theme1/bg.png", :profile_background_image_url_https=>"https://si0.twimg.com/images/themes/theme1/bg.png", :profile_background_tile=>false, :profile_image_url=>"http://a0.twimg.com/sticky/default_profile_images/default_profile_3_normal.png", :profile_image_url_https=>"https://si0.twimg.com/sticky/default_profile_images/default_profile_3_normal.png", :profile_link_color=>"0084B4", :profile_sidebar_border_color=>"C0DEED", :profile_sidebar_fill_color=>"DDEEF6", :profile_text_color=>"333333", :profile_use_background_image=>true, :default_profile=>true, :default_profile_image=>true, :following=>nil, :follow_request_sent=>false, :notifications=>nil}, :geo=>nil, :coordinates=>nil, :place=>nil, :contributors=>nil, …
Run Code Online (Sandbox Code Playgroud)

ruby arrays hash uniq

2
推荐指数
1
解决办法
1504
查看次数