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

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


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

Можно ли сделать такой ББ код, к примеру из того же [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

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

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

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

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

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

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

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

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

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

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

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

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

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