2015-05-06 3 views
-1

Я пытаюсь создать программу, которая в основном показывает координаты точки, когда кто-то меняет над ней, а затем заставляет ее исчезать, когда указатель мыши отключен от элемента. Я попытался сделать это с помощью предупреждающих ящиков, но, похоже, нет простого способа закрыть их. Я оглянулся, и люди сказали что-то об использовании DIVS, но я не знаю, с чего начать. Это для вводного курса программирования, поэтому ПОЖАЛУЙСТА, нет JQuery, только чистый JavaScript.Как предупредить содержимое DIV без использования предупреждения?

 for (i = 0; i < x.length; i++) { 
      document.getElementById("point" + i).style.left = x[i] + "px"; 
     } 
     var html; 
     html = ""; 
     for (i = 0; i < x.length; i++) 
     { 
      document.getElementById("point" + i).onmouseover = onmouseover; 
     } 
    } 

}; 
function onmouseover() { 
    var x; 
    x = window.alert("X: " + this.style.left + " ," + "Y: " + this.style.top); 
    this.onmouseover = function() { setHTML(element, x) }; 
} 
+0

Могу ли я увидеть код javascript, который вы пробовали? –

+0

может быть, вы можете создавать всплывающие подсказки, которые отображаются на мыши над элементом и скрываются при отключении элемента.! –

+0

Не могли бы вы привести пример? – user2009653

ответ

1

Поместите DIV в конце страницы с определенным ID и использовать CSS позиционировать его абсолютно (вы хотите, чтобы настроить верхний и левый соответственно) ...

<div id="alert" style="position:absolute; top: 50px; left: 50px; display: none;"></div> 

. ... затем в вашем Javascript вместо вызова предупреждения вы можете показать и скрыть свой div.

document.getElementById("alert").style.display = "block"; // display the div 

document.getElementById("alert").style.display = "none"; // hide the div 

Вы также можете установить положение позиции курсора вместо того, чтобы его можно было зафиксировать, если хотите. How to get mouse pointer position using javascript for internet explorer?

Смежные вопросы