0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 6763 Просмотров
*

delff

  • Новичок
  • 4
  • 0 / 0
как показать/скрыть текст?
к примеру:
есть строка с плюсиком, при кликани - плюсик раскрыается и появляется скрытй текст, второй клик - скрывает текст обратно.

есь аж два варианта кода = )
но как его прикрутить? (хочу использовать в материалах: клик по меню - открывается статья в тексте которой есть такие открывающиеся/скрывающиеся тексты)
Код
      <STYLE TYPE="text/css">
         body {background:white}
         .expandable {color:blue; cursor:hand; font-size:"12pt"}
         .expanded {color:black; font-size:"12pt"}
         .collapsed {display:none}
      </STYLE>


      <SCRIPT LANGUAGE="JavaScript">
         function outliner() {
            var child =
               document.all[event.srcElement.getAttribute("child",
                  false)];
            if (null != child)
               child.className = child.className == "collapsed" ?
                  "expanded" : "collapsed";
         }
      </SCRIPT>
  <BODY ONCLICK="outliner();">
      <H1 CLASS="expandable" child="info">
         Click here for more information 1.
      </H1>
      <DIV ID="info" CLASS="collapsed">
tekst hiden 1
      </DIV>
  <H1 CLASS="expandable" child="info2">
         Click here for more information 2.
      </H1>
  <DIV ID="info2" CLASS="collapsed">
tekst hiden 2
      </DIV>
  </BODY>
Код
<script>
function hide1(){ window.div1.style.display= 'none';window.div2.style.display= 'block';}
function show1(){ window.div1.style.display= 'block';window.div2.style.display= 'none';}
function hide2(){ window.div3.style.display= 'none';window.div4.style.display= 'block';}
function show2(){ window.div3.style.display= 'block';window.div4.style.display= 'none';}
</script>
<div id=div1>
<p onclick=hide1() style="cursor:hand" class="pointer">111</p>
</div>
<div id=div2 style="display:none;">
<p onclick=show1() style="cursor:hand" class="pointer">111</p>
111+++</span>
</div>

<div id=div3>
<p onclick=hide2() style="cursor:hand" class="pointer">222</p>
</div>
<div id=div4 style="display:none;">
<p onclick=show2() style="cursor:hand" class="pointer">222</p>
222+++</span>
</div>

подскажите чего и как сделать?
спасибо
*

_ib_

  • Давно я тут
  • 673
  • 100 / 8
Re: как показать/скрыть текст?
« Ответ #1 : 06.06.2009, 03:25:53 »
Это называется слайдер....
есть готовые решения, реализованные плагинами. поищите по базе extensions.joomla.org по фразе "slider"
Легальные шаблоны и дёшево!  + скидки до 50% для шаблонов клуба Joomlart, RocketTheme, Yootheme и Gavick.

при интересе пишите в личку или на мыло: "p" точка "d" собака gmx.de
*

delphine

  • Захожу иногда
  • 189
  • 30 / 0
Re: как показать/скрыть текст?
« Ответ #2 : 06.06.2009, 03:50:03 »
Тут посмотри. http://joomlaforum.ru/index.php/topic,64949.0.html Готовый плагин с кнопкой в редакторе.
Не дружу с дизайном.
Приветствуются обмен ссылками или
Z879646195991 | R637245146155 | E222695044531 | U162157337447 | Y381916949633 | B493612164919 | Я.Деньги 41001254998875
*

delff

  • Новичок
  • 4
  • 0 / 0
Re: как показать/скрыть текст?
« Ответ #3 : 06.06.2009, 10:17:40 »
всем спасибо!!!
*

osobist

  • Захожу иногда
  • 116
  • 0 / 0
Re: как показать/скрыть текст?
« Ответ #4 : 09.11.2010, 18:22:42 »
Слайдер он позиционирует открывающийся текст Рядом с открывающей ссылкой , а если ссылка должна находится в одном месте а текст в другом ? Или ссылок несколько в ряд ?
Вот приведённый Выше код это позволяет делать .. как со слайдером придумать такоеже ?


Это называется слайдер....
есть готовые решения, реализованные плагинами. поищите по базе extensions.joomla.org по фразе "slider"
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

На сайте тольк текст, не отображается шаблон сайта и админки

Автор jso

Ответов: 6
Просмотров: 2819
Последний ответ 14.09.2014, 08:17:08
от draff
Текст выходит за рамки шаблона

Автор n0ve4eq

Ответов: 31
Просмотров: 4628
Последний ответ 16.01.2013, 10:44:36
от olaf
Убрать текст

Автор antbert

Ответов: 2
Просмотров: 935
Последний ответ 24.10.2012, 14:27:36
от antbert
Как русифицировать текст кнопки Read the Full Story в модуле RokStories от RocketTheme?

Автор darkwingz

Ответов: 14
Просмотров: 5900
Последний ответ 05.08.2012, 00:32:13
от eXereS
Как поменять текст

Автор rodatam

Ответов: 2
Просмотров: 1321
Последний ответ 03.07.2012, 19:47:15
от ordrok