کادری که محتویات آن عوض شود(بدون رفرش صفحه)

[morteza271]

چجوری میشه محتویات یه کادر رو که شامل عکس و متن باشه بعد چند ثانیه عوض شه؟
دقیقا مثل بخش سرتیتر مهمترین خبر در سایت http://www.football3.ir (http://www.football3.ir/)

[cups_of_java]

AJAX, for example see this (http://www.electrictoolbox.com/load-content-jquery-ajax-loading-image/).

[morteza271]

ممنون ولی من از Ajax چیزی نمیدونم...
اگه میشه لطف کنید کدشو برام بذارین...
ممنون میشم

[mehdi.mousavi]

ممنون ولی من از Ajax چیزی نمیدونم... اگه میشه لطف کنید کدشو برام بذارین... ممنون میشم

سلام.
لینکی که "یک فنجان قهوه" بهتون دادن، حاوی مثال نیز هست، البته مثال مربوطه بر اساس JQuery نوشته شده. به این بخش از کد از لینک مربوطه دقت کنید:

$('#example-placeholder').load("/examples/ajax-loaded.html");

این کد، داره میگه برو صفحه ajax-loaded.html رو از سرور load کن (از مسیر examples) و پاسخ هر چی بود، اونو جایگزین المنتی با ID ی example-placeholder کن.

اما سوال شما، در وهله اول، پاسخش اینه: شما میتونید با استفاده از setTimeout یا setInterval تابع مورد نظرتون رو در JavaScript بر اساس یه Timer اجرا کنید. setInterval با هر بار Expire شدن تایمر بطور خودکار تابع رو مجدد اجرا میکنه، در صورتیکه setTimeout تنها تابع رو پس از اولین expire شدن timer اجرا میکنه. برای متوقف کردن timer نیز میتونید از clearTimeout و clearInterval استفاده کنید و پارامتر بازگشتی به دو تابع اولیه رو به این توابع بدید.

سپس، با هر بار expire شدن تایمر، میتونید با استفاده از Ajax اطلاعات رو از Server گرفته و در جایگاه مناسب در Dom Document اونو نمایش بدید.

البته اگر این اطلاعات حجم کمی دارن، میتونید اونها رو در اولین باری که صفحه Render میشه بصورت XML Data Island، JSON، Array یا هر Container دیگه ای در صفحه قرار بدید تا دیگه نیازی به استفاده از Ajax نباشه. (که منجر به حذف Round-Trip های بعدی میشه).

موفق باشید.

[mojtaba_apadana]

سلام .
شما می تونید این کارهای گرافیکی زیبا را به فریم ورکی مثل JQuery به زیبایی انجام بدین.
حتما خیلی به کارتون می آد.

موفق باشین