Перейти к контенту

Ссылки с ява окошками


Рекомендуемые сообщения

Можно ли сделать такой ББ код, к примеру из того же [url...]

 

Вводишь такой код: ссылка и видим

 

post-898-1137861809_thumb.jpg

 

Не обязательно с крестиком, но что-то в этом роде.

Ссылка на комментарий
Поделиться на других сайтах

Эмм...

 

Не понял, это при наведении должно открываться или при нажатии, или когда я застрелюсь?

Ссылка на комментарий
Поделиться на других сайтах

=)

Ну это не выход. Не каждый додумается, что нужно подержать там мышкой :D

 

К тому же там хтмл нельзя использовать.

Ссылка на комментарий
Поделиться на других сайтах

И как ты хошь, чтобы я это организовывал без HTML?

 

Информация: event.x, event.y element.style.display, document.getElementById(), position:absolute.

 

Некоторые могут не понадобится, если ты не хочешь, чтобы оно водилось за курсором, пока тот над ссылкой.

 

Насчёт последнего - ты вероятно юморист, вот и шути дальше, я в этот топик заглядывать больше не собираюсь.

 

Ай-мля...

 

 

Как же я сразу не заметил?

 

Java <> JavaScript !!!

Ссылка на комментарий
Поделиться на других сайтах

при наведении очень лего можно сделать:

див, и style.display="none"/"block"

а вот более граммотное:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.tool_tip {
position: absolute;
visibility: hidden;
/* styles */
background-color: #a98df5;
}
</style>
<script type="text/javascript">
<!--
ToolTip.offsetX=20; //смещения подсказки от курсора
ToolTip.offsetY=10; //
function ToolTip(obj, text) {
 if(!obj||obj.nodeType!=1) throw "Illigal argument exception"; //обьект к кому привязываем подсказку
 //-- Разметка подсказки ---
 var tip=document.createElement("DIV");
 tip.className="tool_tip";
 tip.innerHTML=text;
 document.body.appendChild(tip);
 //-- события --
 obj.onmouseout=function (ev) {
  tip.style.visibility="hidden";
 };
 obj.onmousemove=function(ev) { //если не нужно что бы подскасзка бегала, то onmouseover
  tip.style.visibility="visible";
  if(window.event) ev=window.event;
  tip.style.left=ev.clientX + document.body.scrollLeft + ToolTip.offsetX;
  tip.style.top=ev.clientY + document.body.scrollTop + ToolTip.offsetY;
 };
}
//переберем заданные элементы, дадим подказку тем у кого есть аттрибут tooltip
//В аргументах передаем имена рассматриваемых тегов, * все теги
function initToolTips() {
//   return;
var tags, tooltext;
for(var i=0; i<arguments.length; i++) {
   tags=document.body.getElementsByTagName(arguments[i]);
   for(var j=0; j<tags.length; j++)
		if((tooltext=tags[j].getAttribute("tooltip"))) ToolTip(tags[j], tooltext);
  }
}
//-->
</script>
</head>
<body onload="initToolTips('SPAN','IMG')">
 <span tooltip="<b>Подсказка </b>">Test</span>
</body>
</html>

Поддержка - все браузеры кроме Оперы ниже 8.0

скрипт ©тырин

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.