Embedding an edit page from mediawiki using iframe - html

I tried to embed an edit page in a MediaWiki-powered site, but the problem is that a blank page is given.
Note: the same thing occurs when I try to embed a sign in page.
For example:
<iframe src="http://www.wikilogia.net/w/index.php?title=IT_for_Masses&action=edit">
</iframe>

I've been scratching my head with the same problem. Viewing pages worked fine but when I tried to do any editing or use login forms etc, I would just get a blank response. To fix it, just add the following lines to your LocalSettings.php:
$wgBreakFrames = false;
$wgEditPageFrameOptions = 'SAMEORIGIN';
For more, see the manual: https://www.mediawiki.org/wiki/Manual:$wgEditPageFrameOptions

Some sites prevent you from putting them in an iframe.

Related

How to change the parent page with link in iframe

I have an iframe that contains a page within it that includes links to other pages. The problem that I am having is that when the links are pressed I would prefer the entire page to be directed there and not to just load the new page up in the iframe.
Here is my code so far:
<!DOCTYPE html>
<html>
<?php Template_parts::navigation(); ?>
<iframe src="https://website.com/thepageinside" style="width: 100%; height: 100%; border: none;"></iframe>
</body>
</html>
I have seen a few things on adding target="_top" to the links within the iframe but it does not seem to be working.
My reason for using an iframe here is because it is a page that is created using a web page builder and can be updated regularly. In order to put it into our format without the css bleeding into the header/theme I used an iframe.
Thank you in advance for the help.
I'm not experience in asking questions so if I missed something or you need more info let me know.
I found that the landing page builder that my place is using actually inserts a javascript function that messes with reaching the parent from the iframe using target in the href (or anywhere). My solution was to edit out that function then use
As other sources say you can use "_parent" which sets the target of the link to what is outside the iframe which in some cases may not be the top.
One way to do it for each link:
For lookup reference you can go to: https://www.w3schools.com/tags/att_a_target.asp
using the like I did will set the default used for all links.
I'm not sure how many page builders have conflicts like this but mine certainly did. Took me hours to figure out I was not doing anything wrong!

Iframe in Typo3 not loading

I'm trying to include a booking frame into our website using an iframe within a html content element. However, the particular website does not load. Instead a white area is shown.
I am trying to include the following page:
https://booking.cinetixx.de/frontend/index.html?bgswitch=false&cinemaId=1164899599#/eventList/1164899599
I've tried calling a different website and this worked:
It appears the problem is related to the specific website I am trying to include.
You can see the test page on https://www.kurtheaterhennef.de/index.php?id=179
Your test page worked for me. The iframe is loading there.

How to get my iframe code to display correctly in django cms?

I am using django cms to create my website and a google calendar. However, when I added the code, it comes up as just plain code and won't display the calendar.
here is the link to my site:
http://138.68.6.151:8000/en/events
Can someone explain how to fix this?
I did some more research and found that I had to add the following inside my settings.py
TEXT_ADDITIONAL_TAGS = ('iframe',)
TEXT_ADDITIONAL_ATTRIBUTES = ('scrolling', 'allowfullscreen', 'frameborder',
After going to your site and using browser's console to inspect your iframe, I found that the iframe tag is improper (like a text in quotes) and therefore its not rendering properly. In your paragraph tag, the iframe tag should be in following way:
<p><iframe frameborder="0" height="500" scrolling="no" src="https://calendar.google.com/calendar/embed?height=500&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=6uemf0u3aqg89knqb4ndic0n04%40group.calendar.google.com&amp;color=%23853104&amp;ctz=America%2FChicago" style="border-width:0" width="500"></iframe></p>
To verify this, after playing at front-end level I got following results.
Previous state (also notice the HTML code on the right)
After making above mentioned changes in the code at frond-end (notice on the right that now the iframe tag is highlighted as a tag which was not the case previously):
So the iframe tag is not rendering properly in your case.
Since you are using iframe in Django CMS, recipe mentioned in this stackoverflow post will assist you.

How to prevent Iframe tags from showing?

It has come to my attention that if you turn off Javascript, on Google Chrome(at least), the text <iframe> and its attributes are visible when Javascript is turned off and leave an odd appearance on the page.
You can test this on sites that use it. For example. turn JS off to see
Is this a bug? Is it considered a type of script, and should it be wrapped with "noscript"?
I'm sure companies that use iframes are unaware, I've noticed it on some Google pages too, there must be someway to get around it.
i'm working with iframes but i'm not aware about this problem, but here is a hint if it helps.
You can start the page with iframe hidden:
<iframe style="display:none;"></iframe>
and once page load you can show them, then if javascript is enabled this line will run and will show them otherwise will kept hidden:
$("iframe").show(); //jQuery
document.getElementsByTagName('iframe').style.display = 'block'; //Pure Javascript

iframe in html CODE not able to load website

i am trying to load www.google.com in an iframe. But i am not getting required results.
Please help me to figure out the error.
here is the jsfiddle.
http://jsfiddle.net/vj04bk4d/
Mostly protected and famous sites have already protected it from grabbing their page inside an iframe. Some others are not, e.g. w3schools.com. you'll see the page appears inside the iframe. That's why it is impossible to do that on protected site. Some say that this is against privacy and policy.
This is frequently done by PTC site.
Please check here for further information:
jQuery/JavaScript: accessing contents of an iframe
(My first stackoverflow answer, so bear with me.)
As I read in this other stackoverflow post:
How do I load a URL specified in a textbox in an iframe?
the problem is not in the code, but in the fact that "some sites refuse to load the page inside an iframe (example: http://google.com)"
I have a similar tool done here:
http://www.carljohansson.net/tools/a-simple-responsive-viewer.php
where I load the url from an input[type=text] to be shown inside an iframe to test the responsiveness of a website. While testing your issue I saw that google wouldn't load either on my page.
Cheers!