Jak vložit na stránky jednoduchou kalkulačku

Před časem jsem potřeboval vložit na webové stránky jednoduchou kalkulačku. Někde na internetu, bohužel nevím kde, jsem našel šikovný kód k vložení na stránky. Nejsem žádný odborník, ale myslím, že je to docela jednoduché a parádní řešení. Komu stačí základní kalkulačka s funkcemi, sčítání, odčítání, násobení a dělení, může být následující postup dobrým řešením.
Protože používám Blogger, popíši postup pro tuto platformu, ale kalkulačka bude jistě fungovat i jinde.

Vložení kalkulačky na blogger.com

Nejprve si zvolíme umístění kalkulačky. Kalkulačku můžeme vložit do článku na blogu, nebo jako widget (miniaplikace). Funguje v obou případech, takže volba je jen na vlastním uvážení.

Vložení do článku

Po přihlášení na blog, vytvoříme nový příspěvek. Když máme hotovo, zvolíme místo v článku kde chceme kalkulačku zobrazit. V panelu nástrojů pro editaci příspěvku, přepneme zobrazení na html kód, tak, že klikneme na tlačítko s názvem "HTML" (dvojice tlačítek nahoře vlevo v panelu nástrojů).

Tlačítko pro přepnutí zobrazení

V náhledu kódu přesuneme kurzor na místo zvolené pro zobrazení kalkulačky a vložíme kód uvedený níže.

 Příklad HTML kódu:

<form name="calculator">
<table bgcolor="#73B27B" border="4" bordercolor="#FFFFFF" cellpadding="1" cellspacing="2" style="width: 222px;"><tbody>
<tr> <td>
<input length="25" name="ans" size="25" style="background: beige; color: black;" type="text" value="" /></td> </tr>
</tbody></table>
<table bgcolor="#73B27B" border="4" bordercolor="#FFFFFF" cellpadding="2" cellspacing="2" style="width: 222px;"><tbody>
<tr> <td align="center">
<input name="seven" onclick="document.calculator.ans.value+='7'" type="button" value=" 7 " /></td> <td align="center">
<input name="eight" onclick="document.calculator.ans.value+='8'" type="button" value=" 8 " /></td> <td align="center">
<input name="nine" onclick="document.calculator.ans.value+='9'" type="button" value=" 9 " /></td> <td align="center">
<input name="divide" onclick="document.calculator.ans.value+='/'" type="button" value=" / " /></td> </tr>
<tr> <td align="center">
<input name="four" onclick="document.calculator.ans.value+='4'" type="button" value=" 4 " /></td> <td align="center">
<input name="five" onclick="document.calculator.ans.value+='5'" type="button" value=" 5 " /></td> <td align="center">
<input name="six" onclick="document.calculator.ans.value+='6'" type="button" value=" 6 " /></td> <td align="center">
<input name="multiply" onclick="document.calculator.ans.value+='*'" type="button" value=" * " /></td> </tr>
<tr> <td align="center">
<input name="one" onclick="document.calculator.ans.value+='1'" type="button" value=" 1 " /></td> <td align="center">
<input name="two" onclick="document.calculator.ans.value+='2'" type="button" value=" 2 " /></td> <td align="center">
<input name="three" onclick="document.calculator.ans.value+='3'" type="button" value=" 3 " /></td> <td align="center">
<input name="subtract" onclick="document.calculator.ans.value+='-'" type="button" value=" - " /></td> </tr>
<tr> <td align="center">
<input name="clear" onclick="document.calculator.ans.value=''" type="button" value=" C " /></td> <td align="center">
<input name="zero" onclick="document.calculator.ans.value+='0'" type="button" value=" 0 " /></td> <td align="center">
<input name="equal" onclick="document.calculator.ans.value=eval(document.calculator.ans.value)" type="button" value=" = " /></td> <td align="center">
<input name="add" onclick="document.calculator.ans.value+='+'" type="button" value=" + " /></td> </tr>
</tbody></table>
</form>

Uložíme a můžeme zhodnotit výsledek. V článku máme funkční kalkulačku.

Pro základní úpravu vzhledu kalkulačky lze změnit barvy pozadí, textu a orámování, editací položek označených červeně.
Výsledek může vypadat třeba takhle.

Vložit kalkulačku jako widget (miniaplikaci)

 V nabídce nastavení blogu otevřeme položku "Rozvržení". Klikneme na "Přidat miniaplikaci" a zvolíme kartu "HTML/JavaScript". Dále je postup stejný jako v předchozím případě. Vložíme zkopírovaný kód a uložíme. Tak a máme to hotové.

O plné hlavě, sasance a nekonečných závodech

Jako by zkamenělá postava seděla na židli, bez viditelného pohnutí a zřejmého důvodu. Hlava jí hučí, nabývá pocit, že se za radiátorem usadil neúnavný cvrček, který o sobě dává vědět s buldočí vytrvalostí. Naklání se mírně vpřed a její oči, těkavě sledují ruku, zápasící s perem, snažíc se o čitelnější písmo.

Ruka však, zdá se, žije vlastním životem, a jakžtakž čitelné písmo, se po chvíli mění ve škrabopis, podobný hieroglyfům, kříženým klínovým písmem, psaných rukou dyslektika z prvního stupně základní školy. To aby stihla překotný roj myšlenek, vítězí kvantita nad kvalitou.

Propojení Facebooku a Spotify, nová dimenze poslechu hudby.

Podle některých médií kolují pověsti, že se internetový portál pro streamování hudby Spotify propojí se sociální sítí Facebook. Uživatelé Facebooku by pak mohli používat novou dimenzi poslechu nejnovějších hudebních titulů a to zcela zdarma.

Je možné, že již za dva týdny se uživatelům Facebooku po přihlášení objeví nová ikona loga hudební služby Spotify. Kliknutím na ikonu bude moci uživatel stáhnout a nainstalovat aplikaci, která umožňuje, z několika miliónového seznamu hudebních titulů, přehrávat hudbu.

Million Marihuana March 2011 a ohlédnutí za jeho účastníky

Včera se v Praze i v mnoha dalších zahraničních městech  konal pochod konopných aktivistů "Million Marihuana March 2011" nesoucí se v duchu mota, "chceme 5 kytek". Pestrý výběr účastníků, kterým není lhostejná konopná legislativa a mnohdy neopodstatněný povyk kolem konopí, pochodoval městem směrem k parku Parukářka, kde byl pochod zakončen kulturním programem.

Pochodu jsem se osobně nezúčastnil a rovnou s přáteli zamířil na Parukářku, kde jsme pomáhali děčínskému growshopu "Taogrowshop" rozdávat reklamní vzorky konopného osiva a filtrů. O konopná semena byl tradičně obrovský zájem a šla na dračku. Jedna policejní hlídka nás po chvíli vykázala z betonových schodů u "Bunkru", ať se přesuneme nahoru, tvrdíc, že území akce začíná až za zmiňovanými schody, ale vzápětí jsme se na místo znovu vrátili a vesele rozdávali dál.

Nakonec i jedna z policejních hlídek nabízená semena s chutí přijala a v kapse odnesla sebou. Otázkou zůstává, nahodil jsem v legraci, jestli pro svou potřebu nebo na expertízu. Ve skutečnosti je to úplně jedno, protože naše konání neporušovalo zákon.

Cover verze skupiny Ministry a jejich původ

Přestože americká industriální skupina Ministry ukončila oficiálně svou činnost americko-evropským turné v roce 2008, rozhodně to neznamená, že se kolem skupiny nic neděje. Frontman a zakladatel Ministry a Revolting Cocks, Al Jourgensen však, jak se zdá do důchodu neodešel a našel zalíbení ve vytváření remixů původních skladeb Ministry a cover verzí. Důkazem budiž několik posledních alb, namátkou Cover Up (2008) či Undercover (2010).

Nové možnosti zobrazení blogu pomocí rozšíření Chrome

Nové rozšíření, prohlížeče Google Chrome, Blogger Dynamic Views, nabízí úplně novou perspektivu zobrazeni blogu služby blogger.com.

Pokud jste aktivními uživateli blogerského účtu na blogger.com, možná víte, že již týden  funguje několik nových dynamických šablon, na základě moderních webových technologií, jako CSS3, HTML5 a AJAX, které nabízejí naprosto nové možnosti zobrazení vašeho blogu.

Podmínka pro správnou funkci zobrazení blogu je nainstalovaný prohlížeč Google Chrome s rozšířením "Blogger Dynamic Views". Po jejím splnění, můžete vyzkoušet jak to celé funguje. Načtěte si v prohlížeči jakýkoliv blog služby blogger.com, např. http://dc-bublina.blogspot.com/. Vpravo v adresním řádku se objeví známá ikona "blogger".

Webdoc - zajímavá alternativa sociálních sítí

Sociální sítě jsou fenoménem dnešního internetu, který ovlivnil i mou osobu. Přestože mám účet jak na Facebooku a Twitteru tak stejně hledám nějakou zábavnější alternativu. Momentálně mě velmi zaujal projekt mladé švýcarské firmy "Webdoc". V Čechách, pokud vím, je tato síť prakticky neznámá a v celosvětovém měřítku se také nejedná o žádného giganta typu Facebook a spol. Není divu, historie Webdoc.com je velmi mladá. Nicméně si myslím, že svůj potenciál rozhodně má a proto jsem se rozhodl, seznámit případné zájemce s tímto velmi zajímavým počinem.