jotgabbi

Am ripping about the coding for website working on currently, but one of main problems is I'm having to iframe in the quoting system from external source... I need to have a way where the iframe just has a flexible height and literally drops down as required as much as possible. There is no getting round the external source, and since using external source, javascript getting document height won't work. Any ideas on how I could get round this?

what u mean?

here it is www.bigggg.com/iframe.html notice how it works now the first time you click on the graph symbol. if you then click on the "october" link.. then go back in browser... or reload the website... the iframe doesn't adjust no more..

The div holding the iframe is floating, to appear like a pop up in sense.. it loads up their control panel. I'm iframing in from another server where the portal is held. So can't use include. Perhaps think about why you never see other pages with scroll bars in the middle? There are many other methods to *including* content into a template, without the use of frames or having to update 20 pages for a single change. Take a look at PHP includes (personally I prefer require_once to include files).

Nope, that made no effect at all. I'm going to have to give up and just let it look tacky with a scroll bar aren't i Is there anyway in which case, of if the iframe scroll is set to auto, and the page requires scrolling... the scrollbar for the entire page is disabled while the floating div is visible.

<iframe src="journeys.html" onLoad="calcHeight();" scrolling="NO" frameborder="1" width="760" height="200" name="resize" id="resize"><div style="clear:both"></div></iframe> is now what my iframe looks like but with no success or changes.

I dont know whether this will be more CSS or javascript, but here goes. I have a page and when you click on a link, it opens a floating div 1000px wide which contains another page in an iframe. The problem I have is, each page is a different height so I can't just set a height to the iframe. I have used abit of javascript which I have put in the parent page. <script language="JavaScript"> <!-- function calcHeight() { //find the height of the internal page var the_height= document.getElementById('resize').contentWindow. document.body.scrollHeight; //change the height of the iframe document.getElementById('resize').height= the_height; } //--> </script> This works to an extent, but on my pages, there are divs, that it doesn't seem to pick up the height for, causing me to use <BR> hacks to push page down. Also there are hidden divs that appear when buttons pressed, which pushs the page down, but this does not cause the iframe to change height as required, and pushs some of the content out the iframe, which has scrolling OFF, so cant be accessed. Any ideas on the best way to approach this problem? Thanks.

Hi Using very helpful code found on these forums, I want to be able to have a table with dynamic contents, and allow the ability to hide and show columns. The only way I could think of doing this was to have each column as a div and separate table essentially, then you could hide/show each div. <script type="text/javascript"> function toggleList(id, displayValue) { var obj = document.getElementById(id); if(!displayValue) { var displayValue = (obj.style.display!='none')?'none':'block'; } obj.style.display = displayValue; setCookie(id, displayValue, 30); return; } window.onload = function() { toggleList('start', getCookie('start')); toggleList('finish', getCookie('finish')); toggleList('time', getCookie('time')); toggleList('distance', getCookie('distance')); toggleList('speed', getCookie('speed')); toggleList('rushhour', getCookie('rushhour')); toggleList('night', getCookie('night')); toggleList('motorway', getCookie('motorway')); toggleList('rural', getCookie('rural')); toggleList('urban', getCookie('urban')); return; } function setCookie(name, value, expiredays) { if (expiredays==null) { expiredays=0; } var expireDate = new Date(); expireDate.setDate(expireDate.getDate()+expiredays); var cookieVal = name + '=' +escape(value) + ';expires=' + expireDate.toGMTString(); document.cookie = cookieVal; return; } function getCookie(searchName) { if (document.cookie.length>0) { var nameValuePair, cookieName, cookieValue var pairs = document.cookie.split(';'); for(var i=0; i<pairs.length; i++) { nameValuePair = pairs[i].split('='); cookieName = nameValuePair[0].replace(/^\s+|\s+$/g,''); cookieValue = nameValuePair[1].replace(/^\s+|\s+$/g,''); if(cookieName == searchName) { return cookieValue; } } } return false; } </script> Is there anyway, that the divs that are hidden, with preferences saved into a cookie, could be inserted into a dropdown, allowing them to click and add the column back to the table. Any ideas?