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

24-01-2012 02:05 - Zdroj: dc-bublina.blogspot.com
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.comNejprve 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ánkuPo 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: white; 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'" ... - Pokračovat...