Javascript-форум - Показать сообщение отдельно

DjDiablo · #5 (**permalink**) 22.02.2013, 21:57

Нет проблем, но скрипт конечно написать придётся, готовые вряд ли есть.

Тебе понадобится шаблонизатор, jquery, и немного терпения

Образец кода 1

<!DOCTYPE HTML>
<html>
  <head>
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 </head>

  <body>
    <table width="100%">
      <tr>
        <td width="30%"> 
          <form >
            <input value="Текст 1 " id="a"/></br>
            <input value="текст 2 " id="b"/></br>
            <button id="print"> печать </button>
          </form>
        </td>
        <td width="70%">    
          <iframe id="result" style="width:100%"></iframe>
        </td>
      </tr>    
    </table>

    <script>
      $(function(){
        $("#print").click(function(){
          $('#result').contents().find('body').load('');

          //вместо это строчки нужен шаблонизатор
          $('#result').contents().find('body').html( $('#a').val()+$('#b').val() );

          window.frames['result'].focus();
          window.frames['result'].print();
          
          return false;
        })
      })
    </script>

  </body>
</html>

впринципе можно и без шаблонизатора обойтись, потребуется код вида
образец кода

var template='http://learn.javascript.ru/play';

$('#result').contents().find('body').load(template, function(){            

    //заполняем определённые id в шаблоне (шаблон это html как несложно догадаться), данные берём из формы.            
    $('#result').contents().find('el').html( $('#b').val() );
            
    window.frames['result'].focus();
    window.frames['result'].print();
});