Archiv pro měsíc: Duben 2011

Překrytí Flashe klikatelným odkazem

Následující kód by měl zdánlivě fungovat tak, že na div #banner je embedováno pomocí SWFObjectu Flash video.

<a onclick="funkce();" href="javascript:;"><div id="banner"></div></a>

Přes něj je ale ještě odkaz, takže při kliknutí nad tento Flash doje k zavolání funkce funkce(). Toto funguje ve všech prohlížečích (které jsem zkoušel – Opera, Firefox), ale nefunguje v Internet Exploreru (ani verze 9).

Je nutné nastavit odkazu pozadí, nestačí ovšem background:transparent; jak by bylo očekávatelné, ale je nutné nastavit background: url(obrazek.gif);. Na pozadí tedy musí být obrázek, co je ještě podivnější, tento obrázek nemusí vůbec existovat`takže není nutné vytvářet průhledných GIF. Dále je nutné odkaz napozicovat absolutně a HTML kód zapsat takto:

<a onclick="funkce();" href="javascript:;"></a><div id="banner"></div>

Potom je možné zavolat kliknutím na video Javascriptovou funkci ve všech prohlížečích, včetně Internet Exploreru.

JWPlayer – přehrávání videa pomocí Flashe na webu

Pro jednoduché přehrávání videa pomocí Flashe je možné použít výbornou knihovnu JWPlayer. Pro přehrání videa stačí například těchto pár řádků kódu:

  jwplayer("intro").setup({
    flashplayer: "js/jwplayer/player.swf",
    file: "files/video.flv",
    height: 450,
    width: 800,
    autostart: true,
    skin: "js/jwplayer/dangdang.swf",
  });

Také je možné navázat funkce po skončení přehrávání a podobně.

Filtrování obsahu proměnné v PHP, funkce filter_var

Například pro odfiltrování přebytečných znaků z proměnné a ponechání čísla je funkce filter_var. O filtrech více zde.

Použití například takto, následující kód ponechá pouze číslice a ostatní znaky odstraní:

filter_var($promenna, FILTER_SANITIZE_NUMBER_INT)

Emulátor iPhone pro testování webů

Potřeboval jsem otestovat, jak vypadá jeden web v iPhonu. Obecně by zobrazení mělo odpovídat prohlížeči Safari (doufám, že to není blud :)), ale pro lepší otestování se dá použít aplikace IBBDemo2 – ke stažení na http://www.puresimstudios.com/ibbdemo/. Emuluje iPhone i iPad a ke svému běhu využívá Adobe AIR.

Opera 11.10 — Installer failed to replace …. Error Code: 9 – řešení

Dnes jsem chtěl updatovat Operu na novější verzi a v průběhu instalace se mi zobrazila tato hláška: Installer failed to replace standard_skin.zip. Error Code: 9. Google na tuto chybu celkem mlčel, sice se tento problém řešil, ale nikde jsem nenašel, jak jej vyřešit. Napadlo mně zkontrolovat, zda je Opera vypnutá. Ve Správci úloh visel proces opera.exe. Po vypnutí ale nebylo možné Operau stále aktualizovat. Soubor také nešlo smazat, byl zamčený.

Pomohl až restart počítače, po kterém se Opera již v pořádku aktualizovala.

UPDATE: Zdá se, že nová Opera neumí otevřít odkaz z nějaké jiné aplikace v případě, že je již spuštěna a nastavena jako výchozí prohlížeč.

Coin Slider a doména přes obrázek

Tato knihovna slouží například pro vytvoření hlavičky webu, ve které se mohou střídat fotky. Využívá knihovnu jQuery. Pokud se vám jako mně stane, že narazíte na problém, kdy se přes obrázky zobrazuje název domény cca na 0,5 sekundy, lze to vyřešit například tímto způsobem:

.coin-slider { color:transparent; }

Zajímavé rozšíření pro prohlížeč Opera 11

Poslední verze mého oblíbeného prohlížeče Opera podporuje i rozšíření (pluginy). Ty je možné získat na adrese https://addons.opera.com/addons/extensions/.

Některá rozšíření mají podobné funkce, ale podstatně se liší kvalitou provedení a funkcemi. Jako zajímavé mně přišly následující rozšíření, které i doporučuji:

Google Mail Notifier – zobrazuje počet nepřečtených emailů v Google schránce

Google Reader Checker –  zobrazuje počet nepřečtených novinek v RSS čtečce Google Reader. Po najetí myší na tlačítko se zobrazí i počet nepřečtených novinek u každého RSS kanálu. Po kliknutí otevře v nové záložce samotný Google Reader.

Read Something – díky tomuto rozšíření jsem objevil zajímavou webovou službu. Jakoukoli stránku je možné vložit do speciálního seznamu, zavřít ji a kdykoli se k ní vrátit. Není nutné ji ukládat do oblíbených, kde na ni stejně každý zapomene.

Close duplicates – nepostradatelná pomůcka v případě, že máte otevřené velké množství záložek.

Edit the Page – umožňuje se přepnout do WYSIWYG módu a je možné editovat, mazat a přidávat cokoli na stránce. Spíše zajímavost, která se jen občas může hodit.

FastestTube – YouTube Video Downloader – pod video na webu YouTube přidá tlačítko, kterým je možné stáhnout vybrané video do počítače. I v HD kvalitě.

Source – po stisknutí klávesové zkratky Ctrl+Q zobrazí zdrojový kód vybraného elementu na stránce. Pod ním zobrazí i nadřazené elementy, takže je možné rychle vybrat element a po kliknutí na něj se zobrazí zdrojový kód, který se nachází v něm. Nepostradatelná pomůcka.