Как создать элемент при нажатии мышки?

[Арсений]

Скажем есть картинка которая скролится по горизонтале

<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'ак

[subzey]

Нужно отловить событие, определить координаты его, создать элемент, установить ему нужные аттрибуты и прицепить его к DOM.

Ваш К.О.

[Арсений]

спасибо кэп но если бы ты сказал где можно прочесть об этом или привел бы хоть какой то пример мне было бы очень приятно))

[exec]

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";
для того что бы координаты считывались с левого верхнего угла