Создание дива при клике
"Я нуб, нужен совет". Как это исправить:
<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">
В коде координаты курсора передаются в инпут. Затем при клике по странице должен создаваться див с координатами, что в инпуте. Но ничего не происходит! Что я не правильно сделал?
|