Показать сообщение отдельно
  #2 (permalink)  
Старый 14.11.2014, 22:29
Аватар для Milanka
Новичок на форуме
Отправить личное сообщение для Milanka Посмотреть профиль Найти все сообщения от Milanka
 
Регистрация: 14.11.2014
Сообщений: 2

Вот рабочий код, проблема решена:

<html>
 <head>
 </head>
 <body>

 <!-- всплывающая таблица  -->
<div id="tableslovo" style="visibility:hidden;  position:fixed; left:0; top:0; background-color: #FFFFFF; z-Index:100"> </div>

 <!--функции-->
<script language="JavaScript" type="text/javascript">

function getTable(event,word){

if (window.XMLHttpRequest)
  {// код для IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// код для IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
 
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("tableslovo").innerHTML=xmlhttp.responseText;
    tableslovo.style.top=(event.clientY + 10) + "px";    
    tableslovo.style.left=(event.clientX + 10) + "px";   
    tableslovo.style.visibility="visible";    // блок становится видимым
    }
  }
xmlhttp.open("GET","get_table.php?t=" + word,true);
xmlhttp.send();
}

function hideTable(){
tableslovo.style.visibility="hidden";//передача параметру visibility значения hidden, блок становится невидим
tableslovo.innerHTML="";             //очищение содержимого блока
tableslovo.style.top=0;
tableslovo.style.left=0;             //отправка блока в верхний левый угол экрана
}

</script>

<B onmouseover=getTable(event,'test'); onmouseout=hideTable();>&nbsp;Наведи на меня курсор&nbsp;</b>
 
</body>
</html>
Ответить с цитированием