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.
Related
I've got a Wordpress website hosted with a page that contains an and within this iframe I have a few html pages like overview.html, diagram.html etc. In these html pages there are sections containing an ID that I can use to link to using #overview-chapter-1 (for example). However I do not want to do this linking from the containing parent, but from a different website hosted somewhere else.
What would I like to achieve?
I would like to open a specific section of the website that is embedded in the iframe from a different website than the parent containing this iframe.
So for example I have the following iframe which is hosted on
example.com. The overview.html contains a div named link-to-me.
How am I able to link to the overview.html#link-to-me from an that is not on the same website?
Please read this before answering the question:
This is not what I am looking for because this only applies to a link inside the same page. open link in iframe
Thanks for any help!
I have this 2-page website which uses angularjs. I like to be able to load page 1 on a certain position by clicking a link on page 2.
Normally, without angular you would give a div an ID like <div id="test"> and put a link on page2 test
On my angular website I use duScroll library to create smooth scrolling.
As a concept I've created the following example website: http://jdenuijl.com/test/#chapter2
this link will open the correct location and smoothscrolls when clicking the links at the top of the page.
On my production website the following link https://escapist.nl/nl/#gallery gets rewritten to https://escapist.nl/nl/#!#gallery and it doesn't open on the correct position.
I've read a lot of questions on stackoverflow about $hashprefix, $locationProvider, $location but I don't see why it's working on my test site and not on my production site. I use some other angularjs functionalities on the production website but I can't find what is causing the rewrite.
What is causing the rewrite and the failure of the normal behaviour?
Thank you very much!
Aleksey Solovey put me in the right direction. I was using the angular-google-analytics module which I found out was loading ngRoute which caused the problem.
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!
I'm using Web2py and using the "PLUGIN_JQMOBILE/LAYOUT.HTML" as the base layout file.
The problem is that when I click on a link, jquery-mobile takes me to the next page -- all fine here.
When I view the source for the page, I see that it still has <title> from the older page.
I caught the problem since I'm using lockerz(addToAny.com) and when users try to share the page on Facebook, the title was coming completely incorrect.
I used the FB developers debug page & saw the title shown.
I can add the og:title, etc, but this problem is biting me for Google+ as well.
Am I doing something incorrect or is that a side-effect of jquery-mobile.. ?
This is because of the Ajax loading by default in jQuery Mobile. You can avoid this problem by using data-ajax="false" in your links or by using a jQuery script to change the page title after loading.
I have a mybb forum, and a plugin that adds a public/private chat to the bottom of the forum (it adds a div before </body>).
I would like to navigate the forum without reloading the chat.
In this question, Josh Stodola explains how to change the url.
In this question, there is a small JavaScript code to change the url.
I've also read about HTML5 iframes, but I still can't imagine how can I use it all together.
Should the chat be inside an iframe? an iframe inside the forum? should the forum be inside an iframe, and the chat into another? And those 2 iframes, inside a new page???
I'm messed up...
You should have a window containing chat and an iframe for your content. This will allow you to navigate your forum and only reload the iframe vs the top frame.
<body><iframe src="someurl"></iframe><div>Chat</div></body>
A few things to note: doing it this way will not change the address bar while you navigate and this makes users confused when they try to link to pages and it takes them to the home page or wherever they started browsing your forum.
If you want to do something more fancy checkout pjax. It will let you change urls for the whole page while only loading certain content.