Цифровое Железо

Меню навигации

Пользовательские ссылки

Активные темы

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Цифровое Железо » portal

portal

div.drag:hover {cursor: move;}
       #dragredaktor1, #dragredaktor2 {min-width: 150px;min-height:200px;margin:10px;}
        </style>
<script type="text/javascript">
$(document).ready(function(){
        $('div.drag').draggable({
                helper : 'clone',
                opacity : 0.3
        });
        
        $('td.drop').droppable({
                tolerance : 'fit',
                accept : 'div.drag',
                drop : function(event, ui) {
                        $(this).append(ui.draggable);
                }
        });
});
</script>

<table class="droptable">
<tr><td class="drop" colspan="3">Предустановленные блоки
<div class="drag">Новости</div>
<div class="drag">Календарь</div>
<div id="dragredaktor1" class="drag">Редактируемые блоки</div>
<div id="dragredaktor2" class="drag">Редактируемые блоки</div>
</td></tr>
<tr><td class="drop" colspan="3">Шапка</td></tr>
<tr>
<td class="drop dropleft">Правая колонка</td>
<td class="drop dropcenter">Центр</td>
<td class="drop dropright">Левая колонка</td>
</tr>
<tr><td class="drop" colspan="3">Футер</td></tr>
</table>

Вы здесь » Цифровое Железо » portal