|
HTML - Iframe Issue In Firefox From Google Sites
Hi, and thanks in advance for any help.
I'm new to the forum, and new to website building (though, as you will see, I can hardly even call it website building). I started building a site on google sites, and I'm having a strange issue in firefox. Here is the site: https://sites.google.com/a/absoluteinhouse.com/home/ The page works as I would like it to in Chrome and IE, but the dropdown menu doesn't appear in Firefox. The services tab should have a dropdown menue, but it never appears in Firefox. However, when you click to view that iframe in a new window, the dropdown works fine in firefox. So, that's why i think it's an issue with the iframe. I've checked the z-index, and that seems to be set fine (though I'm not too familiar with it, so I could be wrong) For those not familiar with google sites, you can't just paste in any code, but you can do almost anything through an xml file that functions through an iframe (i think that's the right terminology) To see the actual gadget, go to http://code.google.com/apis/gadgets/...cy/gs.html#GGE and and open this gadget from url: http://hosting.gmodules.com/ig/gadge...dropdown39.xml Any ideas on how to fix this? I know this is a strange way to get this result, but I like how it looks, and it was fairly easy - but, any other suggestions would be greatly appreciated Similar TutorialsI just noticed that in firefox, google ads display on the left even though the table is aligned right. IE displays it fine, firefox doesn't like it for some reason... http://www.tegbs.com Hello everyone! First, I want to point out that I have next to no knowledge about website development/design. Anyways, I gained basic knowledge over the course of many months and finally launched a site for my business. But I'm having one major issue: My website is not being rendered properly on Chrome. When I say "not...properly", I mean it's not displaying most of the essential content. The website is running very well on IE and Firefox, just not chrome. Website: www.khangp.com I would really appreciate anyone who could shed some light on what could be causing this. I just can't seem to figure it out! Thank you! Hi, i have created two radio buttons to run 4 functions in my javascript. these run perfectly in IE but dont work in Google Chrome or Firefox! i really need this resolving. Please help. The Javascript is: <script type="text/javascript"> <!-- } function changetextcolor() { document.getElementById('textbtm').style.backgroundColor = '#ffffff'; } function changetextcolors() { document.getElementById('textbtm').style.backgroundColor = '#ffff00'; } function change_background(){ backgroundv=document.getElementById('backgroundimg').value; document.getElementById('background').innerHTML='<img src="place/images/backgrounds/white.png"/>'; } function change_backgro(){ backgrov=document.getElementById('backgroundimg').value; document.getElementById('background').innerHTML='<img src="place/images/backgrounds/yellow.png"/>'; } //--> </script> The HTML coding is: <input type="radio" class="poll1" name="backgroundimg" onClick="javascript:change_background();changetextcolor();" checked> <input type="radio" class="poll2" name="backgroundimg" onClick="javascript:change_backgro();changetextcolors();"> Please help me! so when viewing on Firefox and IE8, the site looks fine. www.pmtdiesel.com but when u view it on firefox, there is a pixel or 2 pixels that shift's the image to the right. when u view it on ie7, it shifts it a pixel or 2 up, i am referring to the top right image of the top banner/header. any ideas? thanks. Hey all, I'm pretty sure this is a very easy solution, I've just been staring at it too long and am probably missing the cause. I'm using Google's site search API and using their "Results Only" setup, so I design my own search box, then just drop their code into the results page and specify the variable the query is being passed as. So here's my search box: Code: <form method="post" action="/search-results/?q=">
<input id="searchTxt" type="text" maxlength="128" name="q" size="15" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
<input type="image" name="op" value="Search" src="/wp-content/uploads/2011/07/search-button-magnifier.png" />
And the results code via Google: Code: <div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
function parseQueryFromUrl () {
var queryParamName = "q";
var search = window.location.search.substr(1);
var parts = search.split('&');
for (var i = 0; i < parts.length; i++) {
var keyvaluepair = parts[i].split('=');
if (decodeURIComponent(keyvaluepair[0]) == queryParamName) {
return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' '));
}
}
return '';
}
google.load('search', '1', {language : 'en'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('XXXXXXXXXXXXXXXXXXX');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
var options = new google.search.DrawOptions();
options.enableSearchResultsOnly();
customSearchControl.draw('cse', options);
var queryFromUrl = parseQueryFromUrl();
if (queryFromUrl) {
customSearchControl.execute(queryFromUrl);
}
}, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
But nothing seemingly the query is not sent with the user to the results page. Manually adding "?q=test" shows the results work. Am I missing something here? I'm using Wordpress on this site, so not sure if the permalink setup is screwing with it at all. Thanks for the help I have an issue with my web application in Adobe FLEX. The issue that I am facing is, when the user closes a web application in Adobe FLEX, a function is called in order to update the data in database. In all browser, except Google Chrome, its works fine. When I opened my application in Google Chrome, the function is called when I close the window, but the database value is not getting updated. What to do with this issue? Here is the code : Code: <body scroll="no" onbeforeunload="callUnloadFunction()">
<script language="JavaScript" type="text/javascript" charset='utf-8'>
function callUnloadFunction()
{
var x = getMyApplication("webinar").myFlexFunction();
alert("Please click OK to end the session");
}
function getMyApplication(appName)
{
if (navigator.appName.indexOf ("Microsoft") != -1)
{
return window[appName];
}
else
{
return document[appName];
}
}
Any help on this will be appreciated. Thanks in Advance. Hi again. I'm having an issue getting my form to show up correctly..or at all. The page comes up OK but where the form should be i get a page cannot be displayed. the iframe is at the bottom. Code: <body>
<div id="templatemo_wrapper">
<div id="templatemo_left_column">
<div id="site_title">
<h1><a href="index.html" target="_parent">
</a></h1>
</div><!-- end of site_title -->
<div id="templatemo_sidebar">
<div class="service_section">
<h2>Services</h2>
<ul class="service_list">
<li><a href="#">Seamless Rain Gutters</a></li>
<li><a href="#">Soffit and Fascia</a></li>
<li><a href="#">Helmet and Gutter Screen</a></li>
<li><a href="#">Many Color Options</a></li>
<li><a href="#">10 Year Guarantee</a></li>
<li><a href="#">Free Estimates</a></li>
</ul>
</div>
<div class="news_section">
<h2>Grade "A" Gutters</h2>
<div class="news_box">
<br />23 Central Ave. S.
<br />N
<br />Office:
<br />Cell:
</div>
</div>
</div>
</div> <!-- end of left column -->
<div id="templatemo_right_column">
<div id="templatemo_menu">
<ul>
<li><a href="index.html" target="_parent">Home</a></li>
<li><a href="index.html" target="_parent">Guarantee</a></li>
<li><a href="index.html" target="_parent">News</a></li>
<li><a href="index.html">Gallery</a></li>
<li><a href="index.html" target="_parent">About Us</a></li>
<li><a href="/estimate.html" target="_parent" class="current">Contact Us</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<h2>-Free Estimates-</h2>
<iframe src='form/contactform.php' frameborder='0'width='100%' height='500'></iframe>
</div>
</div>
Hi All! We have a webapp running in Resin using Wicket 1.3. We used an iframe in one of our pages, for credit card 3D authentication, so that the visible URL won't change. <iframe id="ifrm" name="ifrm" src="images/3DForm.html" frameborder="0" > </frame> This seems to be working fine, except that in Firefox 2.0, the height attribute is all crazy. If we set height="100%" or "auto", the frame opens up with a height of abt 2 inches. Setting a pixel count as height increases height, but since it's not dynamic, doesn't really give us what we want. (Since there are a frew more pages of varying sizes that are displayed on thgis iframe.) Setting the inline style attributes 'height' didn't help either. But on IE 6, setting height=100% or 'auto' seems to work fine. Any help u cud give us on this wud be greatly appreciated. Or, if anyone knows a better way to go for 3D Auth, without changing the address-bar url, pls let us know. Thank you! Hello guys, I really need your help in sorting this out. This html file, http://www.koicolors.net/check-this-out/learn.html is damaged when viewed using Mozilla Firefox but not in Google Chrome and Internet Explorer. If anyone has managed to conquer this one, I would appreciate some instructions and suggestions. Thanks, magiclouie Hi All, I have an iframe in my page. I change its height from a button inside the iframe using javascript. for example: parent.document.getElementById('iframe').style.height="100px"; The problem is that if the iframe height was 500px for example, and I changed it to 100px then the whole iframe is shrink down. I mean that the 100px are the top 100px but they are appear in the button of the iframe and there are 400px empty at the beginning. Any Idea how to change it? Thanks in advance Hi All... Was hoping for some help with an iFrame question. I'm a bit of a n00b with web design so please forgive me. I have: home.html - with an iframe containing products.html Withing products.html (in the iframe) I have a link which I want to link to a new page which also has a iframe. This I can do but I want the link to open the new page and a page within the new iframe of my choosing. I hope this makes sense to somebody... Any help would be greatly appreciated. Richard I'm having a bit of trouble with an iframe. I'm wanting my iframe to automatically adjust to the height of whatever page loads into it. Is that possible? My code is as follows: HTML Code: <iframe src="test.html" name="_blank" width="656" height="100%"></iframe> I'm building all the page that should load in the iframe to be the proper width, but I was hoping to make the iframe automatically adjust to the height. Any help is greatly appreciated. Reference: http://www.noahscs.com/realestate.html So the entire form on this page is within an iframe. The iframe should refresh itself upon submit. It works fine in IE, but does not refresh in FF. Anyone have any ideas why? Hey, I've just built a widget that sits in an Iframe. Have a look if you want (It wont be around too long, as it's running on my laptop): www.SimplySundried.com The problem is that the hyperlinks and tooltips don't work in firefox, but work fine in IE..... I haven't got a clue as to what the problem is, or how to go about solving it, so any help is very much appreciated!!! Hello, I use iframe to center the page because I am unsure of how to have the page center any other way. But when I do it, there is a "padding" at the top of the image in IE but there is not this padding when using FireFox. do you know why this is? Thanks! Please help me understand! I'm trying to create a page that has several static height table rows and one row that has an iframe that I want to expand to fill the height of the browser window. Here is a link to the test page: http://dl.dropbox.com/u/9536793/testWITHframe.html Here is the CSS used by the page: http://dl.dropbox.com/u/9536793/test.css Here is the page loaded into the iframe of the main page: http://dl.dropbox.com/u/9536793/testblankframe.html So, there are three rows at the top (Title, Menu, and Button rows). At the bottom are two rows (Bottom row and Copyright row). In the middle is the row that contains the iframe that I want to fill the page height. It works correctly in Firefox 4 and Chrome. However, in IE 9 (standards mode), the frame is too tall, so a scroll bar is added to the page and the bottom area is pushed off the end of the window. Bah IE!! If I take off the DOCTYPE, or use an older DOCTYPE, IE goes into Quirks mode, and then the page appears correctly (sort of). However, I'm trying to use HTML 5 rules, so I want to just use DOCTYPE html. I also need IE in Standards mode so that a charting tool that I am trying to use wiill work right. I just can't get all of the technologies to play together! Anyway, I know iframe are sometimes frowned upon, but we use a page layed out like this and then load various pages into the iframe based on what the user selects in the menu. I don't particularly like it either, but don't know a good alternative. (I'm open to suggestions for that as well). Any assistance with getting the height to fill the page (and no more) that will work in all IE (8 and 9 standards mode), FF, and Chrome would be appreciated. Thanks. Hey everybody, I've been wrestling with the classic iframe border issue in IE for the past couple of days and desperately need to know if I've cracked it (browsershots is just getting slower and slower these days..) http://www.eveningtweed.com/lauratest/home.htm Are IE users on PCs seeing a border around the iframe which contains the 'workworkwork' line? I've ensured the CSS for the iframe is correct (frameBorder=0 with the camel case) as well as setting a 0 border on the page loaded into the frame itself. Jez This seems to be an oddity these days, but I have a problem with my website in Firefox though it works just fine in IE (6 or 7). The website displays correctly, but my form fields will not allow any text to be put in them. The weird thing is I have another website that uses the same formatting for the text fields and they work fine... Code for the form that works in IE and not Firefox is as follows: <div align="right"> <form method="post" action="test/login.asp" name="LoginForm"> <input name="action" value="login" type="hidden" /> <table> <tr> <td><label>Username:</label></td><td><input name="UserName" /></td> </tr> <tr> <td><label>Password:</label></td><td><input name="Password" type="password" /></td> </tr> </table> <button name="LoginBtn">Login</button><br /> </form> </div> Code for the form that works in both is as follows: <div id="layer3"> <h2>Client Login Form</h2> <form method="post" action="users/login.asp" name="Login"> <table> <tr> <td><label>Username:</label></td><td><input name="UserName" /></td> </tr> <tr> <td><label>Password:</label></td><td><input name="Password" type="password" /></td> </tr> </table> <button name="LoginBtn">Login</button><br /> </form> </div> Both forms are inside <div> tags, both are on pages that use frames. Let me know if there's something I'm missing... Chris |
|||||||