Как создать элемент при нажатии мышки?
Скажем есть картинка которая скролится по горизонтале
<div id="container">
<div id="content">
<img id="img" src="img/1.jpg" />
</div>
</div>
фаил CSS
#container{
width: 300px;
margin: 0 auto;
}
#content{
position:relative;
overflow-x: scroll;
width: 300px;
}
подскажите как при нажатии в любой части картинки поставить там div'ак |
Нужно отловить событие, определить координаты его, создать элемент, установить ему нужные аттрибуты и прицепить его к DOM.
Ваш К.О. |
спасибо кэп:) но если бы ты сказал где можно прочесть об этом или привел бы хоть какой то пример мне было бы очень приятно))
|
document.getElementById( 'img' ).onclick = function (e) {
e = e || window.event,
var x = document.createElement( 'DIV' );
x.style.top = e.pageY,
x.style.left = e.pageX;
document.body.appendChild( x );
}
|
exec спасибо, разобрался:) ты и правда кэп:)
только там нужно сделать x.style.top = (e.pageY) + "px" иначе теряется значение а так же нужно добавить x.style.position = "absolute"; для того что бы координаты считывались с левого верхнего угла |
| Часовой пояс GMT +3, время: 18:16. |