За последние 24 часа нас посетили 15725 программистов и 1666 роботов. Сейчас ищут 762 программиста ...

jQuery: Формы с текстом и соседнее окно с результатом

Тема в разделе "JavaScript и AJAX", создана пользователем eXtreme, 15 май 2011.

  1. eXtreme

    eXtreme Активный пользователь

    С нами с:
    29 мар 2010
    Сообщения:
    32
    Симпатии:
    0
    Нужно для диплома реализовать интерфейс для работы с жквери. суть в том чтобы если написать код js (само собой jquery) после нажатия кнопки например аппли, то соседнее окно обновилось бы и там был бы виден результат. Конечно же не пустой скрипт. а для действия над каким нить элементом. например задание типа: увеличить картинку при клике. картинка отображается в исходном размере в соседнем окне. необходимо над ней выполнить действия. само собой классы и т.д. все будет предоставлено. надо чтобы человек написал только код на жквери в другое окно и нажал кнопку. спасибо большое за любые подсказки. или кто может помочь с реализацией? Само собой не за так, если такое возможно. Я так понимаю будет что то типа функции, которая будет выполнять только тот скрипт, который прописан в окне. типа текстареа или подобное. и после нажатия на апли все обновится в правом окне. то есть в правом окне уже будет только страница с кодом, который был прописал в левом.
    P.S.
    На самом деле я предполагаю и могу реализовать это при помощи php.
    Там всего лишь просто сохранять изменения в файл со скриптом(точнее тупо перезаписывать его). конечно же библиотека будет подключена по умолчанию. и потом соседнее окно обновится после сохранения. Но нет возможности держать виртуальный или удаленный веб сервер. поэтому надо как то локально.
     
  2. Alex_pac

    Alex_pac Активный пользователь

    С нами с:
    11 апр 2011
    Сообщения:
    285
    Симпатии:
    1
    Адрес:
    Россия, Тольятти
    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2.  
    3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
    4.  
    5. <script type="text/javascript" src="http://jqbook.narod.ru/page/primer/jquery-1.2.6.js"></script>
    6. var MyWindow;
    7. $(document).ready(function(){
    8. $('input[name="btn_show_window"]').click(function(){
    9.     if (!MyWindow || MyWindow.closed) {
    10.         MyWindow = window.open('','mwin', 'status=0,resizable=0,scrollbars=1,width=200,height=200,left=200,top=200');
    11.         MyWindow.document.writeln('<html><body><img id="NewImage" src="'+$('#OldImage').attr('src')+'" width="'+$('input[name="sizepic"]').val()+'"></body></html>');
    12.     } else {
    13.         window.alert("Окно уже открыто");
    14.     }
    15. });
    16. $('input[name="btn_resize"]').click(function(){
    17.     if (!MyWindow || MyWindow.closed) {
    18.         window.alert("Окно закрыто");
    19.     } else {
    20.         MyWindow.document.getElementById("NewImage").style.width = $('input[name="sizepic"]').val()+'px';
    21.     }
    22. });
    23. });
    24.  
    25.  
    26.  
    27. <img src="http://tlt-images1.narod.ru/img/4dc994b501d88.jpg" id="OldImage"><p>
    28. открыть картинку в размере <input type="text" name="sizepic" size="10" value="100">
    29. <p>
    30. <input type="button" name="btn_show_window" value="показать">
    31. <input type="button" name="btn_resize" value="динамичное изменение">
    правда немного криво. При нажатии на динамичное изменение соседнее окно не раскрывается а остается свернутым. незнаю как сделать чтобы оно получило фокус.
     
  3. eXtreme

    eXtreme Активный пользователь

    С нами с:
    29 мар 2010
    Сообщения:
    32
    Симпатии:
    0
    понятно. подумаю че да как. спасибо и на этом. но суть была не совсем такой. см в аттаче если не трудно еще помочь. Фото того что хочется на изображении по ссылке. спасибо.
    http://www.imagepost.ru/images/u/nt/untitl.jpg