PDA

View Full Version : سوال: قالب بندی صفحه برای گزارش


MS.Worm
جمعه 08 آذر 1392, 00:51 صبح
سلام و خسته نباشید.
من در حال طراحی یک سامانه هستم که باید یک گزارش پویا به کاربر بده و همچنین امکان پرینت هم داشته باشه. حالا مشکل اینجاس که وقتی میخوام با سی اس اس قالب پرینت رو طراحی کنم با دستور
@page
هیچ اتفاقی رخ نمیده.
اصلا انگار این دستور کار نمیکنه.
لطفا راهنمایی کنید.
با تشکر
refugee
جمعه 08 آذر 1392, 02:17 صبح
فکر کنم اگر از بوت استرپ 3.2 استفاده کنید مشکلتون برطرف بشه . سازگار با پرینت هم است .

و یا همچنین میتونید از این خاصیت سازگاری با پرینت هم تو خود سی اس اس بدون بوت استرپ استفاده کنید .
MS.Worm
جمعه 08 آذر 1392, 13:04 عصر
خیلی ممنون از پاسخ
فقط میشه بگید چه جوری از @page داخل سی اس اس بدون بوت استرپ استفاده کنم؟ چون من هرچی کد مینویسم اصلا جواب نمیده. مثلا میخوام بالای تمام صفحه هام یه متنی نوشته بشه. یا هر کد دیگه ای.
MS.Worm
جمعه 08 آذر 1392, 18:59 عصر
دوستان لطفا یه کمکی بکنید.
چرا دستورات @page کار نمیکنند.

مثلا این دستور:


@page :first { margin-top: 10cm; }


یا هر دستور دیگه ای اصلا کار نمیکنه
2undercover
جمعه 08 آذر 1392, 19:04 عصر
فک می کنم منظورتون همچین چیزی باشه:


@media print {
/* Page print styles here */
}
MS.Worm
جمعه 08 آذر 1392, 20:43 عصر
نه خوب فایل سی اس اس رو که با مدیا پرینت به صفحه لینک کردم.
من میخوام توسط این کد، مارجین بالای اولین صفحه رو 10 سانتری متر بزارم. یا امثال کارهایی که میشه انجام داد.
برای مثال کدهای این صفحه رو نگاه کنید که چه بلایی میشه سر صفحه های پرینت آورد.

http://www.w3.org/TR/css3-page/
mehbod.rayaneh
شنبه 09 آذر 1392, 02:32 صبح
درود
اصولا باید کار بده! شاید با روش 2undercover (http://barnamenevis.org/member.php?261565-2undercover) توی همون استایل بذاریدش کار بده!
http://msdn.microsoft.com/en-us/library/ie/ms530841%28v=vs.85%29.aspx
موفق باشید
MS.Worm
شنبه 09 آذر 1392, 10:46 صبح
دوستان لطفا یه کمکی بکنید خیلی گیرم.

این کد صفحه منه ولی اجرا نمیشه. مشکل کجاس؟



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>print page</title>

<style type="text/css" media="print">

@page:first
{
margin-top:10cm;
}

</style>

</head>

<body dir="rtl">

<script language="javascript" type="text/javascript">

for(var i = 0; i < 100; i++)
{
document.writeln('<div style="border:1px solid red;">salam</div>');
}

</script>

</body>

</html>
MS.Worm
یک شنبه 10 آذر 1392, 18:50 عصر
از دوستان کسی نیست این مشکل رو برطرف کنه؟
MS.Worm
دوشنبه 11 آذر 1392, 17:18 عصر
یعنی واقعا هیچ کس نیست این مشکل رو برطرف کنه؟
2undercover
دوشنبه 11 آذر 1392, 17:38 عصر
مشکلتون رو پیدا کردم. شما باید بین @page و :first یک فاصله قرار بدید. یعنی اینجوری:

@page :first {
/* Styles */
}
refugee
دوشنبه 11 آذر 1392, 20:39 عصر
یادمه استادمون میگفت یکی از کارایی table ها توی پرینت است .

در مورد <thead> , <tbody> , <tfood> سرچ کنید . کاربود تو صفحات پرینت دارد . انعطاف پذیری بهتری نسبت به دایو دارد . ;)
MS.Worm
دوشنبه 11 آذر 1392, 21:25 عصر
ممنون از پاسختون اما هیچ کدام از موارد جواب نداد. آخه واسه چی؟ شما تست می کنید جواب میده؟ با صفحه پرینت خیلی کارا میشه کرد، متن بالای صفحه متن پایین صفحه. پس چرا کدها اجرا نمیشه؟
2undercover
سه شنبه 12 آذر 1392, 14:59 عصر
من خودم با کروم نسخه ی 31 امتحان کردم و به درستی کار می کنه؟!
MS.Worm
سه شنبه 12 آذر 1392, 16:46 عصر
واقعا دمت گرم. منم نصب کردم درست بود. ولی نمیدونم چرا با مرورگرهای دیگه انجام نمیشه.
2undercover
سه شنبه 12 آذر 1392, 19:37 عصر
به این لینک یک سری بزنید:

https://developer.mozilla.org/en-US/docs/Web/CSS/:first

اونجا گفته که @page :first توی Firefox پشتیبانی نمیشه ولی خود @page از نسخه 19 فایرفاکس به بالا پشتیبانی میشه!