Add the innerHTML of a div within erb

Question

I have a link that takes an id of a user. This is kept in a div called NameID. The controller etc is all set up correctly but all I need to do is to be able to pass the NameID.innerHTML (which is a number) as the number that people.id represents. How can I do this?

index.html.erb (graph not shown)

<div class="container-fluid">
    <div class="row">
          <div class="col-md-12">
          <div class="row">
                <div class="col-md-4">

                    <p><a class="btn btn-lg btn-primary" id="BtnMessageNode" href="/messages/new">Start conversation</a></p>

                <h2>NameID of Node</h2>
                <div id="NameID_Div"></div>

          </div>
    </div>
</div>
</div>
</div>

<% page_header "Users" %>


<ul>
  <% @peoples.each do |people| %>
    <li>
      <strong><%= people.name %></strong>
      <% unless current_user == people %>
        <%= link_to 'Send message', new_message_path(to: people.id), class: 'btn btn-default btn-sm' %>
      <% end %>
    </li>
  <% end %>
</ul>

messages_controller.rb

class MessagesController < ApplicationController
  before_action :authenticate_user!

  def new
    @chosen_recipient = User.find_by(id: params[:to].to_i) if params[:to]
  end

  def create
    recipients = User.where(id: params['recipients'])
    conversation = current_user.send_message(recipients, params[:message][:body], params[:message][:subject]).conversation
    flash[:success] = "Message has been sent!"
    redirect_to conversation_path(conversation)
  end
end

please paste your complete code

Vrushali Pawar
– Vrushali Pawar

2015-07-11 12:30:40 +00:00
Commented Jul 11, 2015 at 12:30 — Vrushali Pawar
– Vrushali Pawar, Commented Jul 11, 2015 at 12:30

kittenchief · Accepted Answer · 2015-07-11 12:57:37Z

1

I don't think there's an easy way to embed your NameID.innerHTML into ERB. So I would suggest using some custom jQuery instead. First, add an id to your link:

<%= link_to 'Send message', new_message_path(to: people.id), id: 'sendMessage', class: 'btn btn-default btn-sm' %>

Then use jQuery inside your script:

$("#sendMessage").click(function(e){
  e.preventDefault();
  var nameId = $("#NameID_Div").html();
  // Then just assign the proper URL of the new_message_path with the proper NameID
  location.assign('/message/' + nameId + '/new');
});

answered Jul 11, 2015 at 12:57

kittenchief

1,26517 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sebastian Zeki Over a year ago

Hi Abraar. The code doesnt work. I think the sendmessage output needs to be instead of the people.id. The people.id is only defined as part of a loop from the @peoples variable from the controller. If I can put the jquery result into here then I wont need to use the people variable at all. How can I put the jquery output so that its passed as part of the to: parameter?

Collectives™ on Stack Overflow

Add the innerHTML of a div within erb

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related