لود آجاکس در وردپرس

[bmppc2 148]

سلام

من در صفحه اصلی سایتم میخوام یک قسمتی قرار بدم که اینجوری باشه مثلا یک تایمر باشه بزنه تا بارگزاری مجدد 100 ثانیه

وقتی 100 ثانیه که داره کم میشه مثلا 99 و 98 و ... وقتی رسید به 0 اون قسمت صفحه فقط دوباره لود بشه که من اونجا آخرین مطالب سایتمو کوئری گرفتم

یعنی مثل همین اخبار زنده که هست تو سایت ها

تشکر

[isk 4447]

از setInterval استفاده کنید.

الان از چه کدی استفاده می کنید؟

[bmppc2 148]

از setInterval استفاده کنید.

الان از چه کدی استفاده می کنید؟

setInterval چی هست و چجوری ؟

کد من که تو صفحه هست میخوام فقط اون قسمت دوباره بعد از رسیدن تایمر به 0 لود بشه اینه :

<div class="post">
<?php
$my_query = new WP_Query('showposts=10&cat=1');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</div>

ویرایش شده شهریور 93 توسط bmppc2

[kasra 4929]

منظورتون چیه ؟

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

[Ghasem Paran 333]

http://forum.wp-parsi.com/topic/22891-%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8-%D8%B9%D9%86%D8%A7%D8%B5%D8%B1-ul-%D8%A7%D8%B2-%D8%A2%D8%AE%D8%B1-%D8%A8%D9%87-%D8%A7%D9%88%D9%84-%D8%A8%D8%A7-jquery/page__st__30#entry165582

[bmppc2 148]

http://forum.wp-parsi.com/topic/22891-%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8-%D8%B9%D9%86%D8%A7%D8%B5%D8%B1-ul-%D8%A7%D8%B2-%D8%A2%D8%AE%D8%B1-%D8%A8%D9%87-%D8%A7%D9%88%D9%84-%D8%A8%D8%A7-jquery/page__st__30#entry165582

میشه بیشتر توضیح بدید من هیچی بلد نیستم از این مورد

[Ghasem Paran 333]

میشه بیشتر توضیح بدید من هیچی بلد نیستم از این مورد

منم تازه دارم داخل همین تاپیک یاد میگیرم.

شما کدی که بالا گذاشتید به این صورت تغییر بدید.

<div class="post">
<ul id="newsInner">
<?php
$my_query = new WP_Query('showposts=10&cat=1');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
</div>

بعدش این کد رو داخل قالبتون قرار میدهید.

setInterval(function(){
$(".post").load("<?php bloginfo('url');?>/#newsInner");
},60000);

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

با تشکر از آقای فخار

اگر تایمر میخواید ، یک div مثلا با آیدی timer داخل post قرار میدهید.

بعد کد setInterval اینجوری میشه.

$(".timer").html(60);
setInterval(function(){
var time = $(".timer").text();
if(time > 0)
time--;
$(".timer").text(time);
if(time == 0)
$(".post").load("<?php bloginfo('url');?>/#newsInner");
},60000);

اون یکی کد هم این شکلی میشه :

[CODE]
<div class="post">
<div id="timer"></div>
<ul id="newsInner">
<?php
$my_query = new WP_Query('showposts=10&cat=1');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
</div>

ویرایش شده شهریور 93 توسط Ghasem Paran

[bmppc2 148]

منم تازه دارم داخل همین تاپیک یاد میگیرم.

شما کدی که بالا گذاشتید به این صورت تغییر بدید.

<div class="post">
<ul id="newsInner">
<?php
$my_query = new WP_Query('showposts=10&cat=1');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
</div>

بعدش این کد رو داخل قالبتون قرار میدهید.

setInterval(function(){
$(".post").load("<?php bloginfo('url');?>/#newsInner");
},60000);

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

با تشکر از آقای فخار

اگر تایمر میخواید ، یک div مثلا با آیدی timer داخل post قرار میدهید.

بعد کد setInterval اینجوری میشه.

$(".timer").html(60);
setInterval(function(){
var time = $(".timer").text();
if(time > 0)
time--;
$(".timer").text(time);
if(time == 0)
$(".post").load("<?php bloginfo('url');?>/#newsInner");
},60000);

اون یکی کد هم این شکلی میشه :

[CODE]
<div class="post">
<div id="timer"></div>
<ul id="newsInner">
<?php
$my_query = new WP_Query('showposts=10&cat=1');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
</div>

تشکر

اما کار نکردش و هیچ اتفاقی در سایت نمیفته من به این صورت استفاده کردم این کد را گذاشتم در هیدر :

<script language="javascript" type="text/javascript">
$(".timer").html(10);
setInterval(function(){
var time = $(".timer").text();
if(time > 0)
time--;
$(".timer").text(time);
if(time == 0)
$(".post").load("<?php bloginfo('url');?>/#newsInner");
},10000);
</script>

و بعد این این کد را گذاشتم جائی که میخوام :

<div class="post">
<div id="timer"></div>
<ul id="newsInner">
<?php
$my_query = new WP_Query('showposts=10&cat=597');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
</div>

اما هیچ اتفاقی نمیفته

و اینکه چجوریمیتونم تایمر رانمایش بدم یعنی بنوسه : مدت زمان بارگزاری دوباره : 60 ثانیه و همینطوری دونه دونه کم بشه بشه 59 و 58 و 57 و تا 0 بیاد وقتی رسید به 0 صفحه دوباره لود بشه

[imanfakhar 26231]

1. timer را فعلا بردارید بعدا به اون هم می رسیم

2. کد اسکریپت را در footer بگذارید و چک کنید

اگر جواب نداد بجای $ بنویسید jQuery (بزرگی و کوچکی حروف مهمند) و چک کنید و نتیجه را بگید تا بریم سروقت تایمر

[imanfakhar 26231]

کد اسکریپتون کلا مشکل داره این کد را جایگزین کنید

$(".timer").html(10);
setInterval(function(){
var time = $(".timer").text();
if(time > 0) {
var time = time--;
$(".timer").text(time);
}
else {
$(".post").load("<?php bloginfo('url');?>/#newsInner");
$(".timer").text(10);
}
},1000);

[bmppc2 148]

کد اسکریپتون کلا مشکل داره این کد را جایگزین کنید

$(".timer").html(10);
setInterval(function(){
var time = $(".timer").text();
if(time > 0) {
var time = time--;
$(".timer").text(time);
}
else {
$(".post").load("<?php bloginfo('url');?>/#newsInner");
$(".timer").text(10);
}
},1000);

تشکر آقا فخار اما بازم نشد

من توی صفحه ای که میخوام بعد از چند ثانیه دوباره لود بشه اینو گذاشتم :

<div class="post" style="width:100%;background:#ff6600">
<div id="timer"></div>
<ul id="newsInner">
<?php
$my_query = new WP_Query('showposts=10&cat=597');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
</div>

و بعد توی فوتر که گفتید این کد رو گذاشتم :

<script type="text/javascript">
$(".timer").html(10);
setInterval(function(){
var time = $(".timer").text();
if(time > 0) {
var time = time--;
$(".timer").text(time);
}
else {
$(".post").load("<?php bloginfo('url');?>/#newsInner");
$(".timer").text(10);
}
},1000);
</script>

کار نکرد کد جاوارو توی هیدر هم گذاشتم کار نکرد

کدهای

<?php wp_heade(); ?>
<?php wp_footer(); ?>

هم در قالب هست

[bmppc2 148]

کد اسکریپتون کلا مشکل داره این کد را جایگزین کنید

$(".timer").html(10);
setInterval(function(){
var time = $(".timer").text();
if(time > 0) {
var time = time--;
$(".timer").text(time);
}
else {
$(".post").load("<?php bloginfo('url');?>/#newsInner");
$(".timer").text(10);
}
},1000);

ببخشید اسپم میدم ولی فکر کنم یادتون رفت

[imanfakhar 26231]

آژاکس به یکی دو تا آیتم مربوط نمی شه و نمی شه در یک جلسه و یک تایپیک آموختش اگر می خواهید آژاکس را بیاموزید از ریشه باید با ساختارش آشنا بشید و باهاش کار کنید

[sharedmedia=tutorials:tutorials:456]