Jquery :: Resize A Window To The Content On An Iframe
Jun 30, 2010
Basically I created a nice Jquery function to resize a window to the content on an Iframe. Because the Iframe has PHP in it which pulls a list of stockists and Iframes dont Auto resize to fit its contents if it pulls extra info.
[Code]...
So this bit of code is embedded into my Iframe, all its suppose to do is get the documents (the Iframe's) current height then it selects the parent document ( the one containing the Iframe ) then it basically adds the height to the attributes.
THE PROBLEM: It works great, the first time you use it. BOOYAKASHAA. However when you click a another stockist on the list. A smaller list for example... it keeps the height of the document really big. So it initially makes the space bigger to accomadate the list. But does not go smaller afterwards?
View 1 Replies
ADVERTISEMENT
May 15, 2011
I'm looking for a resize function that will resize a window around content, in my case a div.
I've googled away but not come up with anything as yet so would like to ask if anyone knows a plug in that can do this simple task.
View 1 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
Apr 11, 2011
I would like to attach resize event to top window(main.html) when iframe(sub.html) ready.but seems it doesn't work,please see below code :
i don't know why it does not work,please,who could correct me ? or give me some suggestion on it?.[code]...
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
Jan 19, 2010
Ive written some code to try and resize a page dependant on the content oof an iframe. Code is as follows:
window.onload=sizeAdj();
function sizeAdj() {
var elFrame = document.getElementById('theFrame');
var elTable = document.getElementById('tableGrab');
var elDivMain = document.getElementById('main');
var elDivWrapper = document.getElementById('wrapper');
[Code]....
I originally thought that I would just be able to resize the iframe and the other elements would follow suit but as you can see Ive tried to resize the other encasing elements also. The code resizes partially in chrome but only to a certain point and not to the full height of the doc content.
View 2 Replies
View Related
Aug 27, 2010
I have been having an issue with this script to resize my iframe(ifr) based on the content loaded in it.I am half bald from this issue. Works perfect in IE7 & 8 but not in FF or Chrome.FF works "almost" - It resizes on first page loaded but doesn't resize if the iframe content is changed until refreshed. (example: If I load search results which shows 10 results and then click one and it loads the page which isn't as high as the search results page was then it just stays at the larger height until I refresh and then resizes correctly.)
.JS Code:
/***********************************************
* IFrame SSI script II- � Dynamic Drive DHTML code library (http://www.dynamicdrive.com)[code]....
View 2 Replies
View Related
May 14, 2010
I have an iframe on one of my pages, and i need to resize it to fit content thing is i need to resize the iframe from the iframe src page.
I have this code:
Code:
window.onload = function()
{
resizeFrame();
[Code]....
but it doesn't seem to resize the iframe...
View 1 Replies
View Related
Sep 14, 2010
I have a webpage with an IFrame in it. The content for the IFrame could change per page and with it size. I don't want scrollbar's inside the IFrame but rather for the whole page. To accomplish this I must resize the height of the IFrame (width = fixed). But I can't seem to accomplish this. The links within the Iframe load the new content but I have to access the parent document to be able to resize the IFrame height. How I can resize the iframe from within javascript in the IFrame.
View 10 Replies
View Related
Jul 23, 2005
I would like to automatically resize a window to its content. I was thinking
of using an outer table to detect the size of my content, then use
window.resizeTo( ).
The problem is I'm not sure how I can determine the size of what I think is
referred to as the 'chrome' - the window borders, toolbars, etc.
Is there a way to determine the height and width of the chrome so that I can
supply the correct parameters to the resizeTo method?
View 2 Replies
View Related
Oct 28, 2010
Im using the cycle plugin trying to make a banner slide tha is 100% the width of the window, my problem is that when i resize de window the banner does not align center, it stays somo what left align. So is there a way to keep the slides align center after you resize the window usingthe cycle plugin? or is there another plugin that i can do that? I attached a image to ilustrate, the white banner with the cat should align center when i resize the windows but it stays left align.
View 4 Replies
View Related
May 31, 2011
I'm trying to develop a function to resize a control upon window resize. In regular javascript I would make a global array of control names and append code to the event that cycles through and resizes each control.For example
var proportionalizedImages=new Array();
proportionalizedImages.push(document.getElementById(ctrl));
if (window.addEventListener)[code]....
I'm wondering if there's a more elegant way to do this in jQuery. I've played around with it a bit, but i'm unsure how to get the control object to the resize function triggered by window resize without a global variable.
jQuery.fn.resize = function(max_size) {
$(window).bind('resize', $(this), resizeTriggered);
}[code]....
View 2 Replies
View Related
Nov 19, 2011
I'm trying to scale the text with the size of the window (I've also got all the layout sizes in ems, so this should keep the aspect ratio of everything the same as the window is resized). The code that I've got at the moment doesn't do anything -
$(window).resize(function() {
var $width = $window.width() / 10;
$("body").css("font-size", $width);
});
View 1 Replies
View Related
Jun 2, 2007
I have a main webpage with an iframe embedded inside:
PHP Code:
<IFRAME id="imagesframe" src="images_frame.php" width="100%"></IFRAME>
Now, I want to be able to reload the content of that iframe from a pop-up window. I tried the following JavaScript command inside the pop-up window:
PHP Code:
opener.document.getElementById("imagesframe").location.reload();
but when I call that command i get the following JavaScript error: ...
View 2 Replies
View Related
Oct 7, 2011
Im trying to use javascript history to resize an iframe when a submit button is clicked inside the iframe.
This is what i found so far.
Code:
Us this with iframe:
Code:
Code:
But im not really sure on how to apply this to my iframe, and i know that the resize part also needs to be edited, but what is missing?
View 1 Replies
View Related
Aug 2, 2009
Is there a way to resize an iframe dynamically so that you never get the scroll bar and essentially hide that there is an iframe? Better integration really.Basically I want to iframe a forum into my site so that the design down the sides and top which my friend does using iweb are not messed with.We have a central area which can be longer or shorter depending on the forum.
View 3 Replies
View Related
May 22, 2009
i have an iframe on page to hold record editing form - the form presented in the frame needs to be different sizes depending on the form size i want the page called to resize the frame but, i can't figure out how to refer to it from the page loaded in the iframe parent().$("#myiframe").height( $("#formcontentwrapper").height() ) ;
View 1 Replies
View Related
Jun 15, 2011
ok so Im trying to make an expanding content box. The only thing that changes from the 2 classes is height in the css but for some reason toggleclass fails to workevery timeI set the height in the first class. Here is my code.
CSS:
#effect {
position: relative;
margin-left: 5%;
width: 600px;
height: 20px;
letter-spacing: 0;
font-size: 1.2em;
border: 1px solid #000;
overflow:hidden;
} .toggExpand {
letter-spacing: .4em;
width: 600px;
height: 400px;
margin-left:5%;
overflow:hidden;
} #button {
text-decoration: none;}
jquery
<script type="text/javascript">
$(function() {
$( "#button" ).click(function() {
$( "#effect" ).toggleClass( "toggExpand", "slow" );
return false;
});
});
</script>
View 1 Replies
View Related
Mar 18, 2011
I have a web page which will display another web page in an iframe. But the content inside the iframe may change while the user interacts with it so I need to be able to resize the iframe height from code on the page inside the iframe. Any tips on how I can do that? I am using php and javascript.
View 1 Replies
View Related
Jun 12, 2009
I'm creating a page that lists the available songs that I have for karaoke, and I'm having some difficulties with formatting. I'm using jquery to retrieve an XML created by php, and outputting it to the html page using jquery's append() function. However, when I do this,the DIV that contains the data (the one I'm appending) simply does not re-size with the data - so I have a div that's a few pixels high, and a data list that just floods out of it in the emptiness of my body background (white).I've tried setting a % or px height to the div, with no change in behavior. Oh, it happens both in Firefox and Internet Explorer equally.
View 2 Replies
View Related
Aug 4, 2009
how can i write this if/ else condition in jquery??if window resize, run this code,
Code:
$(window).resize(function(){
var height_window = $(window).height();
[code]....
View 7 Replies
View Related
Aug 30, 2006
I need to adjust my IFrame Height based on srource page height (src) given for that IFrame.
I am getting it for the pages calling in the same domain like src='test.html', but I am not getting it when calling pages from other domains like src='http://someurl.com'.
My Page Looks like this:
<BODY>
<iframe src="http://someurl.com" name="NAME" scrolling="no" width="100%" frameborder="0" ></iframe>
</iframe>
</BODY>
It would be helpful if anyone suggest me a solution.
View 2 Replies
View Related
Jun 18, 2011
I'm basically creating a script that wiill move a div from one place to another based on the width of the browser. The script I've made does do this however I wanted to fade to old position out then fade the new one in and this is where i got into trouble. The div just keeps flashing, i'm sure that it's something really simple that with expirience would easily be solved.
$(window).resize(function() { if($(window).width()<500){ $('#login').fadeOut("fast"); $('#login').removeClass('norm'); $('#login').fadeIn("fast"); $('#login').addClass('min'); } else{ $('#login').fadeOut("fast"); $('#login').removeClass('min'); $('#login').fadeIn("fast"); $('#login').addClass('norm'); } });
View 1 Replies
View Related
Jan 25, 2011
Is there any way to resize the iframe automatically, so that it could obtain the original height and width of the page which is embedded in that iframe? I actually saw this function on PayPal but I don't remember its link.
View 1 Replies
View Related
Apr 30, 2009
I am posting this question a second time and apologize ifsomeone answered it in the other thread - I cannot find the postanywhere on this list.
$(window).resize(function(){
alert("Stop it!");
});
[code]....
View 1 Replies
View Related
Jul 9, 2010
I have an iframe on my page and I added the following code to detect the iframe file height to avoid scrolling which is working fine.
<script type="text/javascript">
function setIframeHeight(iframeName) {
//var iframeWin = window.frames[iframeName];
[code]....
There is a form in the iframe and it is coming from a third party web site which I have no access. My problem is when a client submits the search form in the iframe search results page is higher than the search main page and half of search results page is not shown. Is there a way to sense that the page in the iframe is changed and resize the iframe height accordingly?
View 2 Replies
View Related
