Сообщение от Saymor
|
но так не правильно, так как все равно идет 2 запроса
а если поставить:
j("#on").bind('click', on);j('#on').unbind('click', on);
то список с возрастом не вываливается.
логики уловить не могу..
|
я ж вроде написал, что ты выставляешь события много раз на #on_0 / #off_0 , и прочие
соответственно и снимать события надо с них же.перед тем, как выставить новые.
вот примерный код - не проверял на рабочесть, но суть такова:
<script type="text/javascript">
var j = jQuery;
function footer(OnOff){
j(OnOff).click(function(){
j(".panel").slideUp("slow");
j(".boxOn").css({'display':'none'});
j(".boxOff").css({'display':'none'});
j(".center").css({'display':'block'});
return false;
});
}
function ajaxURL(box, rat, age, objid){
j(box).html('<div class="load"></div>');
j.ajax({
type:"POST",
url:"ajax.index.php",
data:"option=com_kino&task=vote"+rat+age+"&id=<?=$id;?>",
cache:false,
success:function(html){j(box).html(html);}
});
}
j(document).ready(function(){
var fns=[null,null,null,null,null,null];//массив запомненных обработчиков события
j(".center").css({'display':'none'});
<?php /* кликаем на .boxOn > вываливается панель #panel */?>
j("#on").bind("click", function(){
j(".panel").attr('id','panelON').slideDown("slow");
<?php /* присваиваем уникальный id каждому элементу vozrast */ ?>
j(".panel div").attr('id',function(index){return 'on_'+index;}).addClass("vozrast_On").removeClass("vozrast_Off");
<?php /* выводим кнопки, ловим клик и обрабатываем AJAX */?>
j("#on_0").unbind('click',fns[0]).one("click", fns[0]=function(){ajaxURL(".boxLeft", "&query=on", "&age=0", "<?=$id;?>");});
j("#on_1").unbind('click',fns[1]).one("click", fns[1]=function(){ajaxURL(".boxLeft", "&query=on", "&age=1", "<?=$id;?>");});
j("#on_2").unbind('click',fns[2]).one("click", fns[2]=function(){ajaxURL(".boxLeft", "&query=on", "&age=2", "<?=$id;?>");});
j("#on_3").unbind('click',fns[3]).one("click", fns[3]=function(){ajaxURL(".boxLeft", "&query=on", "&age=3", "<?=$id;?>");});
j("#on_4").unbind('click',fns[3]).one("click", fns[4]=function(){ajaxURL(".boxLeft", "&query=on", "&age=4", "<?=$id;?>");});
j("#on_5").unbind('click',fns[4]).one("click", fns[5]=function(){ajaxURL(".boxLeft", "&query=on", "&age=5", "<?=$id;?>");});
footer(".vozrast_On");
});
<?php /* отрицательный отзыв */?>
j("#off").bind("click", function(){
j(".panel").attr('id','panelOFF').slideDown("slow");
<?php /* присваиваем уникальный id каждому элементу vozrast */?>
j(".panel div").attr('id',function(index){return 'off_'+index;}).addClass("vozrast_Off").removeClass("vozrast_On");
<?php /* выводим кнопки, ловим клик и обрабатываем AJAX */?>
j("#off_0").unbind('click',fns[0]).one("click", fns[0]=function(){ajaxURL(".boxRight", "&query=off", "&age=0", "<?=$id;?>");});
j("#off_1").unbind('click',fns[1]).one("click", fns[1]=function(){ajaxURL(".boxRight", "&query=off", "&age=1", "<?=$id;?>");});
j("#off_2").unbind('click',fns[2]).one("click", fns[2]=function(){ajaxURL(".boxRight", "&query=off", "&age=2", "<?=$id;?>");});
j("#off_3").unbind('click',fns[3]).one("click", fns[3]=function(){ajaxURL(".boxRight", "&query=off", "&age=3", "<?=$id;?>");});
j("#off_4").unbind('click',fns[4]).one("click", fns[4]=function(){ajaxURL(".boxRight", "&query=off", "&age=4", "<?=$id;?>");});
j("#off_5").unbind('click',fns[5]).one("click", fns[5]=function(){ajaxURL(".boxRight", "&query=off", "&age=5", "<?=$id;?>");});
footer(".vozrast_Off");
});
});
</script>
<div style='text-align:center;margin-top:5px;'>
<div class='boxLeft'><?=$sumON; /*число из базы*/ ?></div>
<div class='boxOn' id='on'></div><div class='boxOff' id='off'></div><div class='center'></div>
<div class='boxRight'><?=$sumOFF; /*число из базы*/ ?></div>
</div><div style='clear:both;'></div>
<div class='panel'>Выберите Ваш возраст:
<div>моложе 20</div>
<div>21-30</div>
<div>31-40</div>
<div>41-50</div>
<div>51-60</div>
<div>61 старше</div>
</div>
PS кстати, менять ID-шники - не самая лучшая идея