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

maksik89

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Смена текста
« : 27.11.2015, 13:20:56 »
Ребята здравствуйте. Помогите пожалуйста, всплыла ещё одна проблема. При нажатии на изображение под нем меняется текст, как это сделать. Пример скину скрином
http://prntscr.com/97hm46Было так, при нажатии меняемся на такhttp://prntscr.com/97hmi1
Очень нужна помощь
*

nikola_blin

  • Захожу иногда
  • 142
  • 8 / 3
Re: Смена текста
« Ответ #1 : 27.11.2015, 14:35:07 »
Роляет jQuery. Скрытие, отображение, функция click()
*

maksik89

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Re: Смена текста
« Ответ #2 : 27.11.2015, 16:50:12 »
Роляет jQuery. Скрытие, отображение, функция click()
а можно подробнее обьснить пожалуйста
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Смена текста
« Ответ #3 : 27.11.2015, 16:56:00 »
Я так понял, первый уровень без ссылок. По клику открывает соответствующий второй уровень. Решить можно двумя способами:
1. С помощью JS — По клику на элемент первого уровня показывать второй уровень с тем же индексом в наборе.
2. С помощью CSS — Элементы первого уровня сделать лейблами радиобатона. Показывать всегда только сестринский элемент активного элемента радио.
*

nikola_blin

  • Захожу иногда
  • 142
  • 8 / 3
Re: Смена текста
« Ответ #4 : 27.11.2015, 17:49:15 »
Я так понял, первый уровень без ссылок. По клику открывает соответствующий второй уровень. Решить можно двумя способами:
1. С помощью JS — По клику на элемент первого уровня показывать второй уровень с тем же индексом в наборе.
2. С помощью CSS — Элементы первого уровня сделать лейблами радиобатона. Показывать всегда только сестринский элемент активного элемента радио.

Лэйблом - фига се костыль крутой =)

а можно подробнее обьснить пожалуйста

Через JS (грубо и навскидку):

Код
// Верстка в HTML
<ul>
<li class="menu1">Пункт меню 1</li>
<li class="menu2">Пункт меню 2</li>
<li class="menu3">Пункт меню 3</li>
<li class="menu4">Пункт меню n</li>
</ul>
<div id="menu1_text">submenu1_links</div>
<div id="menu2_text">submenu1_links</div>
<div id="menu3_text">submenu1_links</div>
<div id="menu4_text">submenu1_links</div>

// CSS
#menu1_text, #menu2_text, #menu3_text, #menu4_text {
display: none;
}

// JS
$('li.menu1').click(function(){
$('#menu1_text').show();
});

Там же в js прописываешь скрытие остальных элементов, когда отображается один.
*

maksik89

  • Осваиваюсь на форуме
  • 48
  • 0 / 0
Re: Смена текста
« Ответ #5 : 04.12.2015, 11:40:25 »
Лэйблом - фига се костыль крутой =)

Через JS (грубо и навскидку):

Код
// Верстка в HTML
<ul>
<li class="menu1">Пункт меню 1</li>
<li class="menu2">Пункт меню 2</li>
<li class="menu3">Пункт меню 3</li>
<li class="menu4">Пункт меню n</li>
</ul>
<div id="menu1_text">submenu1_links</div>
<div id="menu2_text">submenu1_links</div>
<div id="menu3_text">submenu1_links</div>
<div id="menu4_text">submenu1_links</div>

// CSS
#menu1_text, #menu2_text, #menu3_text, #menu4_text {
display: none;
}

// JS
$('li.menu1').click(function(){
$('#menu1_text').show();
});

Там же в js прописываешь скрытие остальных элементов, когда отображается один.

У меня не получается ничего, в чем причина может быть?
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Смена текста
« Ответ #6 : 04.12.2015, 12:23:23 »
У меня не получается ничего, в чем причина может быть?

При такой постановке вопроса — причин может быть много. Самая очевидная — недостаточно знаний.
*

nikola_blin

  • Захожу иногда
  • 142
  • 8 / 3
Re: Смена текста
« Ответ #7 : 04.12.2015, 20:11:59 »
У меня не получается ничего, в чем причина может быть?


В этом случае, действительно, вам стоило бы поизучать принципы работы JS и jQ и функции языка. Например, здесь - http://jqbook.net.ru/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться