Предварительный просмотр изображения в Rails View с JS

Question

У меня есть текстовое поле, которое является URL-адресом изображения, и я хочу загрузить этот тег и img. Я также хочу обновить изображение, когда текстовое поле image_url теряет фокус, чтобы они могли изменить URL-адрес и просмотреть предварительный просмотр.

Здесь уместен эрб для вида:

<div class="control-group"> 
    <%= f.label :image, :class => 'control-label' %> 
    <div class="controls"> 
     <%= f.text_field :image_url, :class => 'text_field', id: "image_url" %> 
    </div> 
    </div> 

    Preview: <img id="preview" src=""> 

и внедренного Js ...

<script type="text/javascript"> 

document.observe('dom:loaded', function() { 
    $('preview').src = $('image_url').text 
    $('image_url').bind("focusout",function(){ 
    $('preview').src = this.text 
    )} 

}); 

При загрузке я не получаю ничего и ЦСИ не меняет

Answer 1

Вам нужно указать селектор объекта, который вы пытаетесь найти. Также я бы использовал документ готов.

$(document).ready(function() { 
    $('#preview').src = $('#image_url').text(); 
    $('#image_url').bind("focusout",function(){ 
    $('#preview').src = this.text(); 
    }); 
});