Всем привет , я новичок в этом деле))) Проблема в следующем:
есть кнопка при нажатии на которую в html добавляется новый див( с новыми координатами он же кубик который рисуется). Есть функция которая проверяет нет ли уже дива по заданным координатам и если есть то рекурсивно вызывается новое смещение по координатам.
<div id="obert">
<div id="cubik"></div>
</div>
<div class="top_button">
<button type="submit">
<img src="http://2.bp.blogspot.com/- Ka01fTxAf60/UgiQjKfcTAI/AAAAAAAAC3U/YZMu6PIB1cg/s1600/str_15.gif"onclick="Up()">
</button>
А вот скрипт, при выводе к консоль всё ок, условие выполняется, но всё равно кубик рисуется ....( есть и другие кнопки (права,лева , низ....)
var lastX, lastY, firstX, firstY, shiftX = 32, shiftY = 32;
var offset = $('#cubik').offset();
lastX = offset.left;
lastY = offset.top;
var lookDiv = function(lX, lY)
{
var element = document.elementFromPoint(lastX,lastY);
console.log(lastX,lastY,element);
if (window.element != 'undefine') {
console.log("ok");
return false;
}
};
var addDiv = function()
{
$ ( "#obert" )
.append ( "<div></div>");
$( "#obert div:last-child" )
.addClass("cube")
.offset( {
top: lastY,
left: lastX
});
};
function Up(lX, lY)
{
lastX = lastX;
lastY -= shiftY;
if (lookDiv()) {
// не ресуем, а рекурсивно вызываемся повторно
up(lastX, lastY);
} else {
addDiv();
}
};