Сообщений в теме: 7

[arsenal]

Подскажите кто-нибудь. Можно ли в ниже приведенном коде сделать всплывающую подсказку (параметр title) с переносом строки?

$line['Объекты'] = "<div title='Объект 1 Объект 2 Объект 3'>".$line['Объект кратко']."</div>";

Пробовал <br> - он так и отображается. Возможно ли это в принципе?

Сообщение отредактировал arsenal: 07 Апрель 2012 - 15:30

[CbCoder]

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

[arsenal]

Уважаемый Andibrag!
Вы случайно не делали что-то подобное?
У вас в Органайзере при наведение курсора на задание всплывает окно с описанием. Может подскажите что нужно сделать в моем случае?

[arsenal]

Сделал следующим образом, может кому пригодиться.
http://dimox.name/be...ps-with-jquery/ здесь нашел простой скрипт jQuery для всплывающей подсказки с подробным описанием по его подключению.

(function($){
$(function() {
  $('span.jQtooltip').each(function() {
	var title = $(this).attr('title');
	if (title && title != '') {
	  $(this).attr('title', '').append('<div>' + title + '</div>');
	  var width = $(this).find('div').width();
	  var height = $(this).find('div').height();
	  $(this).hover(
		function() {
		  $(this).find('div')
			.clearQueue()
			.animate({width: width + 20, height: height + 20}, 200).show(200)
			.animate({width: width, height: height}, 200);
		},
		function() {
		  $(this).find('div')
			.animate({width: width + 20, height: height + 20}, 150)
			.animate({width: 'hide', height: 'hide'}, 150);
		}
	  )
	}
  })
})
})(jQuery)

Скопировал его в файл "script_1.js", который уже был у меня подключен когда делал ONLINE-пользователей от Andibraga (http://clientbase.ru...indpost&p=10855). Также скопировал требуемые стили

.jQtooltip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted;
}
.jQtooltip div {
  display: none;
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 1000;
  width: 190px;
  padding: 8px 12px;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  box-shadow: 0 1px 3px #C4C4C4;
  border: 1px solid #DBB779;
  background: #FFF6BD;
  border-radius: 2px;
}

в уже подключенный файл "alt.css". И собственно все.
В необходимом поле включаем "отображать html-тэги" и записываем вычисление

$line['Ваше поле'] = "<span class='jQtooltip' title='".$obekt."'>Текст</span>";

В переменной $obekt содержится текст подсказки с элементами переноса строки <br>. С помощью стилей CSS можно оформлять подсказку как пожелается. В приведенном примере она очень оригинально появляется и исчезает. К тому же сам Текст слегка подчеркивается - пользователю сразу видно где есть подсказки, а где нет.

Сообщение отредактировал arsenal: 08 Апрель 2012 - 00:36

[arsenal]

Дополнение к предыдущему посту. В настройках "Вашего поля" лучше включить опцию "Не сокращать в таблице". Тогда длинные подсказки не будут выходить за границы всплывающей подсказки.

[andibrag]

Для всплывающих подсказок использовал модуль qTip.
Есть возможность заменить все подсказки title в КБ на нестандартные и сделать помощь по полю, всплывающим окном при наведении курсора на знак вопроса.

qTip легко интерпретирует <br>, если таковые содержаться в стандартном title, как переносы строки и позволяет снабдить всплывающие подсказки графической информацией, например вывести привьюшку изображения при наведении на ссылку загруженного файла, если он является картинкой.

Если интересно - выложу модули.

[arsenal]

andibrag (08 Апрель 2012 - 19:46) писал:

Если интересно - выложу модули.

Буду признателен

[andibrag]

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