Description
Here is a way to include ANY page within your Wiki page using an [[iframe]] element.
The syntax for it is:
[[iframe url-source attributes]]
url-source does not include quotation marks and attributes can be any of:
- frameborder (0 or 1 allowed)
- align (left, right, top, bottom, middle)
- height (number of pixels)
- width (number of pixels or nn%)
- scrolling (yes or no)
- class
- style
The [[iframe]] element renders into the <iframe src="…" attributes></iframe> HTML element.
Code
Here is an example how to put the Google front page inside an iframe box.
[[iframe http://www.google.com width="95%" height="400" scrolling="no"]]
In action
This is a very powerful technique and allows insertion of pages, widgets, panels etc. from other websites. Use wisely!
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
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
Todo List - 16 Feb 2012 01:48
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
MyBlogLog recent visitors - 16 Feb 2012 01:25
Meebo me - 16 Feb 2012 01:20
Layout With Tables - 16 Feb 2012 01:19
Instacalc - 16 Feb 2012 01:12
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
Collapsible Text Block - 15 Feb 2012 00:35
Center Video - 15 Feb 2012 00:28
Bibliography/Footnotes/Comments Listed in TOC - 15 Feb 2012 00:26
Babelfish Translation - 15 Feb 2012 00:25
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!
I don't want to learn all the code and jargon of web design so tip was perfect. Copy, paste…done.
Thanks for the simple tip.
same here !
just what i needed, and it worked immediatley
how would you do something like this for a wiki page?
for example, i want my top bar page to also be on my home/landing page, so that way i don't have to update TWO pages of the same info.
I want it to layout like it does when you actually view the menu (as a UL/LI list) on the landing page.
I tried it with the url to the top nav, but it also includes the header/etc, which is not wanted.
Any ideas?
I think what you want is to get rid of the side data. In that case, you can try linking to the printer friendly version of the page.
For example, spaz.wikidot.com/giant-rabbit would be linked as [[iframe http://spaz.wikidot.com/printer--friendly//giant-rabbit]]
I am taking place on my site wikidot using iframe you follow the code:
<iframe src='http://selos.climatempo.com.br/selos/MostraSelo.php?CODCIDADE=343,347,6,232,25,39,593,256,264,334,94,259,60,56,384,8,88,218,212,61,558,107,84,321,363,377,271' scrolling='no' frameborder='0' width='150' height='170' marginheight='0' marginwidth='0'></iframe>
But I am not achieving, who knows a way to ask, please tell me!
From the already grateful!
I am trying to use this code to show a new york times article within my wiki page, but as soon as I open the page I am redirected to the nyt website. Any suggestions?
please , copy your code here in the post ( with the code block wizard) , than othre people can have a look…
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
Just add a shoutbox in my page! thanks!
? ? ? what IS "your page"?
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
well.. as u already know i think… my humble website is at mycomputer.wikidot.com
:)
thanks again..
Go to http://4free.ismywebsite.com/wkd.html
Type in your embeding content
There will be an iframe code displayed. Copy to wikidot page
Change width and height of the iframe
Done!
Was able to embed a form from Google Docs straight into my wiki.
I am trying to add an embedded frame on the right hand side of a table that I am using.
I am using the following format;
I want to ad another column that uses a link very much like this;
But when I try something like this;
It scrambles most of the table, and if I put is as a single line (Second code) then it just puts the embedded web at the start of the table.
Any advise?
I changed
Have a look:
Done with code:
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
That works great! Just to be a pest, is there any way then to extend the table and have the embedded page stretch the whole way?
Something like this: (where the clear space is the embedded page)
The table will always be stretched to the longest cell-content.. if the embedded page is the longest - than it is depending from the height=… attribute of the iframe ( and the cell - style-attribute text-align: top would be better than center) …
or another cell is longer - than the embedded page - cell is stretched ….
Do not understand what you mean - yxou can always put a cell attribute height: nnnpx (with absolut values) to stretch to a specific lenght…
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
Now I understand - you have a lot of rows on the öeft side!
you need left side in the tabe ONE Cell containing a second inner table with all the rows and
right side only one cell (min the same row) with only the iframe…
I send you a link…
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
…But my usual [center][/center] tag isn't working. What tag should I use? This isn't in a table, by the way, it's just normal text.
align center is usually done with
[[=]] ... [[/=]]
and [center][/center] tag is not know in wikidot…
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
Well, I've never used Wikidot before, so, I just used what I was used to »
Thankyou for that ^__^