Всплывающие подсказки (или пояснения) в тексте

[landex]

Всем привет!
Есть необходимость в довольно большой текст внедрить всплывающие подсказки (или пояснения, в зависимости от ситуации).
Этим я хочу реализовать 2 вещи:
1) уменьшить обьем текста для более удобного чтения
2) некое сео, в таких подсказках будут небольшие сео трактовки или описания услуги там или еще чего то.
Отсюда вопрос, как это реализовать?

Ответившим спасибо!

[guro]

Скрытые плавающие дивы с пояснительным текстом. В самом тексте либо по ховеру либо по клику показывать нужный див.

[landex]

Скрытые плавающие дивы с пояснительным текстом. В самом тексте либо по ховеру либо по клику показывать нужный див.

можно на примере? извините за наглость

[guro]

Code: Select all

<p>Бла бла бла бла бла бла бла бла бла <span onclick="$($(this).attr('name')).toggle()" style="cursor:pointer;text-decoration: underline;" name="#slovo">слово</span>  бла бла бла бла бла.</p>
<div id="slovo" style="display:none;position:absolute;">Слово - это  бла бла бла бла бла бла бла бла бла!</div>

PS
jQuery должен быть подключён.

[landex]

Спасибо за наводку!
Но у меня вот такое включения jquery

Code: Select all

<__script__ src="scripts/jquery-1.7.2.min.js"></__script>
<__script__ src="scripts/jquery-defaultvalue.js"></__script>
<__script__ src="scripts/jquery-mobilemenu.min.js"></__script>

и с ним Ваш пример чего то не заработал..

[guro]

Проверил. На jQuery 1.7.2 пример работает. Проверяйте страницу на наличие ошибок.

[landex]

Вероятно я некорректно выполнил ваш совет.
Я создаю Новую страницу, перехожу в режим html, вставляю ваш код, сохраняю, смотрю в браузере результат.
Так?
Если так то позвольте я вам в личку вышлю ссылку вы глянете, никаких ошибок не выдается.

[guro]

перехожу в режим html

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

[landex]

Code: Select all

<h1>12</h1>    
   <p><span style="color: #000000;">Бла бла бла бла бла бла бла бла бла <span style="cursor: pointer; text-decoration: underline;" onclick="$($(this).attr('name')).toggle()">слово</span> бла бла бла бла бла.</span></p>
<div id="slovo" style="display: none; position: absolute;"><span style="color: #000000;">Слово - это бла бла бла бла бла бла бла бла бла!</span></div>      </section>
      <section id="comments">
                </section>

Это код странички если смотреть из сурсов в браузере

[landex]

Сейчас сделал через вызов через блоки контента - результат тот же..

[guro]

Давайте ссылку

[landex]

В личку скинул

Сейчас то что увидите это вызов через Блоки контента

[guro]

Вы для span не указали атрибут name. У меня в коде он есть, а у вас его нет. Именно по этому атрибуту вызов

Code: Select all

$($(this).attr('name')).toggle()

понимает какой элемент надо показать/скрыть.

[landex]

Добрый день!
Все получилось, спасибо!
Ошибка была в редакторе - это оно похерил код, зараза такая..
И еще попутный вопросик - те слова которые явно скрыты и появляются после нажатия мышкой - они же будут увидены поисковиком?

[guro]

И еще попутный вопросик - те слова которые явно скрыты и появляются после нажатия мышкой - они же будут увидены поисковиком?

Будут.

Мне наш сеошник подсказал ещё одну мысль. Можно доп. описания засунуть в атрибут title. И тогда никакие скрипты не нужны.