Menu Link Direct To Iframe Content?
Jan 2, 2010
I paid to have a website built, yet the developer used iFrames to accomplish the task. Basically, load a parent page, and then in an iframe, lod content chosen from a menu. Is there a way to create a menu at the homepage level, that will allow a menu listing the various parent pages, and under each parent page, have a drop down that will point directly at an iframe content?
Like this?
Page1 Page2 Page3
Page1ContentA
Page1ContentB
Page1ContentC
And when you click Page1ContentC, it will load Page1.htm and in the iframe load Page1ContentC?
View 4 Replies
ADVERTISEMENT
Aug 9, 2010
I have developed an intranet local site that consists of a home page: index.html which contains an iframe.
Above the iframe, I have a navigation bar that opens pages with target:iframe inside the iframe.
iframe's src is set to a page named home.html and this is the page displayed when you visit the site.
I would like to be able to give users links that point directly to certain pages that populate within the iframe and not instructions on how to get to them via the nav bar. And I am not talking about the pages alone but the parent piece where the navigation bar is (nav and iframe are contained in the index.html)
Except obviously the home.html, I am unable to do that. I have found a few Javascripts but I was not clear if they were supposed to help me achieve what I wanted and they haven't worked.
View 7 Replies
View Related
Oct 22, 2005
I have PAGE1 with the link to PAGE2 with iframe. (iframe load several
naked html). I want to add directive to the link to point sprcific
content of iframe. to make it clear
link on PAGE1 -> load PAGE2 with iframe -> iframe content is specified
on link = whole PAGE2 with iframe with desired content...
solving problem with creating several different PAGEs2 poining wanted
iframe src is not the case.
View 5 Replies
View Related
Jul 22, 2010
Is it possible to direct link to a JavaScript element i want my people to be able to get to a form but in order to get to the form on this other site they have to press a JavaScript button. Which shows a a javascript form. I want to be able to directly bring them to that form in one step. Is there a way i can do this from my site to the other site...( i do not own the other site) if that helps
Is this possible? Also, while I am dreaming, could a web developer extract the frame necessary for the form /review box) and show just that, without the surrounding content? It would be totally awesome if I could extract a live review box and show it an isolated frame.
View 4 Replies
View Related
Aug 25, 2011
Can you have a direct link to a image / video ?
On my page you have to go to the page then the section then click on the image / video. What if you wanted to give a direct link, so the user could go to that link and the image / video would load up bypassing all the other steps?
View 6 Replies
View Related
Apr 20, 2011
so i got this friend of mine who have made a design for me. the ideer with the design is that there is a large backgroundimage on 3040 px wide. and there is 3 pages. The function i want is the following. when a menu link is pressed the content box floats out of the window to the right, and the window rolls over to the content assigned with the link.
how would i make this in the best ways? ive seen it before i think, but can't find the website.
View 2 Replies
View Related
Apr 12, 2010
I have an piece of html in a jquery object. When I say $(this).html I get:
<span class="value">4</span><span class="type">teaspoons</span>butter
I want to get only the piece of text from this html segment that is not in the spans. in this example, it is butter.
How do I get that?
View 1 Replies
View Related
Feb 18, 2011
I am trying to make a comment editor with iframe, and want to trigger the change of content inside iframe, the following code cant work.code....
View 5 Replies
View Related
Nov 10, 2010
I'm using JQuery to write content into an otherwise empty iframe like so:
Code:
$('#ifrmID').contents.find('html').html(htmlContent);
The content is coming from an Ajax request. The content gets used more than once on the page for other purposes which is why I don't simply change the iframe src--I have to do an ajax request regardless so I'm trying to avoid multiple calls.
After I load the content, I need modify the height of the iframe so it fits snuggly around the content.
Calculating the height isn't a problem with the exception that it's not always correct and I think it's because the calculation is happening before images have downloaded.
I don't seem to be able to rely on a `load` or `ready` event to delay the calculation. The load event is the only one that tiggers on a change of iframe content, but it doesn't see the new content.
Code:
$('iframe').each(function () {
$(this).load(function () {
alert($(this).contents().find('html').html());
});
});
This will output '<html><body></body></html>' even though I have successfully inserted different content.
Any suggestions on what I'm doing wrong, or if it's possible to do what I want reliably?
Note that a general JS solution will be appreciated as much as a JQuery one.
View 4 Replies
View Related
Dec 20, 2010
1) Script Title: Ajax Tabs Content Script (v 2.2) and Featured Content Slider Using jQuery UI
2) Script URL (on DD): [URL]
3) Script URL of Featured Content Slider Using jQuery UI [URL]
4) Script URL of my implementation of both script. [URL]
5) Problem: I've integrated the featured content slider in one of the default content section of the tab menu as you can see on the link on point 4. The slider is working perfectly when until i click on other tab menu and then back tab menu 1. The slider seize to work no more and worst the other featured content slides are appearing below the first one.
View 6 Replies
View Related
Nov 3, 2005
How would i change iframe content from another? ? I just need the 1 line code not a whole example, what i have atm is the page refreshes and a new variable is given i want the variable displayed on another iframe.
View 1 Replies
View Related
Feb 12, 2009
I am a little confused about this and whether this is an appropriate approach. I have put this together so far. What it does is display a different html page into the IFrame if the person clicks the link. However, this is not what I want to do. What I want to do, is if Windows XP is detected to display load1.html into the Iframe and if Windows Vista is detected to display load2.html into the iframe.
<style type="text/css">
<!--
iframe#ifrm {
[code]....
View 1 Replies
View Related
Jul 23, 2005
I have a situation where I'd like to read/parse the content
of a file I've read into an <IFRAME>. I've looked through
various FAQs and searched forums, and the closest I get to
accessing the file content is
myIframe.contentWindow.document.body.innerHTML
where myIframe is the node from getElementById(). But while
I can see the content of the file on my web page, I get an
empty string from the above reference. How do I get to the
file?
View 2 Replies
View Related
Jan 15, 2012
I am trying to get at the content of an iframe but it seems that the content is loading after the alert is fired:
index.php:
<!doctype html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>iFrame test</title>
<script src="[URL]"></script>
<script type="text/javascript">
$(function() {
$('<iframe src="[URL]" id="the_iframe" name="upload_iframe" />').load(function(){
var txt = $('#the_iframe').contents().find('#inside_iframe').text();
alert(txt);
}).appendTo('body');
});
</script></head><body>
</body></html>
In test.php I just have:
<div id="inside_frame">this is some text</div>
I don't get any errors in the console and the alert() just returns an empty string. I've also tried just placing the iframe directly in the html and that gets the same result too.
View 1 Replies
View Related
Nov 25, 2009
I have:
var moreinfo ="";
moreinfo+= "here some content";
$("#divMoreInfo").html(moreinfo);
And this inserts "here some content" in a div called divMoreInfo.
Now divMoreInfo is placed inside an iframe while the rest of the programming has to be in the parent page... How do I insert moreinfo's contents in the iframe's div?
View 3 Replies
View Related
Nov 30, 2011
resizing an iframe to fit it's content.
Basically, I have 10 spreadsheet pages saved as htm files.
I am creating a page that enables me to view each of these htm files.
I need the iframe to be resized for each htm file.
This is my code:
<html>
<head>
<script language="javascript">
<!--
[Code]....
This seems to work but it has a few issues, It does not resize properly for every link, only some of them.
View 2 Replies
View Related
Sep 29, 2005
Is there anyway I can load a website into an iframe on my page like this:
<iframe src="http://www.page2.com" frameborder="no" width="410" height="600" name="worldFrame"></iframe>
and then change the visibility of elements on that page from my page?
View 6 Replies
View Related
May 21, 2009
I've been able to get the iFrame to resize to the content - see this link - it's pretty simple. My only problem, is if the user clicks a link so that another page is displayed, the iFrame doesn't resize. It will only resize when the parent page is reloaded. So, not sure what to do about that.
(I do work with someone who writes Javascript and PHP, so they would know how to implement it if I found a solution).
View 7 Replies
View Related
Dec 11, 2003
i got a page with menus on top and an iframe in the middle of this page. Now what i want to know is how can i change iframe's content when i click on the menu's hyperlinks. Like when i click the "About" in the menu i want to see about.html in iframe.
View 5 Replies
View Related
Jul 27, 2007
I have a page where I load in a template from another company via IFRAME, the template I cannot change, but on a certain page of the template within the iframe I would like to tell the user some extra information, but my page remains the same and only the information in the iframe reloads, so is there a way to tell when the iframe changes so i can innerHtml some extra info on certain parts?
View 3 Replies
View Related
Jul 1, 2010
I'M working on a web page. My main index got a fix menu bar (title bar + menu (buttons with over effects, etc).
I used table to place my content so it would have one big banner with buttons and two iframes that would show two different content.
I worked so far that my main index render the frame with their respective backgrounds all detailled in css, fonts, align etc etc.
Is it possible to create blocks of information, all with the same CSS and then, just making the buttons tell the iframe which content to show ? The back ground will never change, just the content. IS it possible ?
View 2 Replies
View Related
Jun 9, 2009
I would like to know how can I load a page in a iframe but with some added things to it (like scripts, header, etc). Suppose I have this example :
Code:
<html>
<head>
[code].....
View 4 Replies
View Related
Oct 2, 2007
I have an iframe and a div on the same page. I would like to display the content of the iframe inside my div after iframe loading is completed ....
View 2 Replies
View Related
Jun 1, 2009
I am trying to access the content of an iframe. I have search google and read a couple of other post, but my problem is a little bit more complicated. I can't use the ...contents().find("whatever") function though the result is of content type text/plain. In other words: There is not HTML is the result. The result cannot be tampered with either. Because contents, html and text are not really helping me I thought to use a counter. Whenever the length would be more than 1 I would show the result. But that doesn't seem to work either.
View 2 Replies
View Related
Jan 11, 2011
I have a form in my page and I want to implement an autosave feature. For that, I submit all the fields in the form every 2 minutes via AJAX, so I can save a Draft.
The problem is, that the textarea used for the body of the message is modified to be a Rich Text Editor (with MceEdit). Thisdynamically generates an iframe that holds the styled text, and only populates the textarea with that content on sumbit.
So, I want to be able to read the iframe contents with jquery, so I can POST it via AJAX to the autosave method. I hope I've provided all the necessary details. If not, feel free to ask for more.
View 2 Replies
View Related
Apr 11, 2010
I am using a WYSIWYG web editor (Serif WebPlus X4; for a whole range of reasons - please don't turn this thread into a discussion of the pros and cons of WYSIWYG! ). It has a tool to create a site search facility, whereby you add a text box to accept the search terms, and specify an iFrame in which the results appear. The source of the iFrame is not specified as a page, but rather the content is generated and inserted by the search JavaScript that runs when the user searches the page.
I really don't want the results to be in an iFrame, because I think it looks a mess when the page and the iFrame both scroll. To avoid this, I'm trying to get the iFrame to resize to fit the results, so it won't need to scroll. (Of course, the alternative would be to change the JavaScript so the results are placed directly onto a page rather than in an iFrame, but because of the way the WYSIWYG editor works, that's less straightforward).
I've found many scripts online that would let me change the size of the iFrame based on its content, but they all assume that the content is coming from a file saved on the server, and work by checking the height of the file's content, and inserting that value as the height of the iFrame. Now, the problem is that when I use these scripts they cause the iFrame to become 0px high, I assume because the frame doesn't have a fixed source that can be measured, but rather gets its content fed in from the search JavaScript.
Can anyone help me figure out a way to resize the frame even though its content is dynamically generated as the page with the frame is loaded? I've copied below the search script and the html page with the iFrame that needs to resize. Ideally, whatever solution I use shouldn't involve editing the .js file I've attached, since this is generated automatically by the WYSIWYG program.
[Code]...
View 1 Replies
View Related