Script.aculo.us - script.aculo.us - Wikipedia
![]() | Tento článek má několik problémů. Prosím pomozte vylepši to nebo diskutovat o těchto otázkách na internetu diskusní stránka. (Zjistěte, jak a kdy tyto zprávy ze šablony odebrat) (Zjistěte, jak a kdy odstranit tuto zprávu šablony)
|
![]() | |
Vývojáři | Thomas Fuchs |
---|---|
Konečné vydání | 1.9.0 / 23. prosince 2010 |
Úložiště | ![]() |
Napsáno | JavaScript |
Typ | Knihovna JavaScript |
Licence | Licence MIT |
webová stránka | skript![]() |
script.aculo.us je JavaScript knihovna postavená na Prototypový rámec JavaScriptu, poskytující dynamické vizuální efekty a prvky uživatelského rozhraní prostřednictvím Model objektu dokumentu (DOM).
Je to zejména součástí Ruby on Rails a Pobřeží, ale také k dispozici samostatně pro práci s ostatními webové rámce a skriptovací jazyky.
script.aculo.us byl extrahován Thomasem Fuchsem z jeho práce na fluxiom, webový digitální správa majetku nástroj od návrhářské společnosti wollzelle.[1] Poprvé byl vydán veřejnosti v červnu 2005.
Funkce
script.aculo.us rozšiřuje Prototypový rámec JavaScriptu přidáním vizuálních efektů, ovládacích prvků uživatelského rozhraní a nástrojů.
Vizuální efekty
Existuje pět základních efektů, které script.aculo.us nabízí: Opacity, Scale, MoveBy, Highlight a Parallel. Prostřednictvím těchto efektů existuje více než 16 dalších efektů využívajících kombinace základních efektů po vybalení z krabice. Programátoři mohou také rozšířit stávající a vytvářet nové efekty.
Povolení efektu je věcí přiřazení prvku s ID jménem a jedním řádkem kódu pro efekt. Níže je uveden příklad efektu Effect.Fade aplikovaného na prvek DOM s ID 'message-box':
Nový Účinek.Slábnout('message-box');
To způsobí, že ID cíle vybledne v neprůhlednosti a skončí nastavením vlastnosti „display“ CSS na „none“.
Lze upravit různá další nastavení v rámci efektu, například dobu trvání efektu a rozsah efektu:
Nový Účinek.Slábnout('message-box', { doba trvání: 2.0, z: 0.0, na: 0.8 });
To by prvek vybledlo, ale zastaví se, když je efekt dokončen na 80% (s krytím 20%).
Řízení
Controls nabízí prvky uživatelského rozhraní včetně:
- Drag and Drop
- Přetahovatelné
- Droppables
- Tříditelné
- Posuvník
- Automatické doplňování
- Úpravy na místě
Stavitel
Tvůrce umožňuje dynamické vytváření prvků DOM. Pomocí níže uvedeného ukázkového kódu:
živel = Stavitel.uzel('div',{id:'vlak duchů'},[ Stavitel.uzel('div',{jméno třídy:'řízení',styl:'font-size: 11px'},[ Stavitel.uzel('h1','Vlak duchů'), "testtext", 2, 3, 4, Stavitel.uzel('ul',[ Stavitel.uzel('li',{jméno třídy:'aktivní', při kliknutí:'test()'},'Záznam') ]) ])]);
... vytvoří následující (bez mezery ):
<div id="vlak duchů"> <div třída="řízení" styl="velikost písma: 11px"> <h1>Vlak duchů</h1> testtext234 <ul> <li třída="aktivní" při kliknutí="test()">Záznam</li> </ul> </div></div>
Reference
externí odkazy
- Oficiální webové stránky
- skriptální na GitHub
- script.aculo.us dokumentace wiki
- Neoficiální prototyp a Script.aculo.us wiki a FAQ vytvořili členové komunity
![]() | Tento bezplatný open source software článek je a pahýl. Wikipedii můžete pomoci pomocí rozšiřovat to. |