ورود

View Full Version : سوال: چگونه میشه یک پست وبلاگ و چاپ کرد ؟



B E H N A M
یک شنبه 08 دی 1387, 13:42 عصر
سلام .
من یک کد می خوام که با اون بتونم پستهای یک وبلاگ و چاپ کنم . یعنی بتونم تو یک وبلاگ مثلا کنار لینک نام نویسنده یک لینک اضافه کنم که کاربر با کلیک روی اون لینک بتونه مطالب همون پست و چاپ کنه .
ممنون میشم راهنماییم کنید .

Chabok
یک شنبه 08 دی 1387, 17:57 عصر
نمیشه به امکانات سرویس وبلاگ بستگی داره
شاید شما درست می فرمایید .

ولی با کمی ترفند میشه این کار رو کرد .

فقط کافیه دور مطلب هر پست یک عنصری با ID منحصر به فرد باشه . مثلا :

<div id="Post12">
Post Contents
</div>اگر بتوانید چنین خاصیتی ایجاد کنید می توانید تابعی بنویسید که InnerHtml این تگ را گرفته و سپس درون یک پنجره جدید بنویسد .

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

<a href="javascript:void(0)" onclick="javascript:printPost('Post12')" />و این تابع را در بالای قالب وبلاگ قرار دهید .


<script language="javascript">
function printPost(ElementID)
{
var disp_setting="toolbar=yes,location=no,directories=yes,menubar=ye s,";
disp_setting+="scrollbars=yes,width=650, height=600, left=100, top=25";
var content_vlue = document.getElementById(ElementID).innerHTML;

var docprint=window.open("","",disp_setting);
docprint.document.open();
docprint.document.write('<html><head><title>Inel Power System</title>');
docprint.document.write('</head><body onLoad="self.print()"><center>');
docprint.document.write(content_vlue);
docprint.document.write('</center></body></html>');
docprint.document.close();
docprint.focus();
}
</script>موفق باشید . خدانگهدار

Chabok
دوشنبه 09 دی 1387, 22:50 عصر
ولی شاید کمی زمان لود رو زیاد کنه و حجم صفحه بیاد بالا.

منظورتون همین 10 خط کد جاوا اسکریپته ؟

Chabok
سه شنبه 10 دی 1387, 11:06 صبح
نیاز به توضیح نیست . ولی خوب چون شمایید :

قرار شد دور مطالب هر پست یک عنصر با ID منحصر به فرد قرار بگیرد .
سپس برای چاپ InnerHtml این عنصر خوانده می شود (یعنی همه مطالب پست)

سپس یک پنجره جدید توسط window.open ساخته می شود .
و کدهایی که لازم داریم را در این پنجره می نویسیم .

و در واقع باید یک صفحه کامل HTML تولید کنیم . که BODY آن همان مطالب پست باشد .
و در هنگام لود شدن نیز متد چاپ صدا زده می شود .

کدها خیلی واضح هستند . یک بار مرور کنید متوجه خواهید شد .
موفق باشید . یا حق

B E H N A M
سه شنبه 10 دی 1387, 16:56 عصر
خیلی ممنون چابک جان از راهنماییت .
فقط من موندم چطور برای هر پستم یک آیدی منحصر به فرد تعریف کنم !!!
برای مثال من کد یک وبلاگ و اینجا می ذارم ... اگه میشه شما با استفاده از این کد به من نشون بدین چطور برای هر پست یک آیدی منحصر به فرد تعریف کنم .
پیشاپیش تشکر ...


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="description" CONTENT="<-BlogAndPostTitle-> - <-BlogDescription->">
<META NAME="keywords" CONTENT="<-BlogAndPostTitle->,<-BlogId->, Blog, Weblog, Persian,Iran, Iranian, Farsi, Weblogs, Blogs">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<meta name="GENERATOR" content="BlogFa.com">
<title><-BlogAndPostTitle-></title>
<style>
body {color:#444;background-color:#eee;text-align:center;margin:20px 0 30px;font-family: Tahoma; font-size: 8pt;}
.page{background:#fff;text-align:left;margin:20px auto;padding:10px;width:750px;}
.header{padding:0;margin:0;position:relative;heigh t:110px;background:#38c;width:750px}
.header h1{position:relative;font-family: Arial;font-size: 18pt; font-weight: bold;color:white;text-align:center;padding-top:40px;margin-bottom:10px;margin:0px}
.header A:link{font-family: Arial; font-size: 18pt; font-weight: bold;color:white;text-decoration:none}
.header A:hover{font-family: Arial; font-size: 18pt; font-weight: bold;color:white;text-decoration:none}
.header A:visited {font-family: Arial; font-size: 18pt; font-weight: bold;color:white;text-decoration:none}

.header .subtitle {color:white;font-family: Tahoma; font-size: 9pt;text-align:center;margin-top:0px;}
.bodyposts{float: right;text-align: right;padding-right:3px;width:520px;background-color:white}
.sidebar{float: left;background-color:white;width:180px;;background-color:white;font-family: Tahoma; font-size: 8pt;text-align:right;line-height:1.5em;}
.sidebar h3{margin-bottom:3px;margin-top:0px;font-family: Tahoma;font-size: 8pt;font-weight: 600;}

.post .hl{font-size: 9pt;font-family: Tahoma;color:blank;margin-bottom:5px}
.post .hl A:link{font-size: 9pt;font-family: Tahoma; font-weight: bold;text-decoration:none;color:navy}
.post .hl A:hover{font-size: 9pt;font-family: Tahoma; font-weight: bold;text-decoration:none;color:blue}
.post .hl A:visited {font-size: 9pt;font-family: Tahoma; font-weight: bold;text-decoration:none;color:navy}

.post .cnt{font-family: Tahoma;color:blank; font-size: 9pt;line-height:1.5em;}

A:link{color:#2277DD;text-decoration:none;}
A:visited {color:#2277DD;text-decoration:none;}
A:hover{color:Red;text-decoration:none;}

.post .info{font-family: Tahoma; color:#6F6F6F;margin-top:10px;font-size: 7pt;}
.post .info A{font-size: 8pt;}

.profile{line-height:1.5em;text-align: justify}
.profile img{margin:2px}

</style>




<script language="javascript">
function GetBC(lngPostid)
{
intTimeZone=<-BlogTimeZone->;
strBlogId="<-BlogId->";
intCount=-1;
strResult="";
try {
for (i=0;i<BlogComments.length;i+=2)
{
if (BlogComments[i]==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult="آرشیو نظرات";
if ( intCount==0) strResult="نظر بدهید";
if ( intCount==1) strResult="یک نظر";
if ( intCount>1) strResult=intCount + " نظر" ;

strUrl="http://commenting.blogfa.com/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,too lbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" + strResult + " </a>" ;

document.write ( strResult ) ;
}

function OpenLD()
{
window.open('LinkDump.aspx','blogfa_ld','status=ye s,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
return true;
}
</script>

</head>

<body>


<div class="page" dir="rtl" >
<div class ="header" >
<a href="<-BlogUrl->"><h1><-BlogTitle-></h1></a>
<p class="subtitle"><-BlogDescription-></p>
</div>
<div style="width:100%;height:12px;font-family: Tahoma; font-size: 4pt;"></div>
<!-- end header -->
<div style="background-color:white;">
<div class="bodyposts"><BLOGFA>
<div class="post">
<a name="<-PostId->"></a>
<h2 class="hl"><a href="<-PostLink->"><-PostTitle-></a></h2>
<div class="cnt"><-PostContent-><BlogExtendedPost><br>
<hr size =1 color =#E8E8E8 style="margin-bottom:5px;margin-top:5px">

<a href="javascript:void window.open('<-PostLink->', 'win2', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,m enubar=no,resizable=yes,width=640,height=480,direc tories=no,location=no');" >ادامه مطلب </a>

</div>
<div class ="info"><a href="<-PostLink->">+</a>&nbsp;نوشته شده در &nbsp;<-PostDate->ساعت&nbsp;<-PostTime->&nbsp توسط&nbsp;<-PostAuthor->&nbsp;
<BlogComment>






|&nbsp; <span dir="rtl" > <script type="text/javascript">GetBC(<-PostId->);</script> </span>
</BlogComment>
</div>
</div>
</BLOGFA>
<!-- end post -->

<BlogNextAndPreviousBlock>
<div style="width:100%">
<BlogPreviousPageBlock>
<div style="width:49%;float:right"><a href="<-BlogPreviousPageLink->">مطالب جدیدتر</a></div>
</BlogPreviousPageBlock>
<BlogNextPageBlock>
<div style="width:49%;float:left;text-align:left"><a href="<-BlogNextPageLink->">مطالب قدیمی‌تر</a></div>
</BlogNextPageBlock>
</div>
</BlogNextAndPreviousBlock>

</div>
<!-- end content -->
<div class="sidebar">

<BlogProfile>
<div class="profile">
<div style="text-align: justify" >
<BlogPhoto> <div align=center > <img src="<-BlogPhotoLink->" > </div> </BlogPhoto>
<-BlogAbout->
</div>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">

</BlogProfile>

<a href="<-BlogUrl->">صفحه نخست</a><br>
<BlogProfileLinkBlock><a href="<-BlogProfileLink->">پروفایل مدیر وبلاگ</a><br></BlogProfileLinkBlock>
<a href="mailto:<-BlogEmail->">پست الکترونیک</a><br>
<a href="<-BlogArchiveLink->">آرشیو وبلاگ</a><br>
<a href="/posts/">عناوین مطالب وبلاگ</a><br>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">

<BlogLinkDumpBlock>
<h3>پیوندهای روزانه</h3>
<BlogLinkDump>
<a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->" ><-LinkTitle-></a><br>
</BlogLinkDump>
<a href="javascript:void(0)" onclick ="OpenLD();">آرشیو پیوندهای روزانه</a>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
</BlogLinkDumpBlock>

<h3>نوشته های پیشین</h3>
<span dir="ltr">
<BlogArchive>
<a href="<-ArchiveLink->"><-ArchiveTitle-></a><br>
</BlogArchive>
</span>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">


<BlogCategoriesBlock>
<h3>آرشیو موضوعی</h3>
<BlogCategories>
<a href="<-CategoryLink->" ><-CategoryName-></a><br>
</BlogCategories>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
</BlogCategoriesBlock>

<BlogAuthorsBlock>
<h3>نویسندگان</h3>
<BlogAuthors>
<a href="<-AuthorLink->" ><-AuthorName-></a><br>
</BlogAuthors>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
</BlogAuthorsBlock> <BlogLinksBlock>
<h3>پیوندها</h3>
<BlogLinks>
<a href="<-LinkUrl->" target="_blank" ><-LinkTitle-></a><br>
</BlogLinks>


<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
<h3>فال حافظ</h3>



<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
</BlogLinksBlock>


<BlogLinksBlock>
<h3>تبلیغات</h3>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="138" height="224">
<param name="movie" value="http://www.rajanews.com/Files_Adver/22.swf">
<param name="quality" value="high">
<embed src="http://www.rajanews.com/Files_Adver/22.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="138" height="224"></embed>
</object>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
</BlogLinksBlock>

<!-- Begin WebGozar.com Poll code -->
<script type="text/javascript" language="javascript" src="http://www.webgozar.ir/c.aspx?Code=494704&amp;t=poll" ></script>
<!-- End WebGozar.com Poll code -->
<div align="center">
<p>&nbsp;

<!-- Begin WebGozar.com Poll code -->
<script type="text/javascript" language="javascript" src="http://www.webgozar.ir/c.aspx?Code=493855&amp;t=poll" ></script>
<!-- End WebGozar.com Poll code -->

<!-- Begin WebGozar.com Counter code -->
<script type="text/javascript" language="javascript" src="http://www.webgozar.ir/c.aspx?Code=1084256&amp;t=counter" ></script>
<noscript><a href="http://www.webgozar.com/counter/stats.aspx?code=1084256" target="_blank">آمار</a></noscript>
<!-- End WebGozar.com Counter code -->

<!-- Begin WebGozar.com Newsletter code -->
<form action="http://www.webgozar.com/nletter/a.aspx" target=_blank onsubmit="return sp(this);" name=wfrm method=post><p align=center dir=rtl><input class=txts type=text name="wgname"><br><input class=txts type=text name="wgemail"><br><input type=hidden value="259597" name="code"><input type="radio" id=c1 value="1" checked="true" name="R1" checked=true><font class=txtb><label for="c1">عضويت</label><input type="radio" id=c2 value="0" name="R1"><label for="c2">لغو عضويت</label><br><input type=submit class=txts value="ارسال به خبرنامه"></font><font class=txta><br><a href="http://www.webgozar.com">Powered by WebGozar</a></font><script language="javascript" src="http://webgozar.ir/scs/n2.js"></script><script language="vbscript" src="http://webgozar.ir/scs/n1.vbs"></script></p></form>
<!-- End WebGozar.com Newsletter code -->

<!-- Search Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td><A HREF="http://www.google.com/"></a>
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value="en">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
</center>
<!-- Search Google -->

<!-- Print Page Script
Use this script to have your
users print your HTML page
-->
<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write('<form> '
+ '<input type=button name=print value="Click" '
+ 'onClick="javascript:window.print()"> To Print this page!</form>');
}
// End -->
</script>


<p><a style="color: #FFFFFF; text-decoration: none; font-family: Arial; font-size: 8pt; border: 1px solid #FF9955; background-color: #FF6600" href="<-BlogXmlLink->">&nbsp;RSS&nbsp;</a>
</p>
<span color="#808080" style="font-size: 7pt">POWERED BY<br>
<a href="http://www.blogfa.com/" style="font-family: Arial; font-size: 9pt; " > BLOGFA.COM</a>
</p>
</div>
<br>
<div align="center"><-BlogCustomHtml-></div>

</div>
<!-- end sidebar -->
</div>

<div style="clear: both;">&#160;</div>

</div>



<p align="center"><span style="font-weight: 700"><font color="#00FF00">Free</font></span><a target="_blank" href="http://bahar-20.com"><span style="text-decoration: none; font-weight: 700"><font color="#00FF00">Cod Fall Hafez</font></span></a></p><!-- http://bahar-20.com Web Master Tools --><center><head></center><script type="text/javascript" src="http://bahar-20.com/ftp/Falehafez/cod/5.js"></script></head> <!-- http://bahar-20.com Web Master Tools -->

</body>

</html>

Chabok
سه شنبه 10 دی 1387, 19:08 عصر
سلام

راستش من نمیدونم این ها چه کدهایی تولید میکنند .
ولی ظاهرا میتونید از <-PostId-> و یا اگر نشد از <-PostTitle-> استفاده کنید .
ولی این دومی میتونه منحصر به فرد نباشه .

ویرایش شد :

پس از بازدید از یکی از وبلاگ های بلاگفا به این نتیجه رسیدم که :لبخند:
<-PostId-> عدد منحصر به فردی است و ID پست های وبلاگ محسوب میشه .

و در قالب وبلاگ هم که به صورت

<a name="<-PostId->"></a>
آمده به عنوان Bookmark است .

پس از همین شماره میتوانید استفاده کنید .:چشمک:

به نظر من در قالب آنجایی که تگ BLOGFA شروع میشه این عدد رو به عنصر اول بدین . به این صورت :


<BLOGFA>
<div id="<-PostId->" class="post">
...
موفق باشید .

B E H N A M
چهارشنبه 11 دی 1387, 10:26 صبح
:تشویق::تشویق::تشویق:

یک دنیا ممنون چابک جان ...
جواب داد .
چندتا مورد البته هست که فعلا خودم دارم باهاش کشتی میگیرم اگه به نتیجه نرسیدم بازم مزاحمت میشم ... :قلب:

B E H N A M
چهارشنبه 11 دی 1387, 11:01 صبح
مشکلم کامل حل شد .
می خواستم موقعی که صفحه جدید باز میشه به صورت اتوماتیک اقدام به چاپ صفحه نکنه که با حذف تیکه کد زیر از تابع printPost این اتفاق افتاد .


<body onLoad="self.print()">


بازم تشکر ...

mahan206
شنبه 17 آبان 1393, 16:24 عصر
سلام دوستان من این کد رو گزاشتم اما جواب نگرفتم


<!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>مدیریت سایت - مدیریت لینک ها</title>
<link href="files/style.css" rel="stylesheet" type="text/css">

<!-- begin the script-->


<script language="javascript">
function print(ElementID)
{
var disp_setting="toolbar=no,location=no,directories=y es,menubar=yes,";
disp_setting+="scrollbars=yes,width=650, height=600, left=100, top=25";
var content_vlue = document.getElementById(ElementID).innerHTML;

var docprint=window.open("","",disp_setting);
docprint.document.open();
docprint.document.write('<html><head>');
docprint.document.write('</head><body><center>');
docprint.document.write(content_vlue);
docprint.document.write('</center></body></html>');
docprint.document.close();
docprint.focus();
}
</script>

</head>
<body>


<div id="content">
چیزی که میخوام چاپ کنم

<a href="javascript:void(0)" onClick="javascript:print(<content>)"> چاپ </a>
</div>
<div class="clear"></div>
</div>
</body></html>