[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как показать объект по координатам клика мыши
Shurick
В Java полный ноль. Могу делать самые примитивные вещи. А тут возник необходимость в магазине вывести div по координатам клика мыши (после нажатия на кнопку купить вывести подтверждение).

Помогите плиз!!!!




Спустя 9 минут, 3 секунды (11.11.2009 - 12:35) glock18 написал(а):
у события click есть координаты. нужно всего лишь показать див с позиционированием относительно этих координат.

Спустя 1 час, 34 минуты, 57 секунд (11.11.2009 - 14:10) Shurick написал(а):
Чего понаписал сам не пойму и эт не работает

  var position = displayCoords;

function displayCoords(e) {
var x = 0, y = 0;

x = e.pageX;
y = e.pageY;

return {"x":x, "y":y};
}

function show_div(){

var obj = document.getElementById('dopdiv');
if (obj) obj.style.display = 'block';
if (obj) obj.style.left = position.x;
if (obj) obj.style.top = position.y;


setTimeout('hide_div()', 1000);
}

function hide_div()
{
document.getElementById('dopdiv').style.display = 'none';
}


брал с примера, тута работает



window.onclick= displayCoords;
function displayCoords(e) {
alert("x: " + e.pageX + " y: " + e.pageY); }



Спустя 12 минут, 51 секунда (11.11.2009 - 14:23) Shurick написал(а):
Во, вот так работает

  window.onclick= displayCoords;

var mLocX;
var mLocY;

function displayCoords(e) {
mLocX = e.pageX;
mLocY = e.pageY;
}

function show_div(){

var obj = document.getElementById('dopdiv');
if (obj) obj.style.display = 'block';
if (obj) obj.style.left = mLocX+20+'px';
if (obj) obj.style.top = mLocY+20+'px';

setTimeout('hide_div()', 1000);
}

function hide_div()
{
document.getElementById('dopdiv').style.display = 'none';
}

Спустя 14 минут, 29 секунд (11.11.2009 - 14:37) Shurick написал(а):
одна беда - в експлорере не работает

Спустя 1 час, 3 минуты, 2 секунды (11.11.2009 - 15:40) glock18 написал(а):
У него событийная модель своя

Спустя 1 час, 1 минута, 4 секунды (11.11.2009 - 16:41) Shurick написал(а):
не работает в Mozilla Firefox

function show_div(){

if (!event) event = window.event;
var mLocX = event.clientX;
var mLocY = event.clientY;

var obj = document.getElementById('dopdiv');
if (obj) obj.style.display = 'block';
if (obj) obj.style.left = mLocX+'px';
if (obj) obj.style.top = mLocY+'px';

setTimeout('hide_div()', 1000);
}

function hide_div()
{
document.getElementById('dopdiv').style.display = 'none';
}


чего с этим делать?!

Спустя 10 минут, 21 секунда (11.11.2009 - 16:52) Gabriel написал(а):
Shurick
а разве нет способа на яве определить браузер и в зависимости от браузера идпользовать один или другой код

Спустя 27 минут, 19 секунд (11.11.2009 - 17:19) glock18 написал(а):
Gabriel
истину глаглешь smile.gif

Спустя 1 минута, 25 секунд (11.11.2009 - 17:20) Gabriel написал(а):
glock18
Дык выхода другого наверное и нету. Или есть? wink.gif

Спустя 4 дня, 9 часов, 6 минут, 59 секунд (16.11.2009 - 02:27) Dron19 написал(а):
За тут все элементарно и никаких javascript'ов не надо! Пишешь в конце странице строку(можно где угодно) <div id='end'> и ссылаешься на указанный индекс <a href='#end'>Перейти в конец страницы</a> и теперь без перезагрузки страницы и во всех интернет обозревателях будет работать!


_____________
Быстрый ответ:

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