Форум

Milanka · #1 (**permalink**) 14.11.2014, 00:24

Вот есть код который показывает всплывающую подсказку над текстом.
Данный код нормально работает в Chrome, Opera и даже IE. Но не работате в Mozille.
Помогите изменить код чтобы он заработал в Mozille Firefox.

<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(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;
    }
  }
xmlhttp.open("GET","get_table.php?t=" + word,true);
xmlhttp.send();

tableslovo.style.left=(event.clientX-30) + "px"; // попытка от центровать таблицу
tableslovo.style.top=(event.clientY+20) +"px";   //блок находится на 20px ниже курсора мыши
tableslovo.style.visibility="visible";           //блок становится видимым
}



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


</script>

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

<?php
$slovo = $_GET['t'];   // получает строку что находится после знака '?'   t=slovo   
echo $slovo; 
?>

Milanka · #2 (**permalink**) 14.11.2014, 22:29

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

<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>

danik.js · #3 (**permalink**) 14.11.2014, 23:12

Сообщение от Milanka

// код для IE6, IE5

Серьезно?

Форум

Справочник

Discord чат

Курсы javascript