two issues with ruby on rails

Question

i am trying to code along with the beginner ruby on rails videos and i have come across two problems. when i am using twitter bootstrap for the fixed platform it is not working. i have wrapped the yield call with the container class but it is not doing anything. I am also having a problem of hiding the edit and delete button. i have put the code in to hide the admin class inside the coffee javascript file but there are not disappearing.

Answer 1 · 2013-04-07T20:53:37Z

April 7, 2013 8:53pm

Hi Derek probably your problem resides in the file "statuses.css.scss" in the tutorial, something wrong it is been written (even if in the video everything works fine)

replace ."status.hover" with ".status:hover" it worked for me.

Answer 2 · 2013-01-16T02:53:23Z

January 16, 2013 2:53am

I couldn't get the hide in coffeescript to work, either so i just ended up coding it in jQuery and putting it in my statuses.js.js file:

jQuery(document).ready(function() {
    $('.status').hover(function  () {
        $(this).toggleClass("hover")
    });
});

Answer 3 · 2013-05-19T00:57:35Z

May 19, 2013 12:57am

Enrico, I just spent three hours between google, stack exchange, etc because the jquery from that exercise was broken. Nothing seemed to help until I found your comment and now it all seems to be working, thank you! What is the difference between .status:hover and .status.hover, and what makes the latter broken?

Answer 4 · 2013-05-19T01:32:43Z

May 19, 2013 1:32am

You are welcome Joshua, .status.hover in this case does not make any sense. It is a class intersection. It's like saying : select a class which has both status and hover (class="status hover"). But we don't want that. In this case we want to select class="status" on a mouse hover event. So the correct way is .status:hover

http://www.w3schools.com/cssref/sel_hover.asp

Answer 5 · 2014-02-27T21:33:03Z

February 27, 2014 9:33pm

I Don't know why my code isn't working for rails development: Installing Twitter Bootstrap. Treebook and Footer aren't showing up in the web browser like it shows in the video. Can anyone help with this?

<div class="container">
    <h1>Treebook</h1>
    <%= yield %>
    <em>Footer</em>
</div>

Answer 6 · 2013-01-16T01:27:39Z

January 16, 2013 1:27am

Hi Derek,

Would you be able to share some of the code that you're have trouble with?

Your application.html.erb should look similar to this when you wrap the yield:

    ...
    <div class="container">
        <%= yield %>
    </div>
</body>
</html>

Answer 7 · 2013-01-16T02:59:36Z

January 16, 2013 2:59am

Hmm. Strange. I was able to get it to work:

app/views/statuses/index.html.eb

<span class="admin">
     | <%= link_to "Edit", edit_status_path(status) %> |
    <%= link_to "Delete", status, method: :delete, data: { confirm: "Are you sure you want to delete this status?" } %>
    </span>

app/assets/javascripts/statuses.js.coffee

$ ->
    $('.status').hover (event) ->
        $(this).toggleClass("hover")

Nice jQuery solution Dean! Always good to be able to code an alternative.

Answer 8 · 2013-01-16T03:42:34Z

January 16, 2013 3:42am

here is my application file

<!DOCTYPE html>
<html>
<head>
<title>Treebook</title>
<%= stylesheet_link_tag    "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a href="#" class="brand"> Treebook </a>
<ul class="nav">
<li><%= link_to "All Statuses", statuses_path%>
</div>
</div>
</div>
<div class="container">
<p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>
<%= yield %>
</div>
</body>
</html>

I have exactly what you have for my app/views/statuses/index.html.eb and my app/assets/javascripts/statuses.js.coffee files

Answer 9 · 2013-01-16T03:52:18Z

January 16, 2013 3:52am

how do a create a code block?

Answer 10 · 2013-01-16T03:56:26Z

January 16, 2013 3:56am

nevermind it i figured it out

Answer 11 · 2013-01-16T04:03:45Z

January 16, 2013 4:03am

It looks like you're missing a few closing tags in the navbar. That may affect the rest of the page.

<!DOCTYPE html>
<html>
<head>
    <title>Treebook</title>
    <%= stylesheet_link_tag    "application", :media => "all" %>
    <%= javascript_include_tag "application" %>
    <%= csrf_meta_tags %>
</head>
<body>
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
           <div class="container">
              <a href="#" class="brand"> Treebook </a>
              <ul class="nav">
                <li><%= link_to "All Statuses", statuses_path%></li>
              </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <p class="notice"><%= notice %></p>
        <p class="alert"><%= alert %></p>
        <%= yield %>
    </div>
</body>
</html>

Answer 12 · 2013-01-16T04:09:45Z

January 16, 2013 4:09am

awesome thanks that fixed my container issue but i am still having the issue with the hover. how do i go about the creating the jquery file? or is that covered in a later video?

Answer 13 · 2013-01-16T04:14:14Z

January 16, 2013 4:14am

Glad it worked for you!

I don't believe the video covers it using jQuery. Dean just came up with his own solution.

If you want to work through the coffeescript - feel free to post up your code for that - otherswise, perhaps Dean could offer some insight into jQuery instead.

Answer 14 · 2013-01-16T05:04:03Z

January 16, 2013 5:04am

here is my coffee script

# Place all the behaviors and hooks related to the matching controller here.  
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/

$ ->
    $('.status').hover (event) ->
        $(this).toggleClass("hover")

Answer 15 · 2013-01-16T21:23:42Z

January 16, 2013 9:23pm

Hmm, it seeems correct. So, unless there is an error in your index.html.erb, I'm at a loss.

Answer 16 · 2013-06-11T20:49:12Z

June 11, 2013 8:49pm

Thanks Enrico! You fixed it for me too.

Answer 17 · 2013-11-30T04:34:04Z

November 30, 2013 4:34am

This helped me as well...

Answer 18 · 2013-12-06T05:46:21Z

December 6, 2013 5:46am

Thanks Enrico !!

Welcome to the Treehouse Community

Looking to learn something new?

Derek Renfro

Derek Renfro

two issues with ruby on rails

18 Answers

Enrico Della Monica

Enrico Della Monica

Peter Peng

Peter Peng

Enrico Della Monica

Enrico Della Monica

dean cameron

dean cameron

Joshua Ziggas

Joshua Ziggas

Enrico Della Monica

Enrico Della Monica

Royce Negron

Royce Negron

Enrico Della Monica

Enrico Della Monica

Royce Negron

Royce Negron

Enrico Della Monica

Enrico Della Monica

rayorke

rayorke

rayorke

rayorke

Derek Renfro

Derek Renfro

Derek Renfro

Derek Renfro

Derek Renfro

Derek Renfro

rayorke

rayorke

Derek Renfro

Derek Renfro

rayorke

rayorke

Derek Renfro

Derek Renfro

rayorke

rayorke

David A

David A

Enrico Della Monica

Enrico Della Monica

Cameron Incoll

Cameron Incoll

Nithin Kumar

Nithin Kumar

Nirmesh Patel

Nirmesh Patel