Greasemonkey: Добавление кнопки печать - печать и «печать дружественный» стиль ДИВ

Question

Я создал Greasemonkey скрипт с целью:

• Добавить печать кнопку квитанций на 3-й участник веб-приложение странице
• Добавить чековый принтер дружественные стили Div в новом окне
• печати этого окно

кнопка показывает вверх, но это не вызывает мою функцию, которая в данный момент просто печатает DIV.

Вот где я нахожусь:

var scriptElement = document.createElement('script'); 
scriptElement.type = 'text/javascript'; 

scriptElement.innerHTML = 'function printReceipt() { \ 
var divToPrint=document.getEelementById("loanTable"); \ 
newWin= window.open(""); \ 
newWin.document.write(divToPrint.outerHTML); \ 
newWin.print(); \ 
newWin.close(); \ 
}'; 

document.getElementsByTagName("head")[0].appendChild(scriptElement); 

window.addButton = function() { 
    // Get the location on the page where you want to create the button 
    var targetDiv = document.getElementById('newcheckout'); 

    // Create a div to surround the button 
    var newDiv = document.createElement('div'); 
    newDiv.setAttribute('id', 'autoCheckOrder'); 

    // Create the button and set its attributes 
    var inputButton = document.createElement('input'); 
    inputButton.name = 'autoCheckOrderButton'; 
    inputButton.type = 'button'; 
    inputButton.value = 'Print Receipt?'; 
    inputButton.setAttribute("onclick", "printReceipt();"); 

    // Append the button to the div 
    newDiv.appendChild(inputButton); 
    targetDiv.appendChild(newDiv); 
} 
addButton(); 

Answer 1

Существует опечатка в этой строке:

var divToPrint=document.getEelementById("loanTable"); \ 

изменить его на:

var divToPrint=document.getElementById("loanTable"); \ 

---

В качестве альтернативы, добавьте следующую строку в ваш сценария metadata section:

// @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js 

Тогда весь сценарий становится:

$("#newcheckout").append ('<div id="autoCheckOrder"></div>'); 
$("#autoCheckOrder").append ('<button>Print Receipt?</button>'); 

$("#autoCheckOrder button").click (function() { 
    var divToPrint = document.getElementById ("loanTable"); 
    var newWin  = window.open (""); 
    newWin.document.write (divToPrint.outerHTML); 
    newWin.print(); 
    newWin.close(); 
});