Как сделать всплывающий блок после клика по ссылке?

Доброго времени суток, друзья, требуется ваша помощь!

Помогите сделать всплывающий блок, что-то вроде подсказки, но чтобы открывался по клику на ссылку, а пропадал по клику на закрыть, или крестик, и чтобы его расположение было под ссылкой.

Сделал таким способом.

в index.html вставил:

<a onclick="openbox('box')" >На машине</a><br>

<div id="box" class="okno" style="display: none; position: absolute; top:50px;left:-150px;">
текст текст текст текст
</div>


Скрипт в конец страницы перед закрывающим тегом боди:

function openbox(id){
var display = document.getElementById(id).style.display;
if(display=='none'){
document.getElementById(id).style.display='block';
}else{
document.getElementById(id).style.display='none';
}
}
  • Вопрос задан
  • 16370 просмотров
Пригласить эксперта
Ответы на вопрос 3
@mars2003
Что то вроде этого? getbootstrap.com/javascript/#popovers-examples ?
Кнопки закрыть и крестик можно самому доработатть
Ответ написан
@I_I
Ответ написан
Комментировать
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
ссылку в див, в него же окно подсказки. задаете ему position:relative, а блоку с подсказкой position:absolute и свойствами top и right задаете положение относительно ссылки.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы