Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: drag & drop
 
 автор: servannin   (24.06.2005 в 16:38)   письмо автору
 
 

Почему в этом коде , если элемент картинка,то его можно перемещать ,а если таблица,то нет ???

<html>
<head>
<!-- &#207;&#240;&#232;&#226;&#229;&#228;&#229;&#237;&#237;&#251;&#233; &#237;&#232;&#230;&#229; &#234;&#238;&#228; &#231;&#224;&#234;&#235;&#254;&#247;&#224;&#229;&#242;&#241;&#255; &#236;&#229;&#230;&#228;&#243; &#242;&#229;&#227;&#224;&#236;&#232; <head>...</head> -->
<script language="JavaScript">

flg = (document.all) ? 0 : 1;
var obj;

function mousedown(ev) 
{
 if (flg) 
 { 
  obj = document.layers[ev.target.name];
  X=ev.x;
  Y=ev.y;
  return false;
 }
 else 
 {
  obj = event.srcElement.parentElement.style;
  X=event.offsetX;
  Y=event.offsetY;
 }
}

function mousemove(ev) 
{
 if (obj) 
 {
  if (flg) 
  {
   obj.moveTo((ev.pageX-X), (ev.pageY-Y));
  }
  else 
  {
   obj.pixelLeft = event.clientX-X + document.body.scrollLeft;
   obj.pixelTop = event.clientY-Y + document.body.scrollTop;
   return false;
  }
 }
}

function mouseup() 
{
 obj = null;
}

if (flg) 
{
  document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}

document.onmousedown = mousedown;
document.onmousemove = mousemove;
document.onmouseup = mouseup;

</script>

</head>
<body>

   <div id="a" style="position:absolute;left:90;top:100;">
      <table name="a"  cellspacing="0" cellpadding="0" border="1">
<tr>
    <td>erytehcfghjfyjutyjgfyjgfjghjghjgh</td>
</tr>
<tr>
    <td></td>
</tr>
</table>

   </div>

   <div id="b" style="position:absolute;left:90;top:150;">
      <img src="img.gif" name="b">
   </div>

   <div id="c" style="position:absolute;left:150;top:200;">
      <img src="img.gif" name="c">
   </div>

   
</body>
</html>

Спасибо

   
 
 автор: glsv (Дизайнер)   (25.06.2005 в 06:15)   письмо автору
 
   для: servannin   (24.06.2005 в 16:38)
 

Потому что сама таблица не визуализируемый элемент. Ее нельзя "пощупать". Можно выбрать изображение или текст внутри таблицы, но не саму таблицу.

Но этом все и строится. Щелкаем на изображении, затем выбираем родительский элемент event.srcElement.parentElement и передвигаем его.

Когда же щелчок происходит на тексте в ячейке, то родительким элементом для него будет тег <tr>, а вовсе не <div>, который нам нужен.

А вот такой код будет работать. Мы выбрали текст в параграфе (в теге <p>). А родительским элементом для тега <p> является как раз нужный нам <div>

<div id="a" style="position:absolute;left:90;top:100;"> 
<p name=a>erytehcfghjfyjutyjgfyjgfjghjghjgh</a> 

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования