Показать сообщение отдельно
  #4 (permalink)  
Старый 02.07.2014, 12:16
Новичок на форуме
Отправить личное сообщение для ingod Посмотреть профиль Найти все сообщения от ingod
 
Регистрация: 02.07.2014
Сообщений: 5

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

<script>
$(function(){
  var imgname = document.getElementById('focusedInput').value;
  var image_key=encodeURIComponent(imgname);
  
  function getimage(id) {
     $('#imgbook')['attr']('src', './progress.gif');
     $['getJSON']('http://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=' + image_key + '&rsz=2&imgsz=medium&callback=?', function (json) {
         $('#imgbook')['attr']('src', (json['responseData']['results'][id]['url']));
         $('#imgbook')['error'](function () {
             getimage(id + 1);
         });
     });
  };
  getimage(0);
});

</script>
<input id="focusedInput" value="сиськи" >
<button type="submit" id="find-file">Поиск</button>

<img id="imgbook" width="200" src="">

Вот как заставить работать? Чтобы по нажатию поиска, картинка новая бралась, на основе введенного запроса?
Ответить с цитированием