Štítek jQuery ×

Android Apache Ant Chrome CSS Data Databáze Desocializace Download ESRI Facebook Flash GIS Google Google Maps GPS Hardware HTML Internet iOS iPhone Jak na to Javascript jQuery JS mac mapa Maps Mapy Mashup Mobile MySQL Nezařazeno PHP Programování Silverlight Software Studentská tvorba Test Video Všechno možné Webdesign Weblbinky Windows Wordpress Zajímavosti

23. 7. 2011

15 užitečných tipů pro jQuery

Vytvoření prázdného jQuery objektu, který pak může sloužit jako kontejner pro další objekty.

var container = $([]);
container.add(another_element);

Nebo změna globálního nastavení pro AJAX requesty

// ajaxSetup is useful for setting general defaults:
$.ajaxSetup({
	url			: '/ajax/',
	dataType	: 'json'
});

$.ajaxStart(function(){
	showIndicator();
	disableButtons();
});

$.ajaxComplete(function(){
	hideIndicator();
	enableButtons();
});

/*
	// Additional methods you can use:
	$.ajaxStop();
	$.ajaxError();
	$.ajaxSuccess();
	$.ajaxSend();
*/

Zbytek je k nalezení zde: 15 Powerful jQuery Tips and Tricks for Developers

#jquery
6. 2. 2011

Plupload – všestranný král mezi upload pluginy

Skutečná všestrannost a snadné použití, jak pro uživatele, tak pro vývojáře. Díky tomu se pro mne stal Plupload králem mezi open source pluginy pro nahrávání souborů na server.

image

Plupload podporuje nahrávání souborů s využitím technologie Flash, Google Gears, HTML 5, Silverlight, BrowserPlus nebo klasického HTML 4 formuláře. Počítáte správně – je to celkem 6 různých technologií!

Dále Pupload podporuje moderní Drag/Drop upload souborů, který používá například Gmail. Pokud nahráváte jpeg/png obrázky, je schopen je transformovat (zmenšit) ještě před odesláním na server. Poradí si také s většími soubory, které je schopen nahrávat po částech (chunking).

Plupload pochází z dílny autorů známého editoru TinyMCE. Zdrojové kódy naleznete na GitHub.

#flash, #gears, #jquery, #obrazky, #php, #silverlight, #upload
6. 12. 2010

Chrome Time Track

Vydal jsem druhou verzi Chrome Time Track pro prohlížeč Chrome. Toto rozšíření Vám umožní snadno sledovat čas strávený nad úkolem nebo projektem.

Rozšíření nevyžaduje připojení k internetu. Pro ukládání časů a úkolů využívá lokální databázi (HTML 5). Čas měří i při zavřeném prohlížeči! Rozšíření si totiž zapamatuje poslední kliknutí na play a předchozí strávený čas. Snadno jej tak dopočítá. Je rovněž možné sledovat několik úloh najednou, nebo případně upravit čas ručně. Pokud Vám cokoliv bude chybět, pošlete požadavek na GitHub, kde rovněž najdete zdrojový kód.

Inspirací pro sepsání tohoto rozšíření byl jTrack.

#chrome, #google, #html5, #javascript, #jquery, #rozsireni
18. 10. 2010

jQuery mobile na první dotek

jQuery vydal první alfa verzi dotykově orientovaný javascript framework pro mobilní zařízení a tablety. jQuery mobile sám o sobě vzbuzuje celkem velká očekávání. Vývojářům nabídne unifikované rozhraní pro tvorbu mobilních aplikací. Podporovány jsou iOS, Badu, AndroidBlackberry a řada dalších platforem.

První demo a ukázky nevypadají vůbec špatně! Současná verze nabízí komponenty jako například: tlačítka, toolbary nebo formuláře. Po grafické stránce je možné spatřovat výraznou inspiraci v iOS (iPhone, iPad) – což rozhodně není na škodu. Základní vzhled bude samozřejmě možné přizpůsobit, případně zcela změnit.

Vývoj mobilního frameworku se opět řídí krásným heslem komunity write less, do more.

#android, #ios, #jquery, #mobile
13. 8. 2010

CLEditor – fajný WYSIWYG HTML Editor

CLEditor je zajímavý HTML WYSIWYG editor postavený nad knihovnou jQuery. Proti konkurenci (např. TinyMCECKeditor) v něm spatřuji několik výhod:

  • nemá zbytečně moc funkcí
  • je rychlý a malý (celkově méně než 10 K dat)
  • bleskově se načítá
  • snadno se používá
  • podporuje vkládání tabulek (pomocí pluginu)
  • MIT licence

Co bych ještě uvítal?

  • lepší rozhraní pro vkládání obrázků
  • možnost překladu rozhraní (dá se pouze v kódu)
  • vložit z Wordu / vložit neformátovaný text a odstranit formátování

Editor spolupracuje s jQuery 1.4.2 a byl otestován na IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+. Editor můžete stahovat z Google Code nebo ze stránek autora.

#jquery, #plugin, #wysiwyg