jQuery pro použití v konzoli

Často se mi stává, že potřebuji z nějaké stránky vytáhnout nějaké data. Například seznam produktů z tabulky apod. Nechce se mi používat nějaké rozšíření, protože ne vždy fungují tak, jak potřebuji. Nejjednodušší je pro mě tak otevřít konzoli a napsat si krátký JavaScript kód, který mi data vypíše.

Pokračování textu jQuery pro použití v konzoli

Facebook komentáře na Blogger

Máte blog na Blogger.com a chtěli by jste používat komentáře od Facebooku? Je to jednoduché, stačí malá úprava ve zdrojovém kódu šablony.

Nejdříve si ale nastavte, aby se původní komentáře neozobrazovaly – bylo by zbytečné mít na webu dva formuláře. Komentáře zakážete v Nastavení » Komentáře » Skrýt a Uložte nastavení.

Vložení Facebook kódu

Otevřete si úpravy HTML šablony v nabídce Design » Upravit HTML, zaškrtněte políčko Rozbalit šablony pomůcek.

Facebook komentáře na Blogger.com

Teď si v kódu najděte vhodné místo pro vložení komentářů (já je vložil na konec DIV s třídou post-footer<div class="post-footer">) a vložte následující kód:

1. <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
2. <b:if cond='data:blog.url == data:post.url'>
3. <h3 id='komentare'>Komentáře</h3>
4. <div id='fb-root'/>
5. <fb:comments expr:href='data:post.url' expr:num_posts='10' expr:width='500'/>
6. <b:else/>
7. <p><a expr:href='data:post.url + &quot;#komentare&quot;'>Komentáře (<fb:comments-count expr:href='data:post.url'/>)</a></p>
8. </b:if>

Popis kódu:

  • 1. řádek – vložení JavaScriptu od Facebooku
  • 2., 6. a 7. řádek – podmínky v jazyce bloggeru – pokud je adresa (data:blog.url) rovna adresa příspěvku (data:post.url), …
  • 3. nadpis pro komentáře, atribut ID je vyplněn kvůli kotvě, na kterou povede odkaz z výpisu příspěvků
  • 5. Facebook kód, šířku komentářů, nebo další nastavení si zvolte sami
  • 7. odkaz na komentáře ve výpisu příspěvků – zobrazuje i počet komentářů

Jak nastavit TortoiseSVN a Assembla

Předpokládám, že pokud vás tento článek zajímá, tak o subversion něco víte. Pokud ne, zkuste si něco přečíst třeba na Wikipedii

My ostatní se pustíme do nastavení klienta Tortoise SVN se serverem Assembla.com, který nabízí (zdarma, nebo v placené verzi) nástroje a služby pro správu subversions.

Instalace TortoiseSVN a registrace na assembla.com

  • Stáhněte a nainstalujte si klienta TortoiseSVN, pokračujte dle pokynů v instalačním programu. Po instalaci je vyžadován restart počítače, aby se klient mohl integrovat to systému.
  • Zaregistrujte se na stránkách Assembla. Já se registroval už dříve, takže postup vám neprozradím (už si nepamatuju), ale neměl by to být žádný problém.

Vytvoření prostoru

  • V neplacené verzi máme na projekt “pouze” 200MB
  • Na stránce Home zvolíme Create New Space
  • Zvolíme první balíček Software development – Subversion Hosting with Integrated Tickets
  • Vybereme Select Free Public (nebo placenou verzi Private/Profesional)
  • Vyplníme formulář a poté klikneme na Create The Space
    • Space Name – Název prostoru (např. Můj projekt)
    • URL name – URL adresa (např. muj-projekt)
    • Description – popis
    • Tags – štítky, popisky, které charakterizují váš projekt (např. cms, administrace, …)
    • Security – Nastavení bezpečnosti, aneb jaké možnosti mají veřejní uživatelé (prohlížení/editace) a členové týmu projektu (ptohlížení/editace)

Napojení TortoiseSVN

  • Přejdeme na záložku Source/SVN, kde zkopírujeme odkaz SVN Url (např.http://subversion.assembla.com/svn/muj-projekt)
  • Najdeme si složku s projektem na našem pevném disku, klikneme na ni pravým tlačítkem a z nabídky vybereme SVN Checkout
  • Do pole URL of Repository vložíme adresu SVN (http://subversion.assembla.com/svn/muj-projekt), v Checkout Directory bude cesta ke složce s projektem (např. C:Projektymuj-projekt)
  • Potvrdíme tlačítkem OK, program nám oznámí, že složka není prázdná (pokud v ní něco máte) a zeptá se, jestli chcete improtovat/exportovat soubory, zvolíme Ano
  • Vyskočí okno s informacemi, poslední řádek by měl být Completed At revision: 0
  • Repozitář je vytvořen a nastaven

Upload souborů

  • Opět klikneme na složku pravým tlačítkem, ale tentokrát vybereme z nabídky položku SVN Commit… (aneb nahrát soubory do repozitáře)
  • Vybereme všechny soubory (Select / deselect all) a potvrdíme OK, ještě si k uploadu můžeme přidat poznámku (Message)
  • Vyplníme jméno a heslo, které jsme zadali při registraci do Assembly
    Zobrazí se okno s uploadem souborů, po nahrátí souborů máme vytvořenou první verzi (na posledním řádku bude Compledet At Revision: 1).

Práce s projektem

  • Určitě jste si všimli, že u složky s vaším projektem a u souborů v ní se navíc zobrazují nějaké ikony.
  • Zelená šipka znamená, že soubory ve složce jsou aktuální s posledním záznamem z repozitáře (od posledního update nenastala žádná změna).
  • Červený vykřičník znamená, že soubory byly od posledního update změněny. Můžeme provést nový upload na server

Práce s repozitářem

  • Klikněte na složku projektu a zvolte z nabídky SVN Update, čímž dojde k aktualizaci souborůna vašem pevném disku ze serveru s repozitářem.
  • Poté, co provedete nějaké změny, opět klikněte na složku pravým tlačítkem, ale tentokrát vyberte SVN Commit…

Kolize

Pokud na projektu pracuje více lidí, nebo na něm pracujete na různých místech (např. na počítači doma a na jiném počítači v práci), tak se setkáte s tím, že například vy i váš kolega změníte soubor a budete tak muset rozhodnout, jak bude nakonec vypadat. To znamená, že se tyto dvě verze souboru spojí v jeden. Další možností je, že v souboru upravíte třeba stejný řádek a vznikne tak kolize, kterou budete muset vyřešit. Bohužel zatím nemám možnost to nějak rozumě otestovat, takže s tímto si budete muset poradit sami 🙁