Include Any Page

By 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!

page 1 of 212next »

Fuhnghshuhn Na-oh Non Wrkeeng

Joriffik 13 Dec 2020 17:30

Fuhnghshuhn Na-oh Non Wrkeeng

Fungshuhn Non Wrkeeng

Joriffik 13 Dec 2020 17:29

Fungshuhn Non Wrkeeng

RobElliott 14 Feb 2013 08:47

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.

Zatz 14 Feb 2013 08:16

If embedding a page within a page is there anyway NOT to include the side bar?

Helmut_pdorf 14 Feb 2013 08:24

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 ?

cool

TheStory 21 Nov 2011 00:56

:) Codes are really helpful.

I want twitter and facebook

Kamari 25 Jul 2011 20:40

How do I add the "like" button from facebook and the "tweet" or "follow" button from twitter?

Re: I want twitter and facebook

Helmut_pdorf 26 Jul 2011 06:51

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&amp;href=%%link%%&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;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 ?

Iframe and open the link in another window

estatistica 27 Jun 2009 22:47

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

Re: Iframe and open the link in another window

HobStarCS 27 Jun 2009 23:50

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

---

Last edited on 28 Jun 2009 00:36 by HobStarCS Show more

Re: Iframe and open the link in another window

estatistica 28 Jun 2009 13:29

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! ) -->
<img src="http://ad.zanox.com/ppv/?????????????" align="bottom" width="1" height="1" border="0" hspace="1"><a href="http://ad.zanox.com/ppc/?????????????????????">Ganha um iPhone Apple na tua cor favorita</a>
<!-- ENDING of the zanox-affiliate HTML-Code -->

Thanks

Re: Iframe and open the link in another window

Helmut_pdorf 29 Jun 2009 07:44

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

http://community.wikidot.com/howto:use-html-scripting

---

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 ?

HobStarCS 17 Jun 2009 23:17

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. :)

---

slide show

shaistaikram 17 Jun 2009 16:27

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="

Re: slide show

HobStarCS 18 Jun 2009 02:39

We will need to have a look at the whole web site that you are talking about.

---

You shoulkd have a look at...

HobStarCS 03 May 2009 23:34

http://www.wikidot.com/doc:wiki-syntax

and/or

http://handbook.wikidot.com/en:wiki-syntax

---

page 1 of 212next »