xom`s pinion - Tom Hnatovsky Blog

Pohodlné vkládání Flashe JavaScriptem

14. března 2008 Web design nekomentováno

Flash pomocí JavaScriptu Vkládání Flashe do webové stránky není v současnosti nikterak pohodlné, zvláště díky firmě EOLAS, která vysoudila na Microsoftu, aby ve svém prohlížeči zamezil automatickou aktivaci těchto souborů bez uživatelské aktivity. Já mám pro vkládání Flashe vytvořenu takovou vcelku jednoduchou JavaScriptovou funkci, která pomáhá například i s překrýváním HTML s Flashem. Nutno dodat, že Microsoft již zakoupil licenci a lze zatím ruční instalací záplaty obtěžující chování Exploreru odstranit.

Každopádně budu následující JavaScript využívat i nadále, zjednodušuje vložení flashe do stránky. Ve většině případů je nutné zadat pouze cestu k přehrávanému souboru a jeho rozměry.

/* FlashEmbed */ var embedVar = ""; function flashEmbed (flashPath, width, height, bgColor, quality, menu, border, transparent, flashVars, loop) { loop = loop == null ? "true" : loop; // Automaticke opakovani prehravani transparent = transparent == null ? "transparent" : transparent; // Automaticke nastaveni pruhlednosti border = border == null ? "false" : border; // Automaticky bez okraju quality = quality == null ? "high" : quality; // Automaticka kvalita embedVar = ''; document.write (embedVar); }

Živá ukázka, Stáhnout JavaScript

Ve výsledném HTML dokumentu stačí k vložení Flashe zapsat:

// Minimalni pocet promennych // Maximalni pocet promennych

PhotoRing Reloaded

11. března 2008 Web designFotografování 3 komentáře

Photo Ring Po necelých dvou letech provozu se změnil PhotoRing!

Při spuštění ke konci srpna 2006 jsem rozhodně nepočítal s tím, že takovou dobu vydrží na rychlo spíchnutý design a ještě rychleji spíchnutý kód, který toho spoustu neuměl (i třeba změnu mailu..) Prakticky již kolem Vánoc 2006 jsem měl připravený test nové zelené verze (Andrew to myslím viděl), ale ta nikdy světlo světa nespatřila.

Co mě vedlo ke změně, kromě fakt spousty funkčních chyb?

  • Vypršení starého hostingu. Celou dobu byl web bez výpadků u Hostingu zdarma, ale prodložuvací poplatek za .org 600,- mi přišel jako velký luxus, proto jsem PhotoRing stáhl ke svým dalším webům na sdílený prostor (snad jediný dostupný v Česku).
    Pozn.: Až po změně hostingu člověk ocení vyladění spam filteru, který zůstal u starého hostera, ten nový je na tom mizerně.
  • Přechod na jinou databázi a s tím spojenou vylepšenou administraci. On je MySQLAdmin vcelku pěkným administračním rozhraním ;) – ale kdo si má pomatovat ta hesla a navíc není úplně nejbezpečnější se z neznámých sítí připojovat přímo jako uživatel databáze..
  • Už jsem měl plné zuby růžového designu, tak jsem jej nahradil fialovým (hlavně je textový obsah na bílém pozadí) – uvidím po roce.. ;)
  • Podobně jako první provozovatel podobně zaměřeného webu jsem začínal mít dost mizejících odkazů kruhu, takže jsem mohl rozšířit vlastnosti blogů o vlastnost „je v Ringu“. Momentálně se schvalují všichni uživatelé, ale do náhodného prohlížení PhotoRingu se zařazují pouze ti prověření. Brzy bude spuštěn automat, který bude procházet weby a kontrolovat přítomnost odkazů – podobný robůtek měl již běhat zhruba po měsíci provozu starého webu, ale nějak jsem se na něj nedostal..
  • Diskusní fórum založené na PunBB bylo přeplněné spamem a články oznamující nejlepší fotky měsíce se vkládaly přímo do kódu - brrr. Články konečně přešly do databáze a přihlášení uživatelé je mohou komentovat.
  • Pár uživatelů mělo více registrovaných fotoblogů a spravovat je mohli pouze odděleně z několika účtů. Nyní má každý uživatel možnost mít blogů kolik chce a spravuje si je najednou.
  • RSS novinky načítaly mnoho textového balastu, nyní jsou lépe filtrovány a umožňují oddělenou agregaci fotek a ostatního sdělení.

Jak vlastně probíhal převod? Díky za optání.. Převádělo se dlouze, i kvůli tomu, že se mnohé atributy stěhovaly mezi tabulkami a dostávaly nová jména. Převodem bylo dotčeno zhruba 300 blogů, které zhruba za rok vygenerovaly 15.000 RSS novinek. RSS zprávy jsem se jal dále validovat, aby se zjistilo, který záznam skutečně obsahuje fotky a který nikoliv. Konečný součet po odstranění duplicit byl 10.000 ku 3.000 v prospěch fotek. Testování na skutečnou existenci fotek u klientů trvalo necelé tři dny, ve kterých server plival dotaz za dotazem celým širým internetem, až se divím, že celá tato akce prošla tak hladce.

Co teď? No, ještě tam pár nedodělků mám, ale po nich snad začnu dokončovat lištu na procházení kruhu (ano, sliboval jsem ji již v roce 2006.) Zatím jsem členům PhotoRingu nerozeslal mail se shrnutím změn, obávám se mail bez korektury poslat, tak kdyby se někdo chtěl zapojit.. V hlavě mám spoustu dalších nápadů a výhled na volný čas, proto čekejte další novinky, mám na ně dva roky.. ;)

HTML pod/nad Flashem

10. března 2008 Web design nekomentováno

wmode pro Flash Snad každý HTML kodér již alespoň jednou narazil na vlastnost většiny prohlížečů a to, že Flashovou animaci zařazují do nejvyšší vykreslovací vrstvy a ani takový šamanský atribut jakým je z-index s nimi nesjedná pořádek.

Přitom je řešení zcela prosté – stačí nastavit animaci atribut wmode s hodnotou transparent – zde pozor! Pokud máte animaci přímo na pozadí dokumentu, s jehož barevností počítáte, tak vězte, že se právě toto pozadí zprůhlední, proto radši kontrolujte svůj generovaný flash, zda-li obsahuje i po zprůhlednění skutečně požadovanou barvu pozadí.

Výše popsaný problém se hojně vyskytuje při generování různých pop down menu, kde najednou možnosti navigace zalézají za animaci..

Prohlédněte si živou ukázku, jejíž zdrojový kód odhaluje problematiku v celé své jednoduchosti.

© 2004-2012 Tom Hnatovsky - Všechna práva vyhrazena