PDA

View Full Version : سوال: چاپ یک Div


اوبالیت به بو
پنج شنبه 20 شهریور 1393, 17:14 عصر
سلام

من بوسیله این دستورات یک Div رو چاپ می کنم:

<script type="text/javascript" src="../../Scripts/Print/jquery-1.3.1.min.js"> </script>
<script type="text/javascript">

function PrintElem(elem) {
Popup($(elem).html());
}

function Popup(data) {
var mywindow = window.open('', 'myDiv', 'height=600,width=800');
mywindow.document.write('<html><head><title>myDiv</title>');
/*optional stylesheet*/ //mywindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');
mywindow.document.write('</head><body >');
mywindow.document.write(data);
mywindow.document.write('</body></html>');

mywindow.print();
mywindow.close();

return true;
}

</script>

اما مساله اینه که این اون چیزی که می خوام نیست. حتی شبیه چیدمان Div خودم هم نیست. من میخوام یک ساختار منظم و بهتری داشته باشه. مثل شکل سمت راست:

123322
FastDesign.ir
پنج شنبه 20 شهریور 1393, 19:54 عصر
با سلام خدمت شما دوست گرامی
از کد زیر استفاده نمایید:


$(function () {
Popup($("#load").html());
});

function Popup(data) {
var popupWin = window.open('', '_blank', 'height=800,width=600');
popupWin.document.open();
popupWin.document.write('<html><title>myDiv</title><link rel="stylesheet" type="text/css" href="main.css" /></head>');
popupWin.document.write('<body onload="window.print();window.close();">');
popupWin.document.write(data);
popupWin.document.write('</body></html>');
popupWin.document.close();
return true;
}
اوبالیت به بو
جمعه 21 شهریور 1393, 12:05 عصر
ببخشید این فایل main.css چی هست؟
FastDesign.ir
جمعه 21 شهریور 1393, 12:28 عصر
سلام دوباره خدمت شما دوست گرامی
main.css فایل حاوی استایل صفحه شما است که شما در کد خود، آن را کامنت کرده بودید.
اوبالیت به بو
جمعه 21 شهریور 1393, 15:54 عصر
درود بر شما

من چنین فایلی ندارم!

برای اینکه بتونم از این Div به همین صورتی که هست چاپ بگیرم چه کدی باید بنویسم؟ می تونید در اختیارم قرار بدید؟
FastDesign.ir
جمعه 21 شهریور 1393, 18:17 عصر
اگر صفحه شما دارای فایل css هست که از آن برای تغییر ظاهر صفحه استفاده کردین، باید آن را برای پرینت به document ارسالی، اضافه کنید.
از ظاهر div شما نیز مشخص است که دارای استایل می باشد و آن استایل به پرینت ارسال نشده است.
(خط 11 از کدی که خودتان قرار دادید، یک فایل css به نام main را به صفحه لینک کرده اما به صورت کامنت درآمده است)
در هر صورت، با استفاده از کدی که قرار داده شد، می توانید صفحه را با همان شکل ظاهری خود به پرینت ارسال کنید.
اوبالیت به بو
شنبه 22 شهریور 1393, 10:44 صبح
عرض کردم من فایل css ندارم. علت کامنت هم همین هست.
fakhravari
شنبه 22 شهریور 1393, 11:40 صبح
جای main کل css بیارین
برای راحتی بهتر کل کد ها را توی یم main کنید