By michal frackowiak michal frackowiak
Description
Using the instacalc (http://instacalc.com/) one can embed a nice calculator into a page. Just go to http://instacalc.com, see how things work, create your calculator template (insert some values) or not if you want it plain and click on Embed. Copy the code and paste within the [[embed]] ... [[/embed]] tags like below
Code
The example below is a demo caculation from the instacalc website here.
[[embed]]
<script>
instacalc_embed_url = 'http://instacalc.com/?d=RW50ZXIgeW91ciBzaXRlJ3MgdHJhZmZpYyAmIFtlQ1BNXShodHRwOi8vZW4ud2lraXBlZGlhLm9yZy93aWtpL0VmZmVjdGl2ZV9Db3N0X1Blcl9NaWxsZSkgdG8gZ2V0IGEgcmV2ZW51ZSBlc3RpbWF0ZS4&c=ZGFpbHlfaGl0cyA9IDMwMDAwfGVDUE0gPSAyLjIwfGRhaWx5X3JldmVudWUgPSBkYWlseV9oaXRzICogZUNQTSAvIDEwMDB8bW9udGhseV9yZXZlbnVlID0gZGFpbHlfcmV2ZW51ZSAqIDMwfHllYXJseV9yZXZlbnVlID0gZGFpbHlfcmV2ZW51ZSAqIDM2NQ&s=sshhh&v=0.6';
instacalc_embed_height = 300;
</script>
<script src="http://instacalc.com/javascripts/embed.js"></script>
[[/embed]]
In action
Thanks to tsangk for this great snippet: conditional-blocks
text above inserted with:
[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]
Other snippets posted by michal frackowiak
MyBlogLog recent visitors - 06 Jun 2021 04:03
Include Any Page - 06 Jun 2021 03:20
Babelfish Translation - 06 Jun 2021 03:14
Collapsible Text Block - 02 Dec 2020 10:24
Todo List - 18 Aug 2014 15:28
Multicolumn Layout - 17 Dec 2012 19:51
Zoho Writer - 16 Feb 2012 01:57
Zoho Sheet - 16 Feb 2012 01:56
Zoho Show - 16 Feb 2012 01:55
Zoho Polls - 16 Feb 2012 01:53
WoW Tooltips - 16 Feb 2012 01:52
Widgetbox Panel - 16 Feb 2012 01:52
Video from Revver - 16 Feb 2012 01:50
Tabs - 16 Feb 2012 01:45
Standalone Page Buttons - 16 Feb 2012 01:44
Social Bookmarking - 16 Feb 2012 01:42
Simple Gallery - 16 Feb 2012 01:41
Remember The Milk Todo - 16 Feb 2012 01:39
Recent Changes (mini) - 16 Feb 2012 01:36
Rating Summary - 16 Feb 2012 01:35
Quimble Poll - 16 Feb 2012 01:33
Quikmaps Maps - 16 Feb 2012 01:33
Photobucket Widget - 16 Feb 2012 01:29
Page Previews (Snap.com) - 16 Feb 2012 01:29
Pabpixies Gadgets - 16 Feb 2012 01:28
Meebo me - 16 Feb 2012 01:20
Layout With Tables - 16 Feb 2012 01:19
Import the Digg Feed - 16 Feb 2012 01:11
Import a News Feed - 16 Feb 2012 01:10
Google Gadgets - 16 Feb 2012 01:05
Gabbly chat - 16 Feb 2012 01:02
Forum Summary for the Front Page - 16 Feb 2012 01:02
Footnotes - 16 Feb 2012 01:01
Foldable List - 16 Feb 2012 01:01
Flickr Images By Tags - 16 Feb 2012 01:00
Feedburner - 15 Feb 2012 00:53
Extra Side Bar - 15 Feb 2012 00:51
Embed Code From Other Services - 15 Feb 2012 00:50
EditGrid Spreadsheets - 15 Feb 2012 00:49
Cornify - 15 Feb 2012 00:39
Compact Feed Display - 15 Feb 2012 00:35
Center Video - 15 Feb 2012 00:28
Bibliography/Footnotes/Comments Listed in TOC - 15 Feb 2012 00:26
Automatic Sitemap - 15 Feb 2012 00:25
Alexa traffic ratings - 15 Feb 2012 00:23
3d tagcloud - 15 Feb 2012 00:22
Rate this solution
If you think this solution is useful — rate it up!
This looks like a great bit of programming, i'm having a little bit of trouble setting it up, but enjoying it all the same - very fun to play with!!
Cheers,
Ruben FitzSimons
Hi, I have solved the problem in the meantime. See the code below. I did not use the JavaScript Version but the inframe option.
[[iframe http://instacalc.com/embed/?d=U2lnbmFsLVJhdXNjaHZlcmjDpGx0bmlzIGJlcmVjaG5lbi4gRWluZmFjaCBTaWduYWwsIFJhdXNjaGVuIHVuZCBBbnphaGwgZGVyIER1cmNoZ8OkbmdlIGVpbmdlYmVu&c=U2lnbmFsID0gMnxSYXVzY2hlbiA9IDIwfER1cmNoZ8OkbmdlID0gMTB8U2lnbmFscmF1c2NodmVyaMOkbHRuaXMgPSBSMS8oMS9zcXJ0KFIzKSpSMik&s=sssh&v=0.9
frameborder="0" ]]Hi, the code above works. But when I try my own calculator or other examples from the instacal website I receive the error message
Sorry, no match for the embedded content as you should see below :-( Any idea why?
[[embed]]
<script>
instacalc_embed_url =
'http://instacalc.com/embed/?d=QmVyZWNobnVuZyBTZWh3aW5rZWwuIEJpdHRlIFN0aW11bHVzZ3LDtsOfZSB1bmQgQWJzdGFuZCBpbSBzZWxiZW4gTWHDn3N0YWIgZWluZ2ViZW4h&c=U3RpbXVsdXNncsO2w59lID0gMTB8QWJzdGFuZCA9IDEwMHxTZWh3aW5rZWwgPSAoUjEvUjIpICooMzYwLygyKiBQSSkp&s=ssh&v=0.9';
instacalc_embed_height = 300; instacalc_embed_width = 425; </script>
<script src="http://instacalc.com/javascripts/embed.js"></script>
[[/embed]]