Ajax fülek, az ajax, cikk, programozás - programozás C, Delphi, C #

CSS-lapok - ezekben a napokban úgy hangzik, mint a „düh”. Én személy szerint szeretem az elképzelést, hogy létezik. Úgy tűnik, hogy a legnépszerűbb módszer létrehozása fülek segítségével CSS - módszer tolóajtók (tolóajtó). És első pillantásra úgy tűnik, hogy a legvonzóbb és könnyen használható eszköz. Azonban annyira ... statikus.

Vettem az ötletet tolóajtók, hozzátéve, egy kis java-script és ajax, hogy nézel ki, dinamikusabb.

Mi ajax-lapok számos előnye van:

Ajax-lapok két részből áll - a saját lapok és panelek.

Vessen egy pillantást a forráskód:

Összes fájl letöltése szükséges a demo. (Mivel a demo az AJAX, meg kell, hogy ezek a fájlok a webszerveren. Azt nem tudja futtatni a gépére, amíg elkezd a szerver).

A kezdéshez szükség van a következő html-kód:

Egyszerű és aranyos. Meg kell jegyezni, hogy ha az oldal megnyitásakor automatikusan meghívja a függvényt OpenTab (). Ez a funkció, amely megnyitja az első lapot. Az alábbiakban dokumentáció tabs.js, hogy tegyék világossá, milyen érvek van OpenTab ().

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

Ez a funkció létrehoz egy lapon vagy aktiválni egy meglévőt.

TabId - egy string, hogy hozzon létre annak érdekében, hogy később hozzáférjen tabu.

TabLabe - string, a lap neve.

TabURL - line hivatkozva a lap, amely tartalmazza a letölthető tartalmakat keresztül ajax.

TabIsCloseable - egy logikai (igaz vagy hamis), amely meghatározza, hogy a lap gomb „X”, ami be is zárhatja.

TabColor - karakterlánc, amely meghatározza, hogy mely csoport használja css-e a lapot, és a panel.

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

Nem kell közvetlen hozzáférést ezt a funkciót, OpenTab okozhat, ha ez szükséges. Az érvek ugyanazok, mint a OpenTab ().

SetTabURL (tabId, url)

Ez a funkció lehetővé teszi, hogy módosítsa az URL fülre tartalom után már a fül indult. Változás az url is frissíti a tartalmat.
TabId - változó a lapon, amely magát beállította, amikor azt létrehozzák.

url - URL tartalma.

GetFocusedTabId ()

Visszaadja tabId aktív Taba

FocusTab (tabId)

Fókuszban a Tab Id tabId.

CloseTab (tabId)

Ez bezárja a lapot, amely a id: tabId.

RefreshTab (tabId)

Frissítés Taba tartalom Id: tabId

TabExists (tabId)

Értékét adja vissza igaz / hamis attól függően, hogy mit tabId Taba.

Visszahívás eseményeket.

függvény neve az esemény nyitott: tabOpen [tabId]. Változás [tabId] a valódi személyazonosságát a lap tabId. tabId harmadik oldal (Oldal # 3) - az tab_page3, így a neve a nyitó tabOpentab_page3 funkciót. Miért van szükség beilleszteni ezt a kódot a div tag és a tag nem a script? Nos azért, mert IE nem támogatja megfelelően. Ön nem lesz képes fordulni a script elem ID IE.

Ha hirtelen nem fogadott, vagy hogy valami nincs rendben - csak szólj. És ha bárki próbára más böngészők (kivéve Firefox vagy IE), hadd tudja, hogyan kódomat.