Ajax раздели на Аякс, статия, програмиране - програмиране С, Delphi, C #

CSS-раздели - тези дни това звучи като "ярост". Лично аз харесвам идеята за тяхното съществуване. Изглежда, че най-популярният метод за създаване раздели с помощта на CSS - Метод плъзгащи се врати (плъзгащи се врати). И на пръв поглед, те изглежда да е най-атрактивната и лесен за използване инструмент. Въпреки това, те са толкова ... статична.

Взех идеята плъзгащи се врати, добавянето на малък Java скрипт и Аякс, за да изглежда по-динамичен.

Ние AJAX-раздели имат няколко предимства:

Ajax-раздели се състоят от две части - собствен раздели и панели.

Обърнете внимание на изходния код:

Сваляйте всякакви файлове, необходими за демонстрацията. (Тъй като демото използва Аякс, трябва да поставите тези файлове на уеб сървър. Те не могат да работят на местно ниво на машината ви, докато не стартирате сървъра).

За да започнете, трябва следния HTML-кода:

Просто и сладък. Трябва да се отбележи, че когато страницата се отваря автоматично извиква функция OpenTab (). Това е функция, която се отваря първия раздел. По-долу tabs.js документация, за да стане ясно какви аргументи има OpenTab ().

OpenTab (tabId, tabLabel, tabURL, tabIsCloseable, tabColor)

Тази функция създава раздел или активирате съществуващ.

TabId - низ, който създавате, за да получат достъп до по-късно табу.

TabLabe - низ, името на раздела.

TabURL - линия с препратка към страницата, която съдържа съдържанието за изтегляне чрез Аякс.

TabIsCloseable - булева (истина или лъжа), която определя дали бутон раздела "Х", който можете да го затворите.

TabColor - низ, който определя коя група да се използват CSS-за това, че планката и панела.

CreateNewTab (tabId, tabLabel, tabURL, tabIsCloseable, tabColor)

Вие нямате пряк достъп до тази функция, OpenTab го предизвика, ако това е необходимо. Аргументите са същите като в OpenTab ().

SetTabURL (tabId, URL)

Тази функция ви позволява да промените съдържанието на раздела URL вече след раздела е била отворена. Промяна на адреса също така актуализира съдържанието.
TabId - променлива част на раздела, който вие сами сте задали, когато е създаден.

URL - URL съдържание.

GetFocusedTabId ()

Връща tabId активен Таба

FocusTab (tabId)

Съсредоточете се в раздела с Id tabId.

CloseTab (tabId)

Тя се затваря в раздела, който има идентификатор: tabId.

RefreshTab (tabId)

Актуализации от Id съдържание Таба: tabId

TabExists (tabId)

Връща стойността на вярно / невярно, в зависимост от това, което tabId в Таба.

Заявки за обратно повикване събития.

име функция за врата на събитие: tabOpen [tabId]. Променете [tabId] на истинската самоличност на tabId към раздела. tabId трета страница (Page 3 #) - е tab_page3, така че името на функцията за откриване tabOpentab_page3. Защо е необходимо да поставите този код в маркер Разделение и маркерът не е в сценария? Ами, защото IE не го подкрепят правилно. Вие няма да можете да се обърнете към елемент от сценария ID в IE.

Ако изведнъж пропусна, или че нещо не е наред - да ме уведомите. И ако някой ще тества други браузъри (с изключение на Firefox или Internet Explorer), нека да знаят как моя код.