در تکمیل پست قبلی مدیر
چیزی که شما میخاین پرینت مطالب داخل یک div خاص هست . یعنی به این روش به چیزی که میخای میرسی .
شما یک button یا لینک یا مثلاً تگ p ایجاد میکنی با خاصیت onclick مثلاً اینطوری :onclick=javascript:printDiv('id') که تابع printDiv رو فراخوانی کنه .
حلا تابع printdiv هم اینجوریه :
<script language="javascript" type="text/javascript">
function printDiv(divID) {
var divElements = document.getElementById(divID).innerHTML;
var oldPage = document.body.innerHTML;
document.body.innerHTML =
"<html><head><link rel='stylesheet' href='css/style.css' type='text/css' media='print' /><title>پرینت </title></head><body><div class='print'>" + divElements + "</div></body>";
window.print();
document.body.innerHTML = oldPage;
}
</script>
خوب تا اینجا که مشکل شماکامل حل میشه ، حالا اگه بخای به این قسمتی که داخل div هست style هم بدی میتونی مثل نمونه کدی که دادم مثلاً یه div جدید هم ایجاد کنی با کلاس مورد نظرت و یک style.css هم داخل تگ هد بالا فراخوانی کنی که خاصیت media در تگ link باید print باشه ، وبقیه کارها هم که با css انجام میشه .
اسکریپت هم که روشنه یک صفحه جدید ایجاد میکنه و بعد از پرینت دوباره صفحه قبلی فراخوانی میشه . موفق باشین .
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول