I have multiple .html files that is been created through notepad.
the 1st .html page is link to the rest of the pages
I need a solution to have all the data inserted into 1st page of html but it should open the same way as they open while they are separate pages.
i don't want to create a particular folder and past all files into it so that it opens from there only.
if anyone has a solution please help me with the coding for the same.
I think you're after an <iframe>
i.e.
<iframe src="file1.html" width="400" height="300">
<p>Your browser does not support iframes.</p>
</iframe>
<iframe src="file2.html" width="400" height="300">
<p>Your browser does not support iframes.</p>
</iframe>
<iframe src="file3.html" width="400" height="300">
<p>Your browser does not support iframes.</p>
</iframe>
It almost sounds like you are looking to create a dynamic web page. This means that you want to have several pages that look very similar but with different text and picture elements. To do this you will need to create a database with each element inside it. Then you can create a MENU page with all of the links to all of the pages on it. The links will be assigned to a dedicated ID in the database. When you click on the link it will open up your DYNAMIC web page. Then you can grab the correct database row with POST, run a QUERY on that particular row and then display the elements as you see fit. We can help you, but as Leandro stated, we need some code to be sure of what you are looking for.
Here is an array with a loop to help create a link to all of your pages...
$pages = array('page1','page2',);
foreach($pages as $value) {
echo "<a href='http://www.yourwebsite.com/$value'>$value</a><br>";
}
Related
I have a blogger blog and I have already successfully had the domain set to a subdomain of my website e.g http://blog.jthink.net
But how do I actually embed the blog onto my website so that it has same header and footer as my main website ( http://www.jthink.net ) so it's more like the way they have done it here
Is it even possible with blogger?
Just use an iFrame for this purpose. To embed a webpage in an iFrame in your own blog of a website is equivalent to copying that webpage into your own website or blog.
Adjust the width and height to your own values that you would like to use.
<iframe src ="URL of the website you want to embed" width="100%" height="500"> </iframe>
You could also add
<p>Your browser does not support iFrames.</p>
To notify if a user uses a browser that does not support iFrame.
So the complete code will be
<iframe src ="URL of the website you want to embed" width="100%" height="500">
<p>Your browser does not support iFrames.</p>
</iframe>
Whilst iFrames is literally speaking the way to embed the blog on your webpage it means you cant give people links to a particular post within the blog, so it doesnt treally work very well.
In the end I found you could simply the customize the blogger template to make your blog look like your other pages, I found this worked better than using iframes.
I'm a bit late to the party but If you want an alternative to straight out embedding your blog you could use the the Blogger api?
To my mind that would be the best solution.
Either you can used an iFrame or you can used an Individual div for the Particular site.
Then you can embedded it within the site.
Be assure that you can adjust the Width and height of the frame or div through the CSS.
here is a simple code which help to embedded the blogger site within your existing site.
<iframe src ="www.xyz.com" width="100%" height="100%"> </iframe>
If for any reason the browser doesn't support iFrame you can notify the user for it. By Using the Paragraph or any other tag.
I'm surprised nobody suggested RSS feed subscriptions.
If it's a blogger site then you can just subscribe to the standard site feed in your current CMS (content management system). See this link for more information: support.google.com/blogger/answer/97933?hl=en
In fact, I think this is exactly how the blog you linked to achieved their effect. All the navigation baggage of the original blogger site is left behind and only the content of each post is automatically reposted via RSS content subscription -> blog.beatunes.com/atom.xml
Tools to achieve this:
-Wordpress: wordpress.org/plugins/wp-rss-aggregator
-Joomla!: extensions.joomla.org/extension/simple-rss-feed-reader
-Drupal: drupal.org/node/326575
-SharePoint: lol *highfive*
You can use iframe to embed your blog onto the website.
for example, http://jsfiddle.net/pablofiumara/mCfAe/
References: https://developer.mozilla.org/ko/docs/Web/HTML/Element/iframe
iframes are best for this. Most browsers support them.
Maybe you could use adobe business catalyst page templates?
This is my current website: http://acrossuhubsubmissions.tumblr.com/ .
As you see, I'm using iFrames to embed part of the Dropbox onto my tumblr website. The Dropbox page is a public sharing page. The html code that I'm using to display the Dropbox:
<left>
<iframe src ="https://www.dropbox.com/sh/d9ulw65twvxrrhi/AACHsXLlXUSan4Zx4hGC8BDja?lst" width="777px" height="777px" scrolling="yes" >
<p>Your browser does not support iframes.</p>
</iframe></left>
I used the exact same code for the Google speadsheet webpage, and that seemed to show up. Does anyone know why the Dropbox webpage isn't showing up on my tumblr page?
I was able to embed a Dropbox video like this;
First, create a share link to the video, then modify the link by changing the ?dl=0 at the end to ?raw=1 and then using this code...
<iframe width="800" height="450"
src="https://www.dropbox.com/s/nwg6px2i8si18w9/Oh%20Deer%21.mp4?raw=1
&autoplay=1" frameborder="0" allowfullscreen></iframe>
NOT recommended for high bandwidth uses, as you might be banned from Dropbox (read this https://www.dropbox.com/help/security/banned-links.)
It is not possible to display that dropbox link in an iFrame not originating from outside the dropbox.com domain. The reason why is because they include the following header in their response:
X-Frame-Options SAMEORIGIN
see https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options for more information on this header. Browser supporting this flag will not load the content in an iframe.
See the documentation on dropbox how to user their api to embed content:
https://www.dropbox.com/developers/dropins
Better use OneDrive, it gives you embed link. [I know it's an old question but it might be helpful if you didn't knew it already]
You can use the "public link".
Copy the file into the dropbox public folder and now you can use the public link to embed in a frame.
Can I do this so that I can run my web app within its website?
The app does not require webkit.
Will it require Javascript?
iFrame
The HTML iframe Element (or HTML inline frame element) represents a nested browsing context, effectively embedding another HTML page into the current page.
With iframes you can embed a web page inside another, so I think it will suit your needs.
Example:
<iframe src="a_web_page.html" width="300" height="300" style="margin-left:auto; margin-right:auto;">
<!-- The following is displayed if the browser doesn't
support iFrames (unlikely scenario nowadays). -->
<p>Your browser does not support iframes.</p>
</iframe>
The web page inside the iframe is in a separate context from the "host" page (the one including the iframe). Your JavaScript code should run okay inside the iframe.
I don't know what for you is diffrent between web app and website, but I think that iframe could be a solution for you.
I am trying to develop a page in which I can show more than 3 website at a time,
as below:
<ul>
<li>
<iframe src="http://www.facebook.com/" /><p> iframe is not supported</p>
</li>
<li>
<iframe src="http://www.yahoo.com/"></iframe>
</li>
<li>
<iframe src="http://www.google.co.in"></iframe>
</li>
</ul>
The problem is that it shows yahoo.com and google.co.in, but does not display Facebook in the iframe.
You have to check for HTTP response header X-Frame-Option of those sites. if its value is "DENY or SAMEORIGIN", then you can not load those website in the iframes.
DENY = No one can load the website in iframe. Even the same domain page wont be able to load.
SAMEORIGIN = only a page which is in same domain can load this website in iframe.
Since some websites have decided to disable embedding them in iframes theres nothing you can do with pure html solutions. You could create a serverside script (in PHP) that pulls the target site via your webserver and then use the html etc.
The only way I can think of that would enable you to check wether the site has loaded is to search the iframe for a specific element that exists on the target website (for example a div with a specific id or class on the Facebook's front page). The reason would be that different websites can handle being embedded into iframes differently and while some might display some content, some may display nothing etc and the only way to be sure is to check for real elements.
facebook does not want you to load their main site in frames
<iframe src="http://m.facebook.com/" width="200" height="300" scrolling="auto" frameborder=0></iframe>
width="200" height="300" can be adjusted accordingly.*
What this does is load the mobile version of facebook in the frame instead of the main site.
Reference
You can use the object tag:
<object data = "https://facebook.com"></object>
You will not able to do that, you can only iframe like button... someother not whole site.
I have a webpage with this code:
<object data=http://<?php echo $_GET['wp'];?> width="600" height="400"> <embed src=http://<?php echo $_GET['wp'];?> width="600" height="400"> </embed> Error: Embedded data could not be displayed. </object>
I'd like to know if the user through navigation manages to get to a specific site within the
<object>.
Is that possible?
If not, is there another way to embed a webpage within a website that allows me to know in which webpage he is in?
EDIT: What if we know some of the context of the source code the target page has and we just need to see if the page within the page contains this part of the code, is this possible?
You could use an iframe!
var url =
document.getElementById('my-iframe').src;
Edit: As Ant mentioned, you can't get the url from an iframe tag unless domain of the page in the iframe matches the page containing the iframe.