یک استفاده ساده از آجاکس و پی اچ پی

shetaban

Member
می خواهم یک باکس تصویری در سایتم داشته باشم که هر 10 ثانیه تصویرش عوض بشه(بدون رفرش شدن کل صفحه)
به این صورت که هر 10 ثانیه تصویر جدید را دانلود کند و همراه متن alt و هایپرلینک روی تصویر با تصویر قبل جایگزین کند
آدرس تصویر و متن و لینک مرتبط با آن را از طریق یک فایل متنی می دهم
اگر بخواهم تعداد کلیک روی هر تصویر را هم کنار متن alt نشان دهد باید چیکار کنم؟
 

msnasiri

Member
خب مشکلی نیست که
با settimeout مشکل اون 10 ثانیه رو حل می کنی
و بهتره که کل مجموعه تگ img رو هم داخل فایل php بذاری
و هربار از اون فایل php به نمایش بذاری
 

tabib_m

Member
در مورد تعداد نمایش هم باید با هر بار مشاهده ی تصویر ، توی دیتابیس ثبت کنی ، و بعد موقع نمایش توی title بندازیش.

پ.ن: برای این منظور (متن شناور) استفاده از خصوصیت title استانداردتر از alt هست!
 

shetaban

Member
ممکنه کمی مبتدیانه تر توضیح دهید

یا اینکه کد بدهید

من نه با پی اچ پی آشنایی زیادی دارم نه آجاکس

متشکرم
 

mehdi_25

Member
اگر شما اون تصویر با لینک و تگ های مرود نظر رو یه صفحه فرض کنید نیاز دارید که هر 10 ثانیه یک بار صفحه مورد نظر ریفرش بشه .
برای تعداد کلیک روی تصویر هم باید قبلاً این کلیک هارو ثبت کنی حالا یا داخل دیتابیس یا یه فایل Txt یا Xml
هنگام نمایش هم این هارو همه رو لود می کنی و نمایش میدی .
 

shetaban

Member
حالا امکان نداره کد بدهید
فکر کنم به درد خیلی ها بخوره

من می خواهم با این کار یه تبلیغات ساده در سایتم قرار دهم
 

shetaban

Member
نبود؟

امکان نداره کد بدهید(آخه من پی اچ پی و آجاکس بلد نیستم)

فکر کنم به درد خیلی ها بخوره
 

shetaban

Member
چقدر هزینه اش می شه؟

چقدر هزینه اش می شه تا یه راهنمایی کوچیک بکنید؟
اونوقت می گن چرا پی تی بهتره!
 

mosi20

Active Member
این سورس را بگیر اگه خواستی پولی بدی بگو
خواستی من با 10 هزار تومن یه مدیریت هم برات مینوسم تا راحت تر باهاش کار کنی
این تلفن من هستش 2292845 0311 محسن داوری
 

پیوست ها

  • ajax_gallery.zip
    1.4 کیلوبایت · بازدیدها: 25
آخرین ویرایش:

mehdi_25

Member
چقدر هزینه اش می شه تا یه راهنمایی کوچیک بکنید؟
اونوقت می گن چرا پی تی بهتره!
هزینه چی چقدر میشه ... ؟
ببین عزیز دل برادر اگه می خوای یه سایت کامل راه اندازی کنی که هیچ ، ولی اگه فقط همین یه مورد رو می خوای که خوب بچه ها سورس بهت میدن دیگه مثل mosi20 که لطف کردن . قیمتش هم بد نیست
 

parisaa

Member
چطور این تغییرات را در اسکریپت بدهم؟

اسکریپت جالبی است
چطور می توانم تغییرات زیر را در اون انجام بدهم؟
1- متن Please wait را حذف کنم در عوض هنگام تغییر عکسها افکتی بیاید
مانند افکتی از جاوا اسکریپ که هنگام رفتن از یک صفحه به صفحه دیگر تا دانلود کامل صفحه جدید اطلاعات قبلی را نمایش می دهد بعد که صفحه جدید کاملا دانلود شد با یک افکتی صفحه جدید را باز می کند


2- لینک روی هر کدام از عکسها را تغییر دهم مثلا عکس شماره 1 با آدرس فلان به فلا صفحه از سایتم هایپر لینک باشد



"
کد:
<?
//url
$my_image_source[0]='image_0.gif';
$my_image_source[1]='image_1.gif';
$my_image_source[9]='image_9.gif';

//alt
$my_image_alt[0]='alt 0';
$my_image_alt[1]='alt 1';
$my_image_alt[9]='alt 9';

$my_id=@$_GET['id'];
if( $my_id=='' || $my_id='no') {
$my_pic_number=count($my_image_source);
$my_pic_rand=rand( 0 , $my_pic_number);
$my_url=$my_image_source[$my_pic_rand];
$my_alt=$my_image_alt[$my_pic_rand];
}else{
$my_url=$my_image_source[$my_id];
$my_alt=$my_image_alt[$my_id];
}
print '<a href="'.$my_url.'"><img alt="'.$my_alt.'" src="'.$my_url.'" border="0"></a>';
?>

کد:
<script>
function ajax_do(url , parametr){
 var xmlhttp=false;
	/*@cc_on @*/
    /*@if (@_jscript_version >= 5)
    try {
        xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
    } catch (e) {
        try { xmlhttp = new ActiveXObject('Microsoft.XMLHTTP'); } 
		catch (E) 
		{ xmlhttp = false; }
    }
    @end @*/

    if(!xmlhttp) { xmlhttp=new XMLHttpRequest(); }
		xmlhttp.open('POST', url, true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.onreadystatechange = function() {
	document.getElementById('loading').style.visibility="";
			 if(xmlhttp.readyState==1){
			    document.getElementById('wait').innerHTML = "Please wait .";
			 }
			 if(xmlhttp.readyState==2){
			    document.getElementById('wait').innerHTML = "Please wait . .";
			 }
			 if(xmlhttp.readyState==3){
			    document.getElementById('wait').innerHTML = "Please wait . . .";
			 }
			 if(xmlhttp.readyState==4) { 
			    document.getElementById("res").innerHTML =xmlhttp.responseText;
					document.getElementById('loading').style.visibility="hidden";
       }else{
					document.getElementById('loading').style.visibility="";
			 }
		}
		xmlhttp.send(parametr);
}

 function pic_loader( pic_id){
 document.getElementById('loading').style.visibility="";
 ajax_do('ajax_gallery.php','id='+pic_id+'&time='+escape(new Date()));
 setTimeout("pic_loader('"+pic_id+"')",10000 ) ;
 }
 setTimeout("pic_loader('no')",10 ) ;
</script>
<DIV id="loading" align=center style="Z-INDEX: 999; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; visibility:hidden; filter: filter:alpha(opacity=40)">
	<table border="0" width="173" id="table2" cellspacing="0" cellpadding="0" height="46" style="border: 1px solid #59E615; " bgcolor="#DEFBD0">
		<tr>
			<td>
			<p align="left" style="margin-left: 20px"><font size="2" face="Tahoma"><b>Loading</b><br>
			<span id=wait>Please wait</span></font></td>
		</tr>
	</table>
</DIV>
<span id="res"></span>
<!--mohsen davari create www.mohsendavari.ir -->
 

mehdi_25

Member
من از PHP چیزی سرم نمیشه ولی برای این که بجای Please Wait بتونی از یه عکس انیمیشن مثل منوی لود ویندوز که پر میشه یا هر چیز دیگه استفاده کنی
این کار رو بکن
بجای :
کد:
"Please wait ."
اینو بزار :
کد:
"<img src='Images/loading.gif' /> Please Wait...</p>"
که داخل شاخه Images یه عکس به نام Loading.gif قرار داده رو لود میکنه تا وقتی که تمام صفحه لود بشه اون عکس رو نشون میده .
 

parisaa

Member
اولا ممنون که زود جواب دادید ، وبلاگت را هم دیدم اون مقاله را خوندم ساده بود یه چیزایی حالیم شد ولی تو بقیه قسمتها که رفتم یه کم گیج شدم(بالا تر از سطح سواد من بود) دانشجو شدنت را هم تبریک می گم

دوما از پی اچ پی چیزی حالیم نیست

سوما من می خواستم کلا چیزی هنگام تغییر دو عکس نمایشس داده نشه (نه متن و نه عکسی)
ابتدا عکس شماره 1 را نشان دهد
5 ثانیه بعد شروع کند به دانلود عکس شماره دو
در هنگام دانلود عکس دوم همان عکس قبلی را نگه دارد(چیزی عوض نشود)
وقتی دانلود تمام شد با یک افکتی عکس اولی پاک شود و عکس دوم بیاید

چهارم چطور می تونم روی عکسها لینک مشخصی به صفحات سایتم قرار دهم (غیر از لینک سورس عکسها)

پنجم بازم دستتون درد نکنه
 

mehdi_25

Member
بزار شب برات یه تابع میزارم که حلشو ببری . همه این کار ها رو میکنه
 

NabiKAZ

Well-Known Member
سلام ،

در مورد تعویض تصاویر و توضیحاتشون همراه با افکت من سایتهای زیادی رو دیدم که با جاوا اینکار رو کردند.
الان یکی که تو ذهنمه متاسفانه سایتش خرابه !
ولی من قبلا صفحه رو سیو داشتم.
اضافات رو حذف کردم و کدش رو ضمیمه کردم ، البته تماما جاوا اسکریپته و چیز تمیزیه .
اگر میخواید حتما اژاکس باشه میتونید با کدی که اقای داوری در صفحه قبل گذاشتند ادغامش کنید.

تشکر
نبی
 

پیوست ها

  • effect pic.rar
    105.3 کیلوبایت · بازدیدها: 12

parsjax

Banned
این مشکل شما اصلا ربطی به ای جکس نداره این یه اسکریپته سادست
 

mehdi_25

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

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

بالا