Показать сообщение отдельно
  #12 (permalink)  
Старый 01.08.2010, 01:10
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Сообщение от 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-шники - не самая лучшая идея
Ответить с цитированием