Вход

Просмотр полной версии : Сайт с див контентом


Rastabong
14.07.2013, 15:40
Добрый день форумчане! Такое дело: У меня есть меню с пунктами, к примеру, Главная Контакты О нас Галерея.
Есть на странице 4 дива.
Когда я загружаю главную страницу сайта, то по умолчанию видна Главная страница - див главной страницы. Как мне сделать так, чтобы при нажатии на Контакты, например, див главной страницы исчезал и появлялся див контактов, при нажатии на Галерея убирался пред. див и появлялся див для галереи ? Надеюсь объяснил понятно. Возможно такое где-то было, тогда можно ссылку пожалуйста. Спасибо за внимание.

lancer
14.07.2013, 17:09
jquery замена элемента (https://www.google.ru/#newwindow=1&sclient=psy-ab&q=jquery+%D0%B7%D0%B0%D0%BC%D0%B5%D0%BD%D0%B0+%D1% 8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0&oq=jquery+%D0%B7%D0%B0%D0%BC%D0%B5%D0%BD%D0%B0+%D1 %8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0&gs_l=hp.12...71329.71329.4.72095.1.1.0.0.0.0.0.0.. 0.0....0...1c.1.19.psy-ab.ueqf1Z1V7JI&pbx=1&bav=on.2,or.r_cp.r_qf.&bvm=bv.48705608,d.bGE&fp=efcf50570fa88f93&biw=1280&bih=828)

Подгружать блоки лучше всего динамически с сервера, для этого используется аякс:
http://jquery.page2page.ru/index.php5/Ajax, переходим по Низкоуровневые функции > $.ajax() (http://jquery.page2page.ru/index.php5/Ajax-%D0%B7%D0%B0%D0%BF%D1%80%D0%BE%D1%81) и смотрим под заголовком Получение данных с сервера. Вообще вся страница так или иначе пригодится.

Статьи с разбором ajax-примеров:
http://anton.shevchuk.name/javascript/jquery-for-beginners-ajax/
http://ruseller.com/jquery?id=11