Подскажите с js

[Didorri]

Сделал подсказку с помощью css

вот структура

<p class="tt">
<span class="tooltip">
    <span class="top">
    </span>
    <span  class="middle">
    Тут текст всплывающей подсказки
	<a href="#">Ссылка</a>
	<input type="button" value="Закрыть" onclick="window.close(".tt")"> 
    </span>
    <span class="bottom">
    </span>
    </span>
</p>   

как сделать чтобы по клику на кнопку закрыть она закрывалась?

кнопку с событием онклик вставил а дальше как незнаю

[Great Rash]

А как вы ее открываете?

[Didorri]

А как вы ее открываете?

ховером. она на css чистом

и кстати проверил в IE9 не работает

[Andrey447]

А не лучше сделать это с js окном?

 <script type="text/javascript">
 function openWin()
 {
 myWindow=window.open("","","width=200,height=100");
 myWindow.document.write("<p>Текст окна</p><input type='button' value='Закрыто' onClick='window.close()'>");
 }

function closeWin()
 {
 myWindow.close();
 }
 </script>


<input type="button" value="Открыть" onClick="openWin()" />

Либо, думаю, здесь onclick="window.close(".tt")" не очень подходит. Тут скорее нужна js функция, которая скроет подсказку при нажатии на кнопку-ссылку.

[Didorri]

А не лучше сделать это с js окном?

 <script type="text/javascript">
 function openWin()
 {
 myWindow=window.open("","","width=200,height=100");
 myWindow.document.write("<p>Текст окна</p><input type='button' value='Закрыто' onClick='window.close()'>");
 }

function closeWin()
 {
 myWindow.close();
 }
 </script>


<input type="button" value="Открыть" onClick="openWin()" />

Либо, думаю, здесь onclick="window.close(".tt")" не очень подходит. Тут скорее нужна js функция, которая скроет подсказку при нажатии на кнопку-ссылку.

Дело в том что я в js не разбираюсь к сожалению.

Ваш вариант работает, но окно виндовское, для изменения его стиля нужно править в js?

у меня в принципе есть вот такой js, такая подсказка мне подходит, вот если бы подсказали как сделать чтобы можно было мышку перенести на саму подсказку, в данный момент если её увести из зоны элемента то подсказка скрывается.

$(document).ready(function() {

  $(".tip_trigger").hover(function(){
  tip = $(this).find('.tip');
  tip.show();
  }, function() {
  tip.hide();
  }).mousemove(function(e) {
  var mousex = e.pageX + 20;
  var mousey = e.pageY + 20;
  var tipWidth = tip.width();
  var tipHeight = tip.height();


  var tipVisX = $(window).width() - (mousex + tipWidth);

  var tipVisY = $(window).height() - (mousey + tipHeight);

  if ( tipVisX < 20 ) { 
  mousex = e.pageX - tipWidth - 20;
  } if ( tipVisY < 20 ) { 
  mousey = e.pageY - tipHeight - 20;
  }

  tip.css({ top: mousey, left: mousex });
  });
}); 

[Andrey447]

Ваш вариант работает, но окно виндовское, для изменения его стиля нужно править в js?

В данном случае это и есть скрипт виндовского окна.. Можно сделать со своими стилями, с помощью jQuery. Есть много готовых решений-окон, вот например Impromtu

в данный момент если её увести из зоны элемента то подсказка скрывается.

JS функцией и событиями. Зависит что Вам точно нужно.

Edited April 12, 2012 by Andrey447

[Didorri]

JS функцией и событиями. Зависит что Вам точно нужно.

мне нужно вставить ссылку в подсказку, соответственно чтобы на неё можно было нажать, нужно сместить курсор на подсказку.

знаю что происходит это событием .mousemove, но что куда, не понимаю

Edited April 12, 2012 by Didorri

[Great Rash]

Вам сюда.

[Didorri]

Вам сюда.

Спасибо конечно за ссылку, но это мне ничего не дало, там тоже ссылаются на источник а он на англ.

Edited April 12, 2012 by Didorri