Saya sedang mengerjakan situs web untuk teman dari seorang teman, dan hal terbesar yang membuat saya terjebak saat ini adalah formulir adopsi. Saya sudah menyelesaikan semua formulir, tetapi saya tidak bisa membuka informasi masukan di halaman baru. Layar cetak yang hanya memuat pertanyaan dan jawaban yang dimasukkan. Saya memiliki kode yang sangat sederhana yang berfungsi dengan baik. Itu muncul persis dengan apa yang ingin saya cetak. Masalahnya adalah saya tidak bisa menyesuaikannya dengan CSS. Saya menemukan cara lain untuk melakukannya dari pertanyaan bantuan di sini. Tetapi orang yang mengajukan pertanyaan ini tidak melakukan hal yang sama dengan saya, jadi itu hanya sangat membantu.
Ini adalah kode yang saya coba yang berfungsi dengan baik tetapi tidak dapat disesuaikan:
<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>
Ini adalah kode lain yang juga saya coba, tetapi tidak berfungsi sama sekali:
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="/idmystyle.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();
};
Tidak ada yang terjadi setelah ini. Saya mengklik tombolnya dan sama sekali tidak terjadi apa-apa.
Lalu saya mencoba mengambil sedikit dari keduanya:
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var cssHead = '<head><link rel="stylesheet" type="text/css" href="/idmystyle.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();
}
Ini juga tidak berhasil. Mengklik tombol tidak terjadi apa-apa. Saya sangat bingung harus berbuat apa. Saya tahu beberapa JavaScript tetapi tidak banyak. Saya sedikit mengenalnya di sekolah. Tidak ada yang lebih maju. Saya sangat ingin menyelesaikan ini dan ini adalah salah satu hal terakhir sebelum selesai. Ada ide? Apa yang saya lakukan salah?