دیتالایف انجین فارسی

آخرین مطالب با جی کوئری

تاریخ انتشار: 17 فروردین 1389
ارسال کننده: SMostafa
امکانات :
- نمایش آخرین ارسال های سایت بصورت تک تک
- استفاده از تکنولوژی JQuery در نمایش
- نمایش عکس آخرین مطالب ارسالی

دموی ماژول
  • دانلود
  • آموزش نصب
  • سوالات متداول
  • تصاویر
نام فایلحجم فایلتعداد دانلودعملیات
جهت دانلود این فایل، وارد سایت شوید. در صورتی که حساب کاربری ندارید، از طریق صفحه ثبت نام عضو شوید.
1. فایل ضمیمه رو دانلود کنید و در مسیر مشخص شده قرار بدید.

2. فایل index.php رو باز کنید :

کد زیر رو پیدا کنید :

require_once ROOT_DIR . '/engine/init.php';


و زیر آن کد زیر رو قرار بدید :

require_once ENGINE_DIR . '/modules/last_news.php';


3. در همین فایل دنبال کد زیر بگردید :

$tpl->set ( '{topnews}', $topnews );


و زیر آن کد زیر رو قرار بدید :

$tpl->set ( '{last_news}', $last_news );


4. فایل templates/{THEME}/main.tpl رو باز کنید و به دنبال کد زیر بگردید :

</head>


و قبل از کد بالا کد زیر را قرار دهید:

<script type="text/javascript">

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>


5. کد زیر را نیز بعد از اسکریپت بالا قرار دهید :

{last_news}


6. استایل زیر را بعد از کد بالا قرار دهید:

<style type="text/css" media="all">
#lastnews{width: 270px;height:170px;}

#lastnews a img{background: transparency;border:#cccccc 1px solid;padding: 4px;margin:4px;opacity:0.8;-moz-border-radius:5px;-webkit-border-radius: 5px;width:200px;height:135px;}

#lastnews a:hover img{opacity:1;}
</style>


7. برای نمایش آخرین مطالب کد زیر را در محل مناسبی از قالب قرار دهید:

<script type="text/javascript">
new pausescroller(lastnews, "lastnews", "lastnews", 3000)
</script>
برای کاربری سازی چکار باید کرد؟
به راحتی می توانید با ایجاد تغییر در قسمت 6، شکل ظاهری را در آخرین مطالب تغییر دهید.

عدد 3000 در قسمت 7: سرعت مکث هر مطلب در هزارم ثانیه می باشد.

متغیرهای موجود در فایل last_news.php :
$cng['link'] = 100; // تعداد کاراکتر ها در عنوان مطلب
$cng['limit'] = 10; // تعداد مطالب قابل نمایش


حذف تصویر: برای نمایش ندادن عکس مطالب، فایل engine/modules/last_news.php رو باز کنید و کد زیر رو حذف کنید:
".$pic."
آخرین مطالب با جی کوئری
مکث چند ثانیه ای آخرین مطالب:
آخرین مطالب با جی کوئری
40 نفر (40 کاربر و 0 میهمان) از این مطلب تشکر کرده اند.
تشکر
عضو سایت
17 فروردین 1389 - 21:39
سلام
آقا مصطفی کار قشنگی باید باشه ولی ای کاش یه دمو میزاشتی از کارتون

بازم تشکر می کنم از شما feel
عضو سایت
17 فروردین 1389 - 21:42
خیلی ممنون عالیه
فقط یه مسئله برای نمایش عکس میتونیم یه فیلد معرفی کنیم دیگه چون معمولاً عکس های مطالب با حجم 40 کیلوبایت هستش!
بعد یه سوال چند تا مطلب رو نشون میده همون 10 تا ؟!؟
عضو سایت
17 فروردین 1389 - 22:07
دستت واقعا درد نکنه flower الان می ذارم ببینم چی می شه happy
عضو سایت
17 فروردین 1389 - 23:32
donoghted این پست ها خیلی به زیبایی سایت کمک میکنه
ممنون flower
عضو سایت
18 فروردین 1389 - 01:11
خیلی Jquery دوست دارم بازم بزارید . دیتالایف انجین وب 3 حساب میشه با این وجود
عضو سایت
18 فروردین 1389 - 01:33
عالیه SMostafa جان flower نصبش هم آسون و بدون مشکله cheshmak فقط 4،5 کیلوبایت حجم قالب میره بالا که np دیگه donoghted دستت درد نکنه. فقط یه خواهش دیگه: اسلاید مطالب با جی کوئری هست، می تونی درست کنی که بجای اینکه کلیک کنی تا به چپ یا راست بره، خودش مثل همین که درست کردی بعد از 3ثانیه به راست یا چپ بره. اینطوری دیگه دیتالایف انجین می ترکه dance happy loveu
مدیر سایت
18 فروردین 1389 - 02:04
flower عالیه موفق باشی

--------------------
عضو سایت
18 فروردین 1389 - 07:42
از این کارها بازهم بکن dance
عضو سایت
18 فروردین 1389 - 10:39
ممنون زحمت کشیدی آقا مصطفی love flower
عضو سایت
18 فروردین 1389 - 13:02
آقا مصطفی ترکوندیا donoghted
دستت درد نکنه dance flower love
عضو سایت
18 فروردین 1389 - 14:33
SMostafa
سلام
چرا نظر رو حذف میکنی؟!
بلدی جواب بده و الا بذار شاید بقیه بتونن جواب بدن
یا لا اقل علت حذف نظر رو برام بفرست؛ كار اشتباهی كردم كمك خواستم؟
آخه شما ها هم بله ؟؟؟؟؟؟؟؟؟؟ narahat
عضو سایت
18 فروردین 1389 - 15:17
سلام
خواهش می کنم، قابل شما رو نداره donoghted flower love
نقل قول: islamsun
خیلی ممنون عالیه
فقط یه مسئله برای نمایش عکس میتونیم یه فیلد معرفی کنیم دیگه چون معمولاً عکس های مطالب با حجم 40 کیلوبایت هستش!
بعد یه سوال چند تا مطلب رو نشون میده همون 10 تا ؟!؟

حجمشونو کم نمیکنه، خوب دیگه من چیکار کنم که عکس هاتون بزرگه؟ donoghted
10 تا عکس بیشتر نیست laughing donoghted
نقل قول: raliga
عالیه SMostafa جان flower نصبش هم آسون و بدون مشکله cheshmak فقط 4،5 کیلوبایت حجم قالب میره بالا که np دیگه donoghted دستت درد نکنه. فقط یه خواهش دیگه: اسلاید مطالب با جی کوئری هست، می تونی درست کنی که بجای اینکه کلیک کنی تا به چپ یا راست بره، خودش مثل همین که درست کردی بعد از 3ثانیه به راست یا چپ بره. اینطوری دیگه دیتالایف انجین می ترکه dance happy loveu

همین متن رو توی نطرات اون پست بدید، خود آقا پدرام درستش می کنه soot herher donoghted

نقل قول: thaniashar
SMostafa
سلام
....narahat

شما چقدر با اطمینان حرف میزنید herher
من از دیشب که مطلب رو پست کردم همین الان رسیدم بخونم نظرات رو donoghted

--------------------
عضو سایت
18 فروردین 1389 - 16:04
SMostafa,
پس كی نظر منو حذف كرده؟ یكی از مدیران بوده دیگه؟ به هر حال دوباره سؤالم رو مینویسم شاید یكی جواب داد
من از نسخه 8.5 استفاده میكنم ولی تو صفحه ویرایش مطالب قبل وقتی به صفحه 2 میرم این ارور رو میده ....
414 Request-URI Too Large
The request URL is over the maximum size allowed!
--------------------------------------------------------------------------------


Powered By LiteSpeed Web Server
LiteSpeed Technologies is not responsible for administration and contents of this web site

هر كی میدونه كمك كمك كمك كمك كمك كنه
مدیر سایت
18 فروردین 1389 - 16:48
thaniashar,
دوست عزیز و گرامی بهتر نبود که این مطلب رو توی انجمن مطرح میکردید flower

--------------------
عضو سایت
18 فروردین 1389 - 17:40
تو نظرات به آقا پدرام گفتم، گفت شاید واست درست کردم، هیچ خبری نشد! نمی شه زحمتش رو بکشید donoghted راستی کد کجا رو باید عوض کرد تا طوری بشه که بتونیم خودمون ده تا عکس بدیم با لینک تا اونارو نشون بده؟! boos
مدیر بازنشسته
18 فروردین 1389 - 19:20
thaniashar,
گفتم که تو انجمن به هاستینگت بگو
عضو سایت
18 فروردین 1389 - 20:16
چطوری میشه عكسو حذف كرد
عضو سایت
18 فروردین 1389 - 21:02
نقل قول: raliga
تو نظرات به آقا پدرام گفتم، گفت شاید واست درست کردم، هیچ خبری نشد! نمی شه زحمتش رو بکشید donoghted راستی کد کجا رو باید عوض کرد تا طوری بشه که بتونیم خودمون ده تا عکس بدیم با لینک تا اونارو نشون بده؟! boos

بهش ایمیل بزن خوب donoghted
نمیشه عکس رو کاریش کرد، این سیستم خودش عکس رو میذاره donoghted
نقل قول: nasirrayan
چطوری میشه عكسو حذف كرد

آموزش قرار گرفته شد. cheshmak donoghted

--------------------
عضو سایت
19 فروردین 1389 - 16:27
می شه یک عکس پیش فرض داد تا اگه مطلبی عکس نداشته باشه اونو بیاره؟! question
عضو سایت
19 فروردین 1389 - 16:53
نقل قول: raliga
می شه یک عکس پیش فرض داد تا اگه مطلبی عکس نداشته باشه اونو بیاره؟! question

فایل inc/engine/last_news.php رو باز کنید و به دنبال کد زیر بگردید:
$pic = '<center><img src="'.$mathes[1][0].'" title="'.$title.'" alt="'.$title.'" ></center>';

کد زیر را جایگزین کد بالا کنید:
        if ($mathes[1][0] != ""){
    $img = $matches[1][0];
    }else {
    $img = "{THEME}/images/last_news_img.gif";
    }
        $pic = '<center><img src="'.$img.'" title="'.$title.'" alt="'.$title.'" ></center>';


عکس مورد نظر رو تو مسیر زیر آپلود کنید:
{THEME}/images/last_news_img.gif

--------------------
عضو سایت
19 فروردین 1389 - 20:30
دمت گرم fellow
عضو سایت
22 فروردین 1389 - 04:37
جزاك الله خیراً smile
عضو سایت
24 فروردین 1389 - 13:11
سلام
من نصب کردم ولی عکسی نشون نمیده
عضو سایت
01 اردیبهشت 1389 - 12:52
نقل قول: NovinPress
سلام
من نصب کردم ولی عکسی نشون نمیده

سلام
مگه میشه؟ belay
نکنه قسمت آخر شخصی سازی رو نصب کردید؟ excisted
اگه میشه یه شات بدید donoghted

--------------------
عضو سایت
01 اردیبهشت 1389 - 23:52
ممنون
ولی میشه کاری کرد که فقط آخرین پستهای یه موضوع رو نشون بده ؟
عضو سایت
30 اردیبهشت 1389 - 15:30
سلام
بچه ها کمک.
من نصب کردم ولی عکس نمیاره.
تو یه جا دیگه لایف رو از نو نصب کردم این رو هم اضافه کردم نشون داد.
جای عکس ها که راست کلیک می کنم آدرس ببینم هست یا نه آدرس سایت رو می نویسه.
حالا مشکل از کجاست که من هم بتونم عکسهای مطالب رو هم بیارم ؟
ممنونم.
عضو سایت
30 تیر 1389 - 19:10
عضو سایت
08 شهریور 1389 - 17:35
سلام وتشکر خیلی ماژول خوبیه..
حالا چه جوری می تونیم عین همین برای برترین مطالب داشته باشیم؟
جهت ارسال نظر، فرم زیر را تکمیل نمائید:
نام:*
ایمیل:*
متن نظر:

 
پررنگکج خط دارخط دار در وسط|سمت چپوسط سمت راست|قرار دادن شکلکانتخاب رنگ|پنهان کردن متنقراردادن نقل قولتبدیل نوشته ها به زبان روسیقراردادن Spoiler
کد را وارد کنید: *
عکس خوانده نمی شود