I want to make something like an iframe. I can't use iframe or object style html tags. Because the site is responsive, when I reduce the size of the iframe, the site view automatically appears on the mobile screen.
Instead, I tried to display the site on the screen with some php functions such as php curl, but unfortunately the css file of the website I am trying to show interferes with the design of my current site.
How can I do this? Is there an alternative way I can do this? Can I do this with javascript or any web compatible programming language?
Related
The following image shows what I am trying to achieve.
A HTML page transitioning the view to another page, without actually having to redirect to another HTML file.
The website has a nice sliding animation when you click on a category, like on mobile when entering certain sections of the 'app'.
Website: https://app.ignition.fun/
I am intermediate at web development, so please dumb it down when trying to explain; I'd assume this stuff is quite complex :P
Thanks.
I would like to take a web form like https://www.elbowspace.com/FRHformexample142
and embed the html in an iframe on my clients web site. The reason is I would like to retain my clients URL in the address box, while utilizing the look and backend processing of elbowspace.com. This form uses a lot of JavaScript for calcs that I don't want disrupted. Is this possible?
You can use iframe to embed their form into your webpage like this.
<iframe src="https://www.elbowspace.com/FRHformexample142" height="2000px" width="1000px"></iframe>. All you need to do is change the height and width of the iframe to fix your needs.
does anybody know how can I expand javascript so that it targets whole website not only the page in iframe it is on. Im currently using a javascript for gallery on my website, so when you click on a picture it pops up enlarged, however since the page with javascript is in an iframe it shows only in the iframe, how can I accomplish the pop up to expand to the whole page?
Thanks in advance.
Iframes can call out to the window which embeds them using simple javascript (see window.frames on http://www.w3schools.com/jsref/prop_win_frames.asp). However, if src of the iframe is on a different domain, then the script can only affect the iframe, due to security policy within the browser.
If you'd like to apply a work-around, there are some solutions like this: Yet Another cross-domain iframe resize Q&A
These solutions tend to break on different browsers and with updates to browsers.
Your best bet is keeping the entire iframe contents within the browser by writing the iframe code yourself (and hosting on your own domain).
My question is similar to
Load webpage with modified css?
but with a few more limitations.
I'm trying to direct to one of links from my company and I have no server access to it. But my supervisor wants me to use that page and just add the css to it. I've researched around and only found two solution-ish methods. One is to fetch the page and just copy it (which is just simply making my own page). Or install a browser plugin that lets me modify it, but that only changes the website on my browser.
So is it possible to create a link that directs to a specific website and automatically mods the css with javascript?
I mean I'm not affecting the website itself. It just changes the appearance for anyone who goes through my link
I am developing a website with some links to some pages on external websites (belonging to the same company).
The client wants to add a way to easily return to the home site, i.e. something better than just using the browser's Back button, and something better than just opening the external links in a new browser window.
Seeing as I can't control the content of the external pages, I'm guessing that I will have load those external pages into a frame somewhere along the line.
So is there a way for a link to load a local page with a frameset, with the external page loaded into one of the frames? (Then we could have a "Return Home" button in the other frame.)
Or is there a better way to accomplish this? I could stretch to a bit of JavaScript if pushed...
Thanks,
Stewart.
You'll need to display the external websites in an iframe, with a link at the top (outside of the iframe) back to your site. Note that some sites employ "iframe busters" which will get rid of your iframe.
The best option is to open in a new tab - it's how people expect the web to work.