یه دکمه پرینت می خوام تو صفحه وب خودم بذارم تا با کلیک روی اون کاربر بتونه از صفحه مورد نظر پرینت بگیره...اگه کد java script این کار رو دارید بهم بدید
Printable View
یه دکمه پرینت می خوام تو صفحه وب خودم بذارم تا با کلیک روی اون کاربر بتونه از صفحه مورد نظر پرینت بگیره...اگه کد java script این کار رو دارید بهم بدید
توی جاوا اسکریپت این کار خیلی راحته.
کد زیر یه دکمه میسازه که کاربر میتونه با کلیک روی اون صفحه رو پرینت کنه:
و یا با کلیک روی عکس!:کد:<form>
<input type="button" value="صفحه را چاپ کن" onClick="window.print()" />
</form>
و یا روی متن ساده:کد:<A HREF="javascript:window.print()">
<IMG SRC="print_image.gif" BORDER="0"</A>
کد:<A HREF="javascript:window.print()">برای پرینت کردن صفحه اینجا را کلیک کنید</A>
آقا دستت درد نکنه...کارت درسته:46:
من از این کد استفاده کردم...فقط یه مشکل!!! با این روش از کل صفحه مورد نظر پرینت گرفته می شه ولی من می خوام کاری کنم که قسمت های خاصی چاپ شه...توی css یه همچین امکانی هست ولی نمی دونم چرا جواب نمی ده... فکر کنم به خاطر همین قطعه کدی که گفتی باشه..راهی وجود داره که با همون جاوا اسکریپت بتونم قسمت خاصی رو پرینت کنم؟؟
باید از css استفاده کنی.
اون المنت هایی که نمی خای چاپ بشن رو باید توی یه فایل به اسم print.css بنویسی. اینجوری:
حال در فایل html المنتی با id برابر mylinks رو چاپ نمی کنه. مثلاً اگه این المنت به table و یا div باشه که به قسمت بزرگی باشه که نخاید چاپ شه مب تونید id اون table و یا div رو توی این فایل بنویسید.کد:#mylinks, .noprint { display: none; }
در کد بالا همۀ المنت هایی که class="noprint" باشده هم چاپ نمی شن.
برای اینکه بتونید چن تا از المنت ها چاپ نکنید باید از کاما استفاده کنید:
در آخر باید قطعه زیر رو به فایل html اضافه کنید:کد:#mylinks, #rightPart, #bottomPart { display: none; }
حالا اگه همون کد جاوااسکریپت print رو بزاری حله.کد:<link rel="stylesheet" media="print" href="print.css" type="text/css" />
مثال:
فایل print.css :
فایل html :کد:#links1, #printButton { display: none; }
اینجارم به نگاهی بنداز:کد:<html>
<body>
<link rel="stylesheet" media="print" href="print.css" type="text/css" />
<form>
<input id="printButton" type="button" value="Print Page" onClick="window.print()" />
</form>
<a id ="links1" href="http://www.google.com"> myLink1 </a><br>
<a id ="links2" href="http://www.google.com"> myLink2 </a><br>
<a id ="links3" href="http://www.google.com"> myLink3 </a><br>
</body>
</html>
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کارم راه افتاد...بازم اگه مشکلی بود می گم..:46: