Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как узнать координаты картинки которую я получаю с 
:(
    Опции темы
vlad275
  Дата 20.3.2008, 14:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3
Как узнать координаты картинки которую я получаю с другого сайта и закрыть ее часть. Вот этот скрипт не работает. Что не правильно?

Код

<script language=JavaScript>
{
var x=0, y=0;
var obj = document.getElementById('id2');

while(obj) {
    x+=obj.offsetLeft;
    y+=obj.offsetTop;
    obj=obj.offsetParent;
 }
 
document.write("<IMG title='u.ru' SRC='images/logo-long.gif' STYLE='z-index:0;position:absolute;top:".y."px;left:".x."px' WIDTH=160 HEIGHT=34 border=0 HSPACE=0 VSPACE=0 alt='u.ru'");
}
</script>


Это сообщение отредактировал(а) vlad275 - 20.3.2008, 14:33


--------------------
Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8
PM MAIL   Вверх
bars80080
Дата 20.3.2008, 15:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315
пытаемся закрыть обязательную рекламу?

наверно всё же неправильно будет писать document.write, лучше, если картинка уже будет на странице в скрытом слое ( { display: none; } ), а затем вы выставляете ей координаты и открываете
PM MAIL WWW   Вверх
vlad275
Дата 20.3.2008, 23:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3
Да, хочется закрыть.
Не знаете почему мой скрипт не работает?
Может есть работающий вариант?


--------------------
Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8
PM MAIL   Вверх
bars80080
Дата 21.3.2008, 11:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315
ну, скажем так
Код
<html><head>
<style>
#id2 { position: relative; top: 200px; left: 300px; background: #cccccc; }
#hidimg { display: none; position: absolute; top: 0px; left: 0px; }
#hidimg img { width: 160px; height: 34px; border: 0px; }
</style>
<script language=JavaScript>
function doit() {
    var x=0, y=0;
    var obj = document.getElementById('id2');
    while(obj) {
        x+=obj.offsetLeft;
        y+=obj.offsetTop;
        obj=obj.offsetParent; }
    //alert(x + ' ' + y);
    var himg = document.getElementById('hidimg');
    himg.style.left = x; himg.style.top = y;
    himg.style.display = 'block'; }
</script>
</head><body onload="doit();">
<div id="id2">sdg werg wergj lfg</div>
<div id="hidimg"><img src="zzz.jpg" title='u.ru' /></div>
</body></html>
PM MAIL WWW   Вверх
vlad275
Дата 21.3.2008, 15:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3
Большое спасибо!
Работает. Я немного упростил

Код


<html>
<head>
<script language=JavaScript>
function f1() {
    var x=0, y=0;
    var obj = document.getElementById('id2');
    x+=obj.offsetLeft;
    y+=obj.offsetTop;
    var obj3 = document.getElementById('id3');
    obj3.style.left = x; 
    obj3.style.top = y;
}
</script>
</head>
<body onLoad="f1();">

<div id="id2" style=position:relative;>
<img src="x.gif"  title='x.ru'>
</div>

<div id="id3" style=position:absolute;>
<img src="images/logo-long.gif" title='x.ru'>
</div>

</body>
</html>



Это сообщение отредактировал(а) vlad275 - 21.3.2008, 15:17


--------------------
Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8
PM MAIL   Вверх
vlad275
Дата 26.3.2008, 14:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3
Новая напасть. Размер картинки которы я закрываю меняется в размерах. Как получить координаты левого верхнего угла этой картинки?


Это сообщение отредактировал(а) vlad275 - 26.3.2008, 14:28


--------------------
Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8
PM MAIL   Вверх
bars80080
Дата 26.3.2008, 14:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315
не совсем понятно, вы ведь итак узнаёте координаты левого верхнего угла рекламки, если нужно узнать её ширину, то действуем также:
Код
<html><head>
<style>
#id2 { position: relative; top: 200px; left: 300px; width: 400px; background: #cccccc; }
#hidimg { display: none; position: absolute; /*top: 0px; left: 0px;*/ }
#hidimg img { width: 160px; height: 34px; border: 0px; display: block; }
</style>
<script language=JavaScript>
function doit() {
    var obj = document.getElementById('id2');
    x = obj.offsetLeft;
    y = obj.offsetTop;
    w = obj.offsetWidth;
    h = obj.offsetHeight;
    alert(w + ' ' + h);
    var himg = document.getElementById('hidimg');
    himg.style.left = x; himg.style.top = y;
    himg.style.display = 'block'; }
</script>
</head><body onload="doit();">
<div id="id2">sdg werg wergj lfg</div>
<div id="hidimg"><img src="zzz.jpg" title='u.ru' /></div>
</body></html>
PM MAIL WWW   Вверх
vlad275
Дата 26.3.2008, 14:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3
Спасибо!

Добавлено через 12 минут и 43 секунды
Какие-то чудеса :-(



Действительно, я получаю координаты кактинки, но почему-то когда размер полученной картинки меняется по ширине, та картинка которой я закрываю еузжает влево :-(

Код

    x+=obj.offsetLeft;
    y+=obj.offsetTop;
    var obj3 = document.getElementById('id3');
    obj3.style.left = x; 
   obj3.style.top = y+7;


Что это может быть?


--------------------
Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8
PM MAIL   Вверх
bars80080
Дата 26.3.2008, 15:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315
не знаю, это какие-то проблемы вёрстки (слои друг на лруга наезжают и оно всё дёргается)
у меня спокойно реагирует на изменение блока под ней.

надо посмотреть какпозиционирование ещё влияет
PM MAIL WWW   Вверх
vlad275
Дата 26.3.2008, 15:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3
А в этом скрипте вроде никакие слои не указаны?

Что интересно на одной страничке в которой таблица не меняет свою ширину все работает, а на другой, где ширина таблицы меняется - глючит позиционирование по X


--------------------
Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8
PM MAIL   Вверх
bars80080
Дата 26.3.2008, 16:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315
значит крышка привязана к перемещающемуся слою

смотрите, вот здесь у вас 
Код
<div id="id3" style=position:absolute;>

абсолютно позиционированный слой, он конечно же цепляется за слой в котором он находится и у которого указан position (как угодно только не static), относительно этого слоя крышка и будет держаться

так что надо смотреть весь код. мысла больше гадать нет, так что-либо выкладывайте, либо одно из двух

кстати, атрибут желательно заключать в кавычки, я к примеру бы гарантию не дал, что стиль без кавычек будет работать как надо
PM MAIL WWW   Вверх
vlad275
Дата 27.3.2008, 15:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3
Возможно что у меня сначала указываются координаты картинки а ниже у меня <table> который не имеет фиксированной ширины, вот все и смещается?

Добавлено через 1 минуту и 15 секунд
Так и оказалось. Пофиксили!


--------------------
Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1260 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.