Я работаю над веб-сайтом для друга друга, и самая большая вещь, на которой я сейчас застрял, — это форма усыновления. У меня есть форма, все сказано и сделано, но я не могу заставить вводную информацию открываться на новой странице. Так сказать, экран печати, который включает только вопросы и введенные ответы. У меня был очень простой код, который работал нормально. Выскочило именно то, что я хотел напечатать. Проблема в том, что я не мог настроить его с помощью CSS. Я нашел другой способ сделать это из справочного вопроса здесь. Но этот человек, который задал вопрос, не делает то же самое, что и я, поэтому это очень помогает.
Это код, который я пробовал, работал нормально, но не настраивался:
<script type="text/javascript">
function printDiv(divName) {
alert('s');
var printContents = document.getElementById(divName).innerHTML;
w=window.open();
w.document.write(printContents);
w.print();
w.close();
}
For specific area of a page
<div id="print-content">
<form>
<input type="button" onclick="printDiv('print-content')" value="print a div!"/>
</form>
</div>
Это еще один код, который я также пробовал, но он вообще не работал:
function printPage(){
var width = screen.width - 50;
var tableData = '<table width="'+width+'" border="1">'+document.getElementsByTagName('table')[0].innerHTML+'</table>';
var cssHead = '<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>'
var data = cssHead + '<button onclick="window.print()">Print this page</button>'+tableData;
myWindow=window.open('','','width=auto,height=auto');
myWindow.innerWidth = screen.width;
myWindow.innerHeight = screen.height;
myWindow.screenX = 0;
myWindow.screenY = 0;
myWindow.document.write(data);
myWindow.focus();
};
После этого ничего не произошло. Я нажал кнопку и абсолютно ничего не произошло.
Затем я попытался взять немного обоих:
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var cssHead = '<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>'
var data = cssHead + printContents;
myWindow=window.open('','','width=auto,height=auto');
myWindow.innerWidth = screen.width;
myWindow.innerHeight = screen.height;
myWindow.screenX = 0;
myWindow.screenY = 0;
myWindow.document.write(data);
myWindow.focus();
myWIndow.close();
}
Это тоже не сработало. Нажал кнопку ничего не произошло. Я в ужасной потере для того, что делать. Я немного знаю JavaScript, но не очень много. Я немного познакомился с ним в школе. Ничего продвинутого. Я действительно хочу, чтобы это было сделано, и это одна из последних вещей, прежде чем она будет закончена. Любые идеи? Что я делаю не так?