pondělí 12. března 2012

Tajná zbraň na JavaScript: console.log()

Při ladění zejména kratších prográmků v JavaScriptu si kdekdo (tím myslím všechny, kdo nezvládají debugovat pomocí breakpointů třeba ve Firebugu) vypomáhá vypisováním stavů a proměnných pomocí alert(). Ten je ale krátký na vypsání pole nebo objektu (bez konverze). Existuje na to ale krásně prosté zaklínadlo (asi ne úplně ve všech prohlížečích zafunguje, ale Google Chrome i Firefox je podporuje):

console.log( cokoliv );

Když bude cokoliv objekt, v konzole uvidíte rozepsaný celý obsah objektu. Lze takto vypisovat opravdu cokoli a logovat si vše, co je třeba. Další návrhy a možnosti jak na logování a výpis proměnných najdete v textu How can i print a javascript object? (Stack Overflow).

neděle 4. března 2012

Jak vložit správně flash (swf) do stránky (html)

Adobe Flash při exportu výtvoru vygeneruje i html kód, kterým se má překopírovat do html stránky pro kýženého zobrazení vytvořené animace, nejspíše benneru. Anžto je tento html kód silně nevalidní - vždycky byl a zřejmě vžycky bude - a ne vždy pak funguje správně v prohlížečích, hledala již dávno spousta lidí tu nejlepší cestu, jak vložit flash (swf) do html stránky správně. Už před lety jsem našel a několikrát ozkoušel níže uvedený kód. Výhoda tohoto zápisu je i jeho odolnost proti svévolným zásahům některých wysiwyg editorků.

<object width="170" height="300" id="abcdefgh_170x300px" align="middle" type="application/x-shockwave-flash" data="/pictures/abcdefgh_170x300px.swf?clickthru=http%3A%2F%2Fwww.web-abcdefgh.cz%2F">
<param name="allowscriptaccess" value="sameDomain">
<param name="allowfullscreen" value="false">
<param name="movie" value="/pictures/abcdefgh_170x300px.swf?clickthru=http%3A%2F%2Fwww.abcdefgh.cz%2F">
<param name="quality" value="high">
<param name="bgcolor" value="#F3F0E0"></object>


Tento příklad současně ukazuje:

  1. jak zadat odkazy od rootu webu, bez http – jinak je některé wysiwyg editory zmrší!
  2. jak do odkazu přidat parametr clickthru (odkaz na proklik, běžná flashbannerová praxe) – musí být url encoded! (pokud je potřeba, jinak odmaž otazník a vše za ním; může to být i jiný parametr; k zakódování url lze použít různé online pomůcky, třeba URL Decoder/Encoder)
  3. že odkaz na swf je tu 2× !!!
  4. jak nastavit rozměr objectu
  5. jak nastavit barvu pozadí (když by někde vyčuhovalo)


pondělí 27. února 2012

Zobrazení všech e-mailů jako text v Outlooku

Oproti jiným emailovým klientům je dostat se k textovým variantám emailů v Microsoft Outlook trošku komplikovanější. Nicméně návod najdete na Zobrazení všech e-mailových zpráv ve formátu prostého textu. Samozřejmě pro různé verze Outlooku se postup liší:

V Outlook 2003, postupujte takto:
  1. V nabídce Nástroje klepněte na příkaz Možnosti.
  2. Na kartě Předvolby v oblasti E-mail klepněte na tlačítko Možnosti e-mailu.
  3. V oblasti Zpracování zpráv klepnutím zaškrtněte políčko Číst veškerou standardní poštu ve formátu prostého textu.
V Outlook 2007, postupujte takto:
  1. V nabídce Nástroje klepněte na příkaz Centrum zabezpečení a pak na položku Zabezpečení e-mailů.
  2. V poli Číst jako prostý text klepnutím zaškrtněte políčko Číst veškerou standardní poštu ve formátu prostého textu.
V Outlook 2013, postupujte zase trochu jinak:

  1. V nabídce Soubor klikněte na Možnosti
  2. Na kartě Možnosti aplikace Outlook vyberte Centrum zabezpečení
  3. Klikněte na tlačítko Nastavení centra zabezpečení...
  4. V panelu Centrum zabezpečení vyberte Zabezpečení e-mailu a pak v sekci Číst jako prostý text zaškrtněte Číst veškerou standardní poštu ve formátu prostého textu

Všechny emaily se pak zobrazují pouze textově. K původnímu stavu se vrátíte pochopitelně stejným postupem ;-)

úterý 21. února 2012

Wordpress a JQuery - pozor na dolar!

JQuery a Wordpress jsou dvě úžasné záležitosti. O tom nepochybuj! ;-) Nicméně skombinovat je lze pouze za nezvyklých podmínek: pro nastartování scriptu v jQuery se nedá použít standardní konstrukce
$(document).ready(function(){ ...
ale je třeba sáhnout po alternativě
jQuery(document).ready(function($) { ...
což lze samozřejmě dohledat na síti, jen teď už nevím kde.

pondělí 6. února 2012

Lightbox už za peníze (pro komerční použití)

Už dříve jsem vyjádřil své nadšení pro Fancybox, třeba v příspěvku Lightbox pro jQuery.

Nová verze Fancyboxu je ovšem kromě umístění na novém webu fancyapps.com také pro komerční použití za peníze! Není to sice nijak drahé, ale je třeba si to pohlídat!

MAKE Magazine

Technology Review RSS Feeds

Nejčtenější příspěvky