Печать только таблицы html с помощью javascript

У меня есть следующая базовая таблица html с функцией Java для печати только содержимого таблицы. Однако кнопка «Печать» ничего не делает при нажатии, я полагаю, что, возможно, кодировка java является проблемой, однако она не работает я мог получить третью пару глаз, чтобы помочь, пожалуйста,Печать только таблицы html с помощью javascript

<html> 
<body> 

<table border="1" cellpadding="3" id="printTable"> 
    <tbody><tr> 
     <th>First Name</th> 
     <th>Last Name</th>  
     <th>Points</th> 
    </tr> 
    <tr> 
     <td>Jill</td> 
     <td>Smith</td>  
     <td>50</td> 
    </tr> 
    <tr> 
     <td>Eve</td> 
     <td>Jackson</td>   
     <td>94</td> 
    </tr> 
    <tr> 
     <td>John</td> 
     <td>Doe</td>   
     <td>80</td> 
    </tr> 
    <tr> 
     <td>Adam</td> 
     <td>Johnson</td>   
     <td>67</td> 
    </tr> 
</tbody></table> 

<br /> 
<br /> 

<button>Print me</button> 

<script> 
function printData() 
{ 
    var divToPrint=document.getElementById("printTable"); 
    newWin= window.open(""); 
    newWin.document.write(divToPrint.outerHTML); 
    newWin.print(); 
    newWin.close(); 
} 

$('button').on('click',function(){ 
printData(); 
}) 
</script> 
</body> 
</html>

источник

2015-04-13 dames

В чем проблема? – Paco

@Paco кнопка печати ничего не делает, когда я запускаю код – dames

Вы понимаете код, который опубликовал? Если это так, вы должны отредактировать свой пост, объяснив, что именно он должен делать. Чего вы ожидаете? и т. д. – Paco

Неверный вызов функции javascript. Когда вы используете символ «$», это означает, что вы используете JQuery. У вас есть 2 варианта:

1 - Включить библиотеку Jquery на странице:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

2 - Вызвать функцию яваскрипта непосредственно на кнопку на 'OnClick' события. Это лучший вариант в вашем случае:

<button onclick="printData()">Print me</button>

источник

2015-04-13 17:19:53 Dagriel

Да, второй работает хорошо, большое вам спасибо – dames

при работе с JavaScript, часто бывает полезно посмотреть на консоли вашего браузера. После открытия этой страницы, шахта имеет ошибку:

ReferenceError: $ is not defined

$ является глобальной переменной вставлено JQuery. Попробуйте добавить

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

код. Это будет включать библиотеку jQuery.

источник

2015-04-13 17:04:51 noryb009

Sigh still nothing – dames

Обязательно добавьте его до использования $ - сразу после' 'было бы хорошим местом. – noryb009

Change this var divToPrint=document.getElementById("printTable"); 
to this var divToPrint=document.getElementById("<%=printTable.ClientID>"); 

and add jquery library <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

источник

2015-04-13 17:13:11 user4779701

Печать только таблицы html с помощью javascript

ответ

Смежные вопросы