tab-uri Ajax, AJAX, articol, programare - programare C, Delfi, C #

CSS-file - aceste zile, se pare ca „furie“. Personal, îmi place ideea existenței lor. Se pare că cea mai populară metodă de a crea file folosind CSS - Metoda uși glisante (uși glisante). Și la prima vedere, par a fi cele mai atractive și ușor de utilizat instrument. Cu toate acestea, ele sunt atât de ... statice.

Am luat ideea ușilor glisante, adăugând un mic java script-și ajax, face sa arate mai dinamic.

Noi ajax-file au mai multe avantaje:

Ajax-file format din două părți - file și panouri proprii.

Aruncati o privire la codul sursă:

Descărcați toate fișierele necesare pentru demo. (Deoarece demo foloseste Ajax, trebuie să plasați aceste fișiere pe un server web. Ele nu pot rula local pe mașină până când porniți serverul).

Pentru a începe, aveți nevoie de următoarele HTML-cod:

Simplu și drăguț. Trebuie remarcat faptul că, atunci când se deschide pagina apelează automat OpenTab funcția (). Aceasta este o funcție care se deschide prima filă. Mai jos tabs.js documentare, pentru a face clar ce argumente are OpenTab ().

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

Această funcție creează o filă sau pentru a activa unul existent.

Tabid - un șir de caractere pe care le creați pentru a obține mai târziu acces la un tabu.

TabLabe - șir de caractere, numele filei.

TabURL - line cu referire la pagina care conține conținutul pentru download prin ajax.

TabIsCloseable - un boolean (adevărat sau fals), care determină dacă butonul tab-ul „X“, pe care o puteți închide.

TabColor - un șir de caractere care determina care grup să utilizeze css pentru că fila și panoul.

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

Nu aveți acces direct la această funcție, OpenTab aceasta cauza, dacă acest lucru este necesar. Argumentele sunt aceleași ca și în OpenTab ().

SetTabURL (tabid, adresa URL)

Această funcție vă permite să modificați conținutul fila URL deja după fila a fost deschis. Schimbarea adresa URL se actualizează, de asemenea, conținutul.
Tabid - o variabilă a filei, pe care l-ați setat atunci când este creat.

URL - conținut URL.

GetFocusedTabId ()

Returnează tabid Taba activ

FocusTab (tabid)

Concentrați-vă la fila cu ID-ul tabid.

CloseTab (tabid)

Se închide fila care are id-ul: tabid.

RefreshTab (tabid)

Actualizări de la Id-ul de conținut: tabid Taba

TabExists (tabid)

Returnează valoarea adevărat / fals în funcție de ceea ce tabid în Taba.

Evenimente de apel invers.

numele funcției pentru eveniment deschis: tabOpen [tabid]. Schimbarea [tabid] cu privire la identitatea reală a tabid fila. Pagina a treia tabid (pagina 3 #) - este tab_page3, astfel încât numele funcției tabOpentab_page3 de deschidere. De ce am nevoie pentru a insera acest cod în tag-ul div și tag-ul nu este în scenariu? Ei bine, pentru că IE nu-l susține în mod corespunzător. Tu nu va fi capabil să apeleze la elementul script ID-ul în IE.

Dacă am ratat dintr-o dată, sau că ceva este în neregulă - lasă-mă să știu. Și dacă cineva va testa alte browsere (cu excepția Firefox sau IE), lasă-mă să știu cum codul meu.