OnMouseOver/Out
есть картинка, необходимо что бы при на ведении на неё
или по центру экрана, или около курсора выводилось некое описание. а onmouseout уберал это описание. Заранее спасибо |
картинка.onmouseover = function(){описание.Покажись();}
картинка.onmouseout = function(){описание.Спрячься();}
:) где описание.Спрячься(); что-то типа:
document.getElementById('opis').style.display = 'none';
|
Цитата:
|
Ну если из подсказанного выше не ясно то дополнительные вопросы:
1) Картинка такая одна или несколько? 2) Где хранишь сам текст подсказки? |
Создавай допустим новый блок, с абсолютным позиционированием, причем верхний и левый край высчитывай либо по позиции мыши на момент события либо по положению элемента которым было вызвано событие. Заполняешь его нужным текстом и предаешь вид, вот и всё.
|
function show_message(intext)
{
var vis = self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
if(!document.getElementById('message'))
{
var message = document.createElement('div');
message.style.position="absolute";
message.style.top=vis+200+"px";
message.style.left="40%";
message.style.width="20%";
message.style.backgroundColor="#EEE";
message.style.border="1px solid #000";
message.style.textAlign="center";
message.setAttribute("id", "message");
document.body.appendChild(message);
var text = document.createElement('div');
var input = document.createElement('div');
input.style.height="26px";
text.borderBottom="1px solid #000";
message.appendChild(text);
text.style.padding="5px";
text.innerHTML=intext;
var button = document.createElement('input');
button.setAttribute("type", "button");
button.setAttribute("value", "OK");
button.style.height="26px";
button.style.border="0px";
button.style.backgroundColor="#777";
button.style.color="#fff";
button.style.cursor="pointer";
button.onclick = function()
{
input.removeChild(button);
message.removeChild(input);
message.removeChild(text);
document.body.removeChild(message);
}
input.appendChild(button);
message.appendChild(input);
}
}
Нашёл тут свой старенький скрипт, мучай на здоровье=) |
Цитата:
p.s. Спугнешь этой кодинкой ТС. |
Да нормально пусть вникает=) А мучатся всегда приходиться, когда учишься только.
|
Skipp,
text.innerHTML=intext; ни как не могу понять что делается этой стройчкой, для чего этот innerHTML? =) читал-читал про него, но так и не понял=) micscr, картинок несколько) ну а описание допустип в отдельно файле) п.с. не испугать новичка не понятным кодом, ток наооборот это привлекает=) |
Цитата:
А если у вас описание в отдельном файле, то и запрашивайте этот файл AJAX'ом по событию. А вообще поищите сначала готовые хинты, их полно в сети, задача у вас далеко не оригинальная. |
MegaGoblin,
innerHTML вставляет в указаную область HTML код, в данном случаи в элемент text с кодом которые принемает функция и записывает в переменную intext. Вызови функцию show_message("бла бла бла"); Получится text.innerHTML="бла бла бла"; |
| Часовой пояс GMT +3, время: 05:08. |