печать страницы нажатием enter

459

13 октября 2017, 14:47

Есть вот такой код, который при нажатии кнопки выводит в новой вкладке шаблон на печать. стоит задача делать то же самое, но при нажатии кнопки enter.

<?php 
include('template.php'); 
if (isset($_POST['Submit'])){ 
$data ="Текст на печать"; 
$tpl = new template('./temp','.tpl');  
$tpl -> load('print');  
$tpl -> vars('print',array('data'));  
echo $tpl -> out('print');  
} else { 
?> 
<form action="test.php" method="post" onsubmit="window.open('','myprt', 'width=600, height=400, left=0, top=0')" target="myprt"> 
<br><button name="Submit" >Распечатать</button> 
</form> 
<?php 
}

Для этого использую вот такой код.

    <form method="POST" action="" id="form_who_should_be_checked"> 
<input name="anything" value="text"> 
</form> 
<script> 
document.getElementById("form_who_should_be_checked").onsubmit=  
 function() { 
  alert(this.anything.value); 
  return false; 
 } 
</script>

По отдельности они работают а вот вместе не могу совместить.

Answer 1

При нажатии enter-а на основной клавиатуре отправится форма myform

    <form action="blabla" id="myform">
      <input type="hidden" name="enter_or_button" value="enter"/>
      <input type="text" name="sample_submit_enter"/>
    </form>

    <script>
      document.addEventListener('keydown', (e) => {
        if (e.keyCode === 13)
          document.getElementById('myform').submit();
      });
    </script>

Answer 2

эх все оказалось гораздо проще -

<script> 
document.getElementById("send_ajax").onsubmit=  
function() { 
     $.ajax ({ 
     url: 'ajax.php', 
     type: 'post', 
     data: {'data':this.anything.value}, 
     success:function(data){ 
	$('#result').html(data); 
        window.open('print.php?data='+data,'myprt', 'width=600, height=400, left=0, top=0'); 
 } 
        }) 
        this.anything.value="";    
        return false; 
}  
</script>

и далее в print.php уже парсим и шаблонизируем и печатаем