Page 1 of 2
Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 11:28 am
by landex
Всем привет!
Есть необходимость в довольно большой текст внедрить всплывающие подсказки (или пояснения, в зависимости от ситуации).
Этим я хочу реализовать 2 вещи:
1) уменьшить обьем текста для более удобного чтения
2) некое сео, в таких подсказках будут небольшие сео трактовки или описания услуги там или еще чего то.
Отсюда вопрос, как это реализовать?
Ответившим спасибо!
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 11:54 am
by guro
Скрытые плавающие дивы с пояснительным текстом. В самом тексте либо по ховеру либо по клику показывать нужный див.
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 11:55 am
by landex
guro wrote:Скрытые плавающие дивы с пояснительным текстом. В самом тексте либо по ховеру либо по клику показывать нужный див.
можно на примере? извините за наглость
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 12:16 pm
by 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 должен быть подключён.
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 12:51 pm
by 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>
и с ним Ваш пример чего то не заработал..
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 1:08 pm
by guro
Проверил. На jQuery 1.7.2 пример работает. Проверяйте страницу на наличие ошибок.
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 1:28 pm
by landex
Вероятно я некорректно выполнил ваш совет.
Я создаю Новую страницу, перехожу в режим html, вставляю ваш код, сохраняю, смотрю в браузере результат.
Так?
Если так то позвольте я вам в личку вышлю ссылку вы глянете, никаких ошибок не выдается.
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 1:39 pm
by guro
landex wrote:перехожу в режим html
Никаких текстовых редакторов в административном интерфейсе.
На странице в браузере, в каком виде вставленный код появляется? Вероятно ваш редактор его ломает.
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 1:41 pm
by 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>
Это код странички если смотреть из сурсов в браузере
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 1:45 pm
by landex
Сейчас сделал через вызов через блоки контента - результат тот же..
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 1:59 pm
by guro
Давайте ссылку
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 2:16 pm
by landex
В личку скинул
Сейчас то что увидите это вызов через Блоки контента
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Wed Jan 20, 2016 3:59 pm
by guro
Вы для span не указали атрибут name. У меня в коде он есть, а у вас его нет. Именно по этому атрибуту вызов
понимает какой элемент надо показать/скрыть.
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Thu Jan 21, 2016 10:03 am
by landex
Добрый день!
Все получилось, спасибо!
Ошибка была в редакторе - это оно похерил код, зараза такая..
И еще попутный вопросик - те слова которые явно скрыты и появляются после нажатия мышкой - они же будут увидены поисковиком?
Re: Всплывающие подсказки (или пояснения) в тексте
Posted: Thu Jan 21, 2016 10:37 am
by guro
landex wrote:И еще попутный вопросик - те слова которые явно скрыты и появляются после нажатия мышкой - они же будут увидены поисковиком?
Будут.
Мне наш сеошник подсказал ещё одну мысль. Можно доп. описания засунуть в атрибут title. И тогда никакие скрипты не нужны.