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.
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?
Kenneth Tsang (@jxeeno)
I think that i'm having the same issue at the moment, i've only just started trying to get it set up, i'll let you know about any further developments…
cheers,
Ruben FitzSimons
uber cool, very useful