Показать сообщение отдельно
  #1 (permalink)  
Старый 29.08.2013, 07:32
Новичок на форуме
Отправить личное сообщение для rozmarin Посмотреть профиль Найти все сообщения от rozmarin
 
Регистрация: 29.08.2013
Сообщений: 1

как сделать чтобы при наведении draggable элемента раскрывалась категория
У меня имеется список категорий с подкатегориями, все вывожу в таблице. Если у строки parent>0 то делаю ее невидимой, При наведении draggable строки на категорию куда хочу ее поместить, если задерживаю курсор над элементом 1сек раскрывается категория, но при наведении мыши на подкатегорию она не раскрывается, как сделать так чтобы и она расскрывалась тоже.
Вот код
<script type="text/javascript">

$(uint);
var id_drag;
var id_start;
var str;
var id="";
function uint(){
var str=new Array();
var id1="";
$('#cat_table tbody tr').draggable({
revert:"invalid",
helper:"clone",
start:function(){

}
});
}
$(uint1)
function uint1()
{
$('#cat_table tbody tr').droppable({
over:function (event, ui) { id=$(this).attr('id');
setTimeout( function(){
jQuery('#cat_table tbody tr.cats_'+id+'').show();
str+=' '+id+',';
},1000 );

},
out:function(event,ui){id=0; },
drop :function(){alert (str);}
});


}

</script>

и сама таблица <table cellpadding="0" cellspacing="0" border="0" class="admin_list" id="cat_table">
<thead>
<tr>

</tr>
<tr>
<td style="width:16px;"><input style="margin-right:21px;" type="checkbox" name="all" onChange="change_all_checkbox(this);" title="Выделить все" onMouseOver="movePic('Выделить все');"
onMouseOut="hidePic();" ></td>

<td style="width:90%; text-align:left; " >Название</td>
<td style="width:50px;" >Вес</td>
<!--<td style="width:50px;">Видимость</td>-->
<td style="width:50px;">Действия</td>
</tr>
</thead>
<tbody >
<? foreach($items as $v){ ?>
<tr <? if ($v['parent']>0) echo "style='display:none;'"?> class="cats_<?=$v['parent']?>" id="<?=$v['id']?>" >
<td >

<input type="checkbox" name="id[]" value="<?=$v['id'] ?>" id="<?=$v['id'] ?>" class="category_select_<?=$v['parent']?>" onChange="expandTR1(<?=$v['id'] ?>); return false;" style="margin-left:<?=$v['level']*30 ?>px;" <?=checked($v['id']) ?>/> <? if ($v['childs'] > 0){ ?><a href="#" id="cats_a_<?=$v['id']?>" class="cats_a" onclick="expandTR(<?=$v['id']?>);return false;" ><img src="/manager/img/icon_plus.gif" /></a><? }else {echo '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';}?></td>
<td style="text-align:left;">

<? if ($v['visible'] == 'Y'){ ?> <img src="/manager/img/green_16_16.png" /> <? } else {?> <img src="/manager/img/red_16_16.png" /> <? } ?>
<a href="?act=edit&id=<?=$v['id']?>"<? if ($v['childs'] == 0){ ?> style="color:red; "<? } ?> > <?=$v['title']."&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id:".$v['id'];?>
<? if ($v['etalon']==0) {?> <span style='color:#609; font-size:10px;'> <? } else {?> <span style="font-size:10px"> <? } ?>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Эталон:<?=$ v['etalon']?>


<td>

</td>
</tr>

<? } ?>

</tbody>
</table>
Ответить с цитированием