Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.07.2011, 16:21
Новичок на форуме
Отправить личное сообщение для Katz Посмотреть профиль Найти все сообщения от Katz
 
Регистрация: 26.07.2011
Сообщений: 2

Drag & Drop с несколькими элементами
Всем привет! Помогите пожалуйста со скриптом. На выбор есть 3 элемента при перетаскивании которых в блоке result появляется информации о них.
Проблема в том что пока при перетаскивании разных элементов, в result появляется одна и таже информация.
Выглядеть должно было так:
При перетаскивании элемента1, появляется информация1. При перетаскивании элемента2, информация1 удаляется и появляется информация2 и тд.

В js особо не разбираюсь, но сделать надо.. поэтому пожалуйста более понятным языком объясните
Вот код:
<script type="text/javascript">
$(function(){
  $("#draggable1").draggable();
  $("#droppable").droppable({
  	drop: function(){
  	  $("#result").append("Dropped!<br /><p>Da Vinci</p>");
  	}
  });
});
$(function(){
  $("#draggable2").draggable();
  $("#droppable").droppable({
  	drop: function(){
  	  $("#result").append("Dropped!<br /><p>Newton</p>");
  	}
  });
});
$(function(){
  $("#draggable3").draggable();
  $("#droppable").droppable({
  	drop: function(){
  	  $("#result").append("Dropped!<br /><p>Goethe</p>");
  	}
  });
});
</script>
</head>
<body>
<div id="draggable1" class="ui-widget-content">
  <p>Da Vinci</p>
</div>
<div id="draggable2" class="ui-widget-content">
  <p>Newton</p>
</div>
<div id="draggable3" class="ui-widget-content">
  <p>Goethe</p>
</div>
<div id="droppable" class="ui-widget-header">
  <p>Drop here</p>
</div>
<div id="result"></div>
</body>

Demo
Ответить с цитированием
  #2 (permalink)  
Старый 29.07.2011, 13:01
Новичок на форуме
Отправить личное сообщение для Katz Посмотреть профиль Найти все сообщения от Katz
 
Регистрация: 26.07.2011
Сообщений: 2

Уже не надо, спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
drag and drop многоуровневых ul, ol vvsh Элементы интерфейса 2 26.04.2011 21:05
Drag & Drop проблемка( htaccess Оффтопик 2 23.06.2010 07:45
Drag & Drop и Textarea Александр Владимирович Events/DOM/Window 1 14.06.2010 10:25
Реализация функции Drag $ drop parikmaher534 Javascript под браузер 2 12.05.2010 15:35
Drag & Drop в полном объеме dizews Events/DOM/Window 3 26.07.2007 12:43