Ruby On Rails Javascript

Question

Есть ли способ позвонить рубину на функции рельсов из javascript? Например, у меня есть partial => _micropost_form.html.erb, и я хочу, чтобы он отображался в отдельном div при нажатии кнопки. Я решил, что лучший способ сделать это - использовать javascript. В настоящее время у меня есть:

document.getElementById("micropost").innerHTML= 

Так что я довольно потерян. Я чувствую, что это должно быть довольно простой проблемой. Благодаря!

EDIT:

Так у меня есть ссылка в моем файле _header:

<li>Add Content</li> 

а также DIV:

<div id="popout"></div> 

В моем контроллере содержимого У меня есть метод:

def add_content 
@content = Content.new 
respond_to do |format| 
format.html 
format.js 
end 

А также S add_content.js.erb файл (находится в/просмотров) содержание (_content_form представляет собой файл html.erb находится в разделяемой)

$('#popout').replaceWith("<%= escape_javascript render 
      (:file => 'shared/_content_form') %>"); 

Я знаю, что вызов я должен сделать в <li>Add Content</li> включает link_to однако, Я еще не смог заставить его работать правильно. Вывод на консоль обычно выглядит как обновление страницы. Любая помощь будет принята с благодарностью!

Answer 1

В дополнение к ответу по ismaelga, я хотел бы добавить, что если у вас есть статический контент HTML в _micropost_form.html.erb, то нет никаких причин, почему это должно быть erb файл или partial. Наличие этого контента в пределах hidden div, а затем переключение на то, что на основе нажатия кнопки будет хорошим решением.

Если, однако, у вас есть динамический контент в этом файле, то лучше всего использовать AJAX. Некоторые из ссылок, предоставленных Felix Cling в комментариях, являются хорошей отправной точкой.Я считаю себя, используя следующую строку кода в файле .js.erb совсем немного, хотя добиться того, что вы хотите:

$('#micropost').replaceWith("<%= escape_javascript render(:file => 'micropost_form.html.erb') %>"); 

Или, вы можете использовать JQuery append вместо replaceWith.

Answer 2

сделать вид, в IFRAME:

function appear_it() { 
    document.getElementById("micropost").innerHTML = "<iframe id="micropostframe" src="bla/whatever.html"></iframe>"; 
} 

Тогда вы можете стилизовать с помощью CSS.

Имейте кнопку или ссылку с атрибутом onclick = "appearance_it(), return false".

Answer 3

Я думаю, что вы пытаетесь достичь, отринув, что «div» по запросу как скрытый, а затем ссылка вызывает функцию js, чтобы показать ее.

Это должно быть хорошим решением, если только эта ссылка не привносит некоторые условные выражения для того, что вы хотите визуализировать, например, если есть только одна вещь для отображения, или если у вас есть много ссылок для отображения в одном и том же div разных содержаниях в зависимости от по ссылке, которую вы нажимаете. Если второй случай - тот, который вы пытаетесь решить, вы должны действительно проверить ajax-вызовы. Btw JQuery - ваш друг для такого рода вещей.