I am trying to implement a customer survey into our webpages. The survey consists of a javascript file which launches an html file in an iframe. When the user meets certain parameters defined in the js file it launches the iframe. This works fine in Firefox and the iframe is launched perfectly. In IE this does not work at all. When the iframe is supposed to be launched the page goes blank. It does not even continue to load the web page and seems to be trying to open the html file, but does not. It does not throw any errors.
In firefox, the webpage loads and the iframe opens the html without a problem. Any ideas why this would happen? I cannot give you a url to see the error as this is in our development environment, but was hoping maybe someone has some experience with an issue like this and can point me in the right direction. Any help is appreciated. thanks.
4  22589  gits 5,390
Recognized Expert Moderator Expert
hi ...
post the code that makes the problem ... so that we may have a closer look at it ...
kind regards
Here is the html code that should open up in the iframe. - <!-- Version : DHTML Trigger 4.0 -->
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
-
<html lang="en">
-
<head>
-
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
-
<title>Survey Invitation Page</title>
-
<style type="text/css">
-
<!--
-
body, div, table, td {
-
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
-
font-size:11px;
-
color:#666666;
-
background-color:#ffffff;
-
margin:0px;
-
}
-
.subtitle {
-
font-size: 120%;
-
color:#000000;
-
font-weight:bold;
-
}
-
.footnote{
-
font-size: 80%;
-
font-weight: bold;
-
}
-
.OuterTable {
-
background: #ffffff;
-
border:2px #000000 ridge;
-
border-spacing:1px;
-
padding:1px;
-
width:100%;
-
height:100%;
-
}
-
.InnerTable {
-
border:0px;
-
background-color:#ffffff;
-
width:100%;
-
}
-
-->
-
</style>
-
</head>
-
<body>
-
<table summary="Outer table for formatting layouts" class="OuterTable">
-
<tr><td>
-
<div id="fsrInvite" style="width:100%">
-
<table summary="Inner table for formatting layouts">
-
<tr>
-
<td>
-
<table summary="Inner table for formatting layouts" class="InnerTable">
-
<tr>
-
<td align="right" style="padding: 0px 5px 1px;">
-
<a href="javascript:window.parent.fsr_hideWindow()" title="Clicking this link will close this window." align="right">Close</a>
-
</td>
-
</tr>
-
</table>
-
</td>
-
</tr>
-
<tr>
-
<td style="padding: 0px 10px 10px;">
-
<table summary="Inner table for formatting layouts" class="InnerTable">
-
<tr>
-
<td align="left" valign="middle"><img src="sitelogo.gif" alt="Site logo"></td>
-
<td align="right" valign="top"><img src="FSRlogo.gif" alt="ForeSee Results logo"></td>
-
</tr>
-
</table>
-
</td>
-
</tr>
-
<tr>
-
<td style="padding: 0px 10px 10px;" align="left" valign="top" width="100%">
-
<span class="subtitle">Thank you for visiting FEMA MIP</span><br><br>
-
You have been selected to take part in a customer satisfaction survey. This survey is conducted by an independent company. <br><br>The feedback obtained from this survey will help us to enhance our website. All results are strictly confidential.
-
</td>
-
</tr>
-
<tr>
-
<td>
-
<table summary="Inner table for formatting layouts" class="InnerTable">
-
<tr>
-
<td align="center" style="padding:10px 15px 10px;" valign="middle" width = "50%"><input type="button" class="btn" alt="Clicking continue will launch a customer satisfaction survey in a new browser window." value="Continue" onclick="javascript:window.parent.fsr_hideWindow();javascript:window.parent.Pop();"></td>
-
<!--Remove this line to enable No thanks--
-
<td align="center" style="padding:10px 15px 10px;" valign="middle" width = "50%"><input type="button" class="btn" alt="Clicking No thanks will close this window." value="No thanks" onclick="javascript:window.parent.fsr_hideWindow()"></td>
-
!--Remove this line to enable No thanks-->
-
</tr>
-
<script type="text/javascript">
-
if (window.parent.fsr_NS8){
-
document.write('<tr><td style="padding:0px;" valign="top" align="center" class="footnote">');
-
document.write('*In Netscape 8+, the survey might open in a separate tab');
-
document.write('</td></tr>');
-
}
-
</script>
-
</table>
-
</td>
-
</tr>
-
</table>
-
</div>
-
</td></tr>
-
</table>
-
</body>
-
</html>
And here is the iframe statement in the js file - <div id="fsr_window" style="position:absolute; left:440px; top:150px; z-index:100; border:0; overflow:hidden; visibility:hidden; filter:revealTrans(Duration=0.5, Transition=23);"><iframe id="cframe" src="/portal51/mapmod/foresee/FSRInvite.html" FrameBorder=0 Scrolling=NO width=400 height=290></iframe></div>
When it tries to launch the iframe the source of the main document only shows the iframe statement above and the screen is blank. This works perfectly in firefox.
Here is the html code that should open up in the iframe.
...
And here is the iframe statement in the js file
- <div id="fsr_window" style="position:absolute; left:440px; top:150px; z-index:100; border:0; overflow:hidden; visibility:hidden; filter:revealTrans(Duration=0.5, Transition=23);"><iframe id="cframe" src="/portal51/mapmod/foresee/FSRInvite.html" FrameBorder=0 Scrolling=NO width=400 height=290></iframe></div>
When it tries to launch the iframe the source of the main document only shows the iframe statement above and the screen is blank. This works perfectly in firefox.
You have put your <iFrame> into a <div>, try to delete this surrounding <div>. If it works afterwards, then you know that this DIV is the reason why your page does not display, and you can put it back and modify it until it works.
I have not tried your code, but from my experience, most likely this is the reason. Your DIV uses "overflow:hidde n visibility:hidd en", which hides all the content inside. And the given "filter:revealT rans..." may also behave different in different browsers.
acoder 16,027
Recognized Expert Moderator MVP
I have not tried your code, but from my experience, most likely this is the reason. Your DIV uses "overflow:hidde n visibility:hidd en", which hides all the content inside. And the given "filter:revealT rans..." may also behave different in different browsers.
Yes, that would be the reason. The filters only work in IE.
Sign in to post your reply or Sign up for a free account.
Similar topics | |
by: Velvet |
last post by:
I'm using the standard upload component in ASP.NET 1.1 to allow authors to
upload manuscripts to our server.
This is working fine except for some people using FireFox. The problem is,
the upload is working for MY fireFox browser so I'm unable to troubleshoot
and step through the code to see what is really going on. The is one
customer who has the same browser version as me and another who has an older
version.
I have told these...
|
by: mike888 |
last post by:
I want to create dynamic iframe content like below but in Firefox
<iframe width="100%" height="100" src="#"></iframe>
<script language="JavaScript"><!--
document.frames.document.open();
document.frames.document.write('THis is the dynamic text for iframe
above');
document.frames.document.close();
|
by: atulvp |
last post by:
Hi all,
I have written a javascript code which changes the combo_2 options on
runtime. It is working fine on IE but not working on Firefox. Please
help me solve this problem.
My code is as follows:
function changeMe(str) {
if(str.value == "se") {
while(document.frm.combo2.length 0) {
|
by: web20tester |
last post by:
Hi all,
I am new to javascript. I have this script working fine in IE but cannot work in firefox. Really appreciate on any guidance.
search0.js
function Search(str)
{
var textD=parent.textFrame.document;
var SearchRange = textD.body.createTextRange();
|
by: buss123 |
last post by:
Hi all,
combo box script code was working in IE perfectly with all modes but OnChange event was not working in FireFox(editable mode, if we select valuese that combo box values r not dislaying if enter the data the it is inserting properly) javascript code follows
pls help me to solve this problem
function fnKeyDownHandler(getdropdown, e)
{
fnSanityCheck(getdropdown);
| | |
by: CoolForU |
last post by:
this is my code and i call this code from code behinde file on page load
like this
useragree.Attributes.Add("onclick", "CheckSelection();")
this is working fine with IE but not working with fire fox.
in firefox i got error :
Error: CheckSelection is not defined
|
by: suresh_nsnguys |
last post by:
Hi,
I am facing one problem in embed flash object.i am displaying the flash (.swf file) using embed tag<embed> in IE.i want to display the alert box when user click the mouse over the flash .i am able to display the alert box only when user double click the flash .but i want alert box need to display when single mouse click over flash.
my code:
<script>
function kiosk(){ // fn will be called when user click mouse
|
by: sourav08 |
last post by:
Hi,
I have validate a text field with onchange event which throw error message, if
not satisfied the condition and set the mouse cursor on the same field using
document.focus().
It is working fine in IE, but when used in Firefox, the mouse cursor is moving to the next text field.
Please let me know the possible solution for the above problem.
|
by: krishna.tunikipati |
last post by:
Hi
I have updated my firefox browser from 2.0 to 3.0
My AJAX functionality is not working in firefox3.0
But in firefox2.0 it worked fine. and working fine in all IE versions
Plz give me a solution ASAP
|
by: sateeshchandrasanga |
last post by:
Hi All,
My HTML code is working fine in Firefox.But its not displaying any thing in IE.Can you help me in this problem.And in Google crown its displaying but not properly.
contactus.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
| | |
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
| | |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
|
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| | |
