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

Создание дива при клике
"Я нуб, нужен совет". Как это исправить:
<script>
var position, xCoor, yCoor;
document.onmousemove = 
   function(event){
      position = document.getElementById('position');
      xCoor = event.pageX;
      yCoor = event.pageY;
      position.value='left: '+xCoor+'px; top: '+yCoor+'px;';
   };
document.onclick = 
   function(){
      var dot = document.createElement('div');
      dot.setAttribute('style', position.value);
      dot.className='dot';
   }
</script>

<style>
.dot{width:1px;height:1px;border:1px solid #000;position:absolute}
</style>
<input type="text" value="left: 0px; top: 0px;" id="position">

В коде координаты курсора передаются в инпут. Затем при клике по странице должен создаваться див с координатами, что в инпуте. Но ничего не происходит! Что я не правильно сделал?
Ответить с цитированием