By michal-frackowiak michal-frackowiak
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.
If your wiki is HTTPS, then all iframes must be HTTPS too!
Code
Here is an example how to put the Google front page inside an iframe box.
[[iframe https://example.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
MyBlogLog recent visitors - 06 Jun 2021 04:03
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
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
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!
I have not found a way to control the output of a standard wikidot page in an iframe..
You can't due to cross scripting restrictions on browsers. It's to stop you being able to inject code via the iframe.
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
If embedding a page within a page is there anyway NOT to include the side bar?
That depends on the "theme" used for the embedded page-category !
if the theme used for the category of the page is without side bar - tahn only the main content is displayed in the embedded window.
But with header(top) anyway…
I have not found a way to control the output of a standard wikidot page in an iframe..
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 ?
How do I add the "like" button from facebook and the "tweet" or "follow" button from twitter?
You can use inside your "_template" page such code ( this code is copied from the source of the page http://blog.wikidot.com/blog:_template)
Inside a live _template page , because of the %%variabves%% of the page…
But the technic is clear..
[[div style="text-align: justify;"]]
%%content%%
[[/div]]
[[div style="overflow:hidden"]]
[[div style="float: left; width: 100px"]]
[[html]]
<iframe src="http://www.facebook.com/plugins/like.php?app_id=144309642316380&href=%%link%%&send=false&layout=button_count&width=200&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
[[/html]]
[[/div]]
[[div style="float: left; width: 110px"]]
[[html]]
<a href="http://twitter.com/share" class="twitter-share-button" data-url="%%link%%" data-text="%%title%%" data-count="horizontal" data-via="wikidot">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
[[/html]]
[[/div]]
[[div style="float: left; width: 100px"]]
[[html]]
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium" href="%%link%%"></g:plusone>
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
[[/html]]
[[/div]]
[[/div]]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 ?
I have some Iframes in my page http://statisticum.wikidot.com and I want to open the iframes in another page. I want to see them but when we click them I want them to open in a new window.
How can I do this?
Thanks
Hi Estatistica,
Can you please include the code of one of your iframes here so that I can try a few things?
It will depend on on some of the iframe content and how it behaves.
Hobstar
There is the code. I have to put ???????? because there is some private information on the place.
This iframe corresponds to the first iframe of my side bar.
<!-- START of the zanox affiliate HTML code --><!-- ( The HTML code may not be changed in the sense of faultless functionality! ) --><imgsrc="http://ad.zanox.com/ppv/?????????????"align="bottom"width="1"height="1"border="0"hspace="1"><ahref="http://ad.zanox.com/ppc/?????????????????????">Ganha um iPhone Apple na tua cor favorita</a><!-- ENDING of the zanox-affiliate HTML-Code -->
[フレーム]
Thanks
Have a look on using iframe with html code blocks:
http://community.wikidot.com/forum/t-149087/using-html-code-within-a-wiki-page
or
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 ?
Hi there,
We would need the full url of the website first, and then use "iframe"
<iframe src="//your url inside the quotation marks//" frameborder="0"
style="width:100%; height:640px; border:none;" scrolling="no">
</iframe>Lets see the url and get this working for you. :)
how i can embed a slide show in my page.
for example this 1.taken from a web site
<div style="width:425px;text-align:left" id="__ss_948858"><a style="
We will need to have a look at the whole web site that you are talking about.
http://www.wikidot.com/doc:wiki-syntaxand/or
http://handbook.wikidot.com/en:wiki-syntax