[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: js поиск div'ов по их координатам top/left
Jekel
реально сделать как-то так?
var diva = document.getElementById('box').style.top = '100px' && style.left = '50px';

чтобы оно присвоило переменной адрес этого дива если он есть а если нету - создало..



Спустя 6 минут, 26 секунд (17.01.2011 - 00:14) Snus написал(а):
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script
type="text/javascript">
$(document).ready(function(){

$('#box').css({ 'top': '100', 'left': '50' });

});
</script>

Спустя 1 минута, 24 секунды (17.01.2011 - 00:16) sharki написал(а):
Snus
Зачем ему подгружать 52 кб кода? вместо 10 байтов чистого JS?

Спустя 1 минута, 15 секунд (17.01.2011 - 00:17) Snus написал(а):
sharki
Потому, что jQuery - это удобно и полезно.

Спустя 2 минуты, 29 секунд (17.01.2011 - 00:19) Slays написал(а):
чото у тебя пример кода и вопрос не сопоставляются =)
где ты тут див создаешь ?

Спустя 57 секунд (17.01.2011 - 00:20) Slays написал(а):
Snus
подключать JQ чтобы "ссылочки подкрасить", не лучшее решение. JQ разжижает мозг =)

Спустя 1 минута, 10 секунд (17.01.2011 - 00:22) Jekel написал(а):
jq отпадает, интерестно как сделать чистым кодом

Спустя 1 минута, 17 секунд (17.01.2011 - 00:23) Invis1ble написал(а):
Jekel
примерно так:
var div = document.getElementById('box');

if (div == 'undefined')
var div = document.createElement('div');

div.style = 'top: 100px; left: 50px';

попробуй....

Спустя 2 минуты, 1 секунда (17.01.2011 - 00:25) Jekel написал(а):
это понятно..ты проверил просто наличие дива...на надо проверить наличие дива с задаными координатами..

Спустя 5 минут, 58 секунд (17.01.2011 - 00:31) Slays написал(а):
ты представленным кодом пытался проверить есть ли объект по заданным координатам ?
user posted image

Задавай вопросы корректней, по ТС ваще не понятно что ты хочешь.

Спустя 3 минуты, 41 секунда (17.01.2011 - 00:35) Jekel написал(а):
что не понятно...есть код:
<div id="map" class="map">
<div
id="box" class="box" style="margin-top:0px; margin-left:0px;"></div>
<div
id="box" class="box" style="margin-top:100px; margin-left:200px;"></div>
</div>


надо найти див который margin-top:100px; margin-left:200px;
короче говоря поиск дива по параметрам его стиля)

Спустя 16 минут, 3 секунды (17.01.2011 - 00:51) Invis1ble написал(а):
Jekel
это что-то из области фантастики, имхо

Спустя 7 минут, 51 секунда (17.01.2011 - 00:58) Jekel написал(а):
разработчики js не шарят))) что нельзя сделать было
как-то так?
иногда удобно же
var kop = document.getElementById('box').style.marginTop = '0px';
kop.style.backgroundColor = '#000';

Спустя 1 минута, 34 секунды (17.01.2011 - 01:00) Invis1ble написал(а):
Jekel
можно попробовать перебрать все элементы DOM в цикле, и если у какого-то совпал аттрибут style с требуемым, то это и есть твой div.. Как-то так

Спустя 1 минута, 56 секунд (17.01.2011 - 01:02) Invis1ble написал(а):
Точнее не все элементы DOM, а дочерние для div'a c id="map"

Спустя 52 секунды (17.01.2011 - 01:03) Jekel написал(а):
ну цикл я в последнюю очередь рассматриваю
но похоже это единственный вариант

Спустя 2 минуты, 51 секунда (17.01.2011 - 01:06) Slays написал(а):
убирай 2 одинаковых ID

// если уверены что есть такой блок с ID = box, не уверены лишь, что в нужном месте
var div = document.getElementById('box');
var defTop = 100;
var defLeft = 50;

if(div && parseInt(div.offsetTop) == defTop && parseInt(div.offsetLeft) == defLeft){
alert('Он существует оО');

}else{
alert('нету там')
}


целиком задачи перед глазами нету, по-этому не уверен
user posted image

Спустя 13 минут, 35 секунд (17.01.2011 - 01:19) Jekel написал(а):
супер, почти то, что я хотел..но с подходом с другой стороны
спасибо большое smile.gif

Спустя 2 минуты, 11 секунд (17.01.2011 - 01:21) Jekel написал(а):
	var div = document.getElementById('box');
var defTop = 50;
var defLeft = 550;

if(div && parseInt(div.style.marginTop) == defTop && parseInt(div.style.marginLeft) == defLeft){
alert('Он существует оО');

}else{
alert('нету там')
}
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.