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.

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!

Rate this solution

If you think this solution is useful — rate it up! Or dump it otherwise.

Just what I was looking for

quixotic-ironist 1175990309|%e %b %Y, %H:%M %Z|agohover

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.

Re: Just what I was looking for

diego_oliveira 1217461126|%e %b %Y, %H:%M %Z|agohover

same here !

helpful and fast!

raoul grouls 1187078403|%e %b %Y, %H:%M %Z|agohover

just what i needed, and it worked immediatley

KillerSpaz 1196969364|%e %b %Y, %H:%M %Z|agohover

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?

Re:

corvec 1222675178|%e %b %Y, %H:%M %Z|agohover

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 issue with the iframe!

ALAGOAS PRAIA LAZER 1203120821|%e %b %Y, %H:%M %Z|agohover

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!

Re: I am taking issue with the iframe!

gerdami 1207739858|%e %b %Y, %H:%M %Z|agohover

[[iframe 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"]]

---

gerdami - Visit Handbook en Français - Rate this howto:import-simple-excel-tables-into-wikidot up!

Help-- Nagivates away from wiki page

testhtz 1223071406|%e %b %Y, %H:%M %Z|agohover

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?

Re: Help-- Nagivates away from wiki page

Helmuti_pdorf 1223622124|%e %b %Y, %H:%M %Z|agohover

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, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?

Tq mate

mycomputer 1230193775|%e %b %Y, %H:%M %Z|agohover

Just add a shoutbox in my page! thanks!

Re: Tq mate

Helmuti_pdorf 1230365336|%e %b %Y, %H:%M %Z|agohover

? ? ? what IS "your page"?

---

Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?

Re: Tq mate

mycomputer 1230411252|%e %b %Y, %H:%M %Z|agohover

well.. as u already know i think… my humble website is at mycomputer.wikidot.com
:)

thanks again..

Embed anything (Really)

KnT Wiki Guest 1232107324|%e %b %Y, %H:%M %Z|agohover

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!

Thanks heaps

HobStarCS 1241057398|%e %b %Y, %H:%M %Z|agohover

Was able to embed a form from Google Docs straight into my wiki.

Re: Thanks heaps, able to add embed page to table??

HobStarCS 1241070189|%e %b %Y, %H:%M %Z|agohover

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;

[[table style="align: centre; border: none; border-collapse: collapse; width: 36%"]]

[[row]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 1 [[/cell]]
[[cell style="padding: 7px; font-weight:bold; border: 1px solid silver;"]] Free Basic [[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 2 [[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 3  [[/cell]]
[[cell style="border: none; width: 5px;"]][[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 4 [[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 5 [[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 6 [[/cell]]
[[/row]]

I want to ad another column that uses a link very much like this;

[[iframe https://spreadsheets.google.com/embeddedform?key=rq-Ip8daCYJsJt6J8pqqaAQ width="30%" height="400" scrolling="yes"]]

But when I try something like this;

[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] [[iframe https://spreadsheets.google.com/embeddedform?key=rq-Ip8daCYJsJt6J8pqqaAQ width="30%" height="400" scrolling="yes"]] [[/cell]]

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 had a try:

Helmuti_pdorf 1241078817|%e %b %Y, %H:%M %Z|agohover

I changed

• the width of the whole table top 90% ( for security only)
• the width of the last cell conbtaining the iframe to absolut value 250px ( to much I think)
• the width of the iframe from 30% to absllut value 250px ( for security only) to much I think…
• the height of the iframe to 600 to be out of dcrolling..
• the table with a border…
• and inserted a /table at the end..

Have a look:

Content 1

Free Basic

Content 2

Content 3

Content 4

Content 5

Content 6

Done with code:

[[table style="align: centre; border: 1px silver solid; border-collapse: collapse; width: 90%"]]
[[row]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 1 [[/cell]]
[[cell style="padding: 7px; font-weight:bold; border: 1px solid silver;"]] Free Basic [[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 2 [[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 3  [[/cell]]
[[cell style="border: none; width: 5px;"]][[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 4 [[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 5 [[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver;"]] Content 6 [[/cell]]
[[cell style="padding: 7px; text-align: center; font-weight:bold; border: 1px solid silver; width: 250px;"]]
[[iframe https://spreadsheets.google.com/embeddedform?key=rq-Ip8daCYJsJt6J8pqqaAQ width="250px" height="600" scrolling="yes"]]
[[/cell]]
[[/row]]
[[/table]]

---

Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?

last edited on 1241079151|%e %b %Y, %H:%M %Z|agohover by Helmuti_pdorf + show more

Re: I had a try:

HobStarCS 1241082185|%e %b %Y, %H:%M %Z|agohover

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)

|  |  |  |  |  |  |
|  |  |  |  |     |
|  |  |  |  |     |
|  |  |  |  |     |
|  |  |  |  |     |

Re: I had a try:

Helmuti_pdorf 1241093850|%e %b %Y, %H:%M %Z|agohover

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, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?

Re: I had a try:

Helmuti_pdorf 1241099510|%e %b %Y, %H:%M %Z|agohover

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, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?

I want to align text to the centre of the page...

whispatchet 1241346347|%e %b %Y, %H:%M %Z|agohover

…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.

Re: I want to align text to the centre of the page...

Helmuti_pdorf 1241364080|%e %b %Y, %H:%M %Z|agohover

align center is usually done with
[[=]] ... [[/=]]

and [center][/center] tag is not know in wikidot…

---

Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?

Re: I want to align text to the centre of the page...

whispatchet 1241392292|%e %b %Y, %H:%M %Z|agohover

Well, I've never used Wikidot before, so, I just used what I was used to »

Thankyou for that ^__^

You shoulkd have a look at...

HobStarCS 1241393640|%e %b %Y, %H:%M %Z|agohover

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

and/or

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

slide show

shaistaikram 1245256045|%e %b %Y, %H:%M %Z|agohover

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 1245292749|%e %b %Y, %H:%M %Z|agohover

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

HobStarCS 1245280666|%e %b %Y, %H:%M %Z|agohover

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

Iframe and open the link in another window

estatistica 1246142860|%e %b %Y, %H:%M %Z|agohover

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 1246146635|%e %b %Y, %H:%M %Z|agohover

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 1246149377|%e %b %Y, %H:%M %Z|agohover by HobStarCS + show more

Re: Iframe and open the link in another window

estatistica 1246195753|%e %b %Y, %H:%M %Z|agohover

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

Helmuti_pdorf 1246261442|%e %b %Y, %H:%M %Z|agohover

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, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?