Полная Версия: Смена контента по нажатию на кнопки
Всем привет. Задача у меня встала такая. Нужно сделать смену контента. Получается у меня есть 4 кнопки(кнопка1 кнопка2 и т.д.). Ниже у меня блок в котором отображается какой-то контент(у меня картинка). Как мне сделать чтобы по нажатию на каждую из сылок появлялся свой контент. То есть я нажал на перкую кнопку-ссылку, у меня показалась первая какртинка/либо текст, так же нажал на втору, там что то другое, на третью там бругое, и т д.
Есть как минимум два способа, при первом - весь контент загружается единоразово, но делается невидимыми. Второй - контент подгружается с помощью аякса.
Какой тебе нравится больше?
Какой тебе нравится больше?
| Цитата (neadekvat @ 19.12.2012 - 00:18) |
| Есть как минимум два способа, при первом - весь контент загружается единоразово, но делается невидимыми. Второй - контент подгружается с помощью аякса. Какой тебе нравится больше? |
Ну дак думаю первый более подходит. У меня получается 4 кнопки, ниже показываются картинки. То есть по нажатию на кнопки, то все блоки становятся hidden а выбранный показывается. Я искил что то типо аккордион, но так и не разобрался в скрипте. Вроди как всё тоже самое сделал но ничё не робит. Вот и решил тут спросить, может кто что дельное подскажет, может кто то кодом поделится.
Накидал для примера:
http://jsfiddle.net/jtL3d/
_____________
There never was a struggle in the soul of a good man that was not hard
http://jsfiddle.net/jtL3d/
_____________
There never was a struggle in the soul of a good man that was not hard
| Цитата (Michael @ 19.12.2012 - 09:23) |
| Накидал для примера: http://jsfiddle.net/jtL3d/ |
Сейчас попробую применить у себя. Спасибо
А слушай Мишаня. Надо ещё библиотеку какую-то подключать? И как сделать чтобы первый изначально был открыт а потом уже по нажатиям на другие кнопки заменялся как и сейчас сделано у тебя?
подключать - jQuery 
$ims.eq(0).show() после строк с var
Мишаня... хм, мы знакомы?
_____________
There never was a struggle in the soul of a good man that was not hard
$ims.eq(0).show() после строк с var
Мишаня... хм, мы знакомы?
_____________
There never was a struggle in the soul of a good man that was not hard
| Цитата (Michael @ 19.12.2012 - 09:39) |
| Мишаня... хм, мы знакомы? |
xD, да меня тоже Миша зовут, так что по привычке Мишаня)
Спасибо, буду пробовать.
Привет тёски) покажите пример с аяксом пожалуйста, у меня по одной кнопке php файл будет подключаться, по другой форма выводиться простая для ввода данных. Не очень хочется лишний раз базу подгружать запросами
Примеров в гугле полным полно...
_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Здесь расположена полная версия этой страницы.