Intereting Posts
Получить ВСЕ результаты из базы данных с именем пользователя Могу ли я обнаружить анимированные gifs, используя php и gd? PHP Неустранимая ошибка: «Swift_TransportException» с сообщением «Не удалось выполнить проверку подлинности на SMTP-сервере MySQL наибольшее значение в строке? стандартная функция для перевода iso-639 кодов в название языка? Преобразование NSArray -> JSON -> NSData -> Сервер PHP -> Представление JSON Если HTML, CSS и Javascript являются клиентскими, почему они являются компонентами файла PHP? Сборник PHP – Копирование дубликатов при обновлении или изменении страницы Jquery отправляет массив ключей / значений в PHP Я хочу преобразовать MySQL-запрос в PDO? Реализация кэширования на уровне модели PHP лучший способ для многомерного массива MD5? Лучший способ передать данные с PHP на JavaScript для моего конкретного случая Каков наилучший способ встраивания видео Youtube? Тонкие параметры PHP и GET

Изменение содержимого div при нажатии на ссылку / кнопку

В основном у меня есть веб-страница с div id = "content" и div id = "sidebar",

То, что я хотел бы сделать, – это изменить содержимое в div контента, когда на боковой панели щелкнули ссылку / кнопку, не имея серферной страницы для каждой статьи.

Причина;

Я делаю страницу BIO для нескольких групп, и для каждой группы будет несколько кнопок, а затем, когда пользователь нажимает кнопку / ссылку, содержимое будет меняться.

Любая идея, я изучал .click, используя jQuery или, возможно, PHP, но не совсем уверен, как его реализовать.

Вы можете поместить каждую из статей в один HTML-файл на свой сервер, каждый из которых обернут вокруг него div, как это (скажем, файл называется myArticles.html и находится в той же папке, что и ваша главная страница):

<div id='article1'> <b>ARTICLE 1</b> This is my first article </div> <div id='article2'> <b>ARTICLE 2</b> This is my second article </div> 

Затем используйте функцию загрузки. JQuery для загрузки этих данных с помощью AJAX на вашу страницу.

Скажем, ваша кнопка для статьи 1 имеет id = 'articleButton1' и 2 имеет id = 'articleButton2' (и оба с href = '#', поэтому страница не изменяется), тогда этот jQuery будет работать:

 $('#articleButton1').click(function(){ $('#content').load('myArticles.html #article1'); } $('#articleButton2').click(function(){ $('#content').load('myArticles.html #article2'); } 

Это выбирает правильный div из этой страницы вашего сервера и помещает его в div #content

вам нужно изучить этот учебник,

Tabify

как насчет вертикальных вкладок пользовательского интерфейса jQuery? http://jquery-ui.googlecode.com/svn/trunk/demos/tabs/vertical.html

больше на вкладках пользовательского интерфейса jQuery и загрузке содержимого через ajax: http://jqueryui.com/demos/tabs/#ajax