Log in

View Full Version : DHTML Modal window v1.1 + FLV file in iFrame


brutyke
10-02-2008, 03:51 PM
1) Script Title: DHTML Modal window v1.1

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/dhtmlmodal.htm

3) Describe problem:
I'm playing a flash video file in the modal window and it's working in IE7, however, in FireFox 3 the window is empty but I can hear the sound.

I'm using the "iframe content/auto load option", and have tried using a z-index:999 for the iframe which made no difference.

Any ideas ?

Thanks in advance for any help
ddadmin
10-03-2008, 01:21 AM
Please post a link to the page on your site that contains the problematic script so we can check it out.
brutyke
10-03-2008, 07:22 AM
Thanks ddadmin, here it is
http://www.dyslexia-international.org/ONL/EN/S1-2.htm

you'll see the blue TV icon which launches the modal window

the iframe called is
http://www.dyslexia-international.org/ONL/EN/Media/VideoClip.htm

Cheers
brutyke
10-08-2008, 01:40 PM
Hello ddadmin,
did you get a chance to look at this one ?

Cheers
ddadmin
10-08-2008, 08:31 PM
Hmm that's odd. My first guess would be that the video player is simply displayed outside the viewable area of the DHTML window. What happens if you try to increase the window's size, for example:


videowindow=dhtmlmodal.open('Video', 'iframe', 'Media/VideoClip.htm', 'Video Clip: Elena', 'width=990px,height=990px,center=1,resize=0,scrolling=0')
brutyke
10-13-2008, 09:56 AM
Same result I'm afraid.

In FFox the resized window fills the screen, I can hear the sound, but no picture.

In IE7, the image goes right to the top with the top third 'chopped off'

I've tried it with larger sizes eg 1100 x 1100 but same result

I've also added a 'normal' popup window using the D/Drive Window Widget to the same page, but get the same result

and, the Eric King Popup window Generator (from D/Drive) which DOES work, hope this helps

Thanks
ddadmin
10-13-2008, 09:44 PM
Still trial and error here, but first, try removing all formatting within videoclip.htm to rule out that as being the issue. So you end up with just:


<html>
<head>
<title>DR</title>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>

<script type="text/javascript">
var so = new SWFObject("Snow.swf?path=S2-VC1.FLV&buffersize=4&startauto=true&redirect=", "player", "240", "250", "8", "#ffffff");
so.write("flashcontent");
</script>

</body>
</html>

If that doesn't help, try embedding on your main page just an IFRAME that loads videoclip.htm, and see what happens:


<iframe src="videoclip.htm" style="margin:0; padding:0; width:100%; height: 100%"></iframe>

This would show if videoclip.htm is properly shown when embedded in a normal IFRAME to begin with.
brutyke
10-14-2008, 10:54 AM
Hello DDadmin,

1. the remove formatting didn't work.

2. the embedded iframe DID work
http://www.dyslexia-international.org/ONL/EN/S1-2-embediframe.htm

PS. just tried the original link in Google CHROME and it worked fine
http://www.dyslexia-international.org/ONL/EN/S1-2.htm

thank you
ddadmin
10-16-2008, 06:45 PM
Hmm I tried playing around with your page a bit, but nothing jumps out at me as the problem yet. So I simply tried firing up the 1st default demo (http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/demo.htm) of DHTML Window, and loading the video in question:


<!-- 1) DHTML Window Example 1: -->

<script type="text/javascript">


var googlewin=dhtmlwindow.open("googlebox", "iframe", "http://www.dyslexia-international.org/ONL/EN/Media/VideoClip.htm", "#1: Google Web site", "width=590px,height=350px,resize=1,scrolling=1,center=1", "recal")


googlewin.onclose=function(){ //Run custom code when window is being closed (return false to cancel action):
return window.confirm("Close window 1?")
}

</script>

That works in FF. This leads me to believe it's something specific to your page, whether it's particular CSS declaration or something else. You may want to start with a fresh blank page with just the script, verify it works, and then gradually add back the other parts of your page to see where the culprit lies.
brutyke
10-18-2008, 03:43 PM
Looks like you've cracked it !!

Thanks very much DDADMIN, I took out my stylesheet and it worked. I've just 190 lines of CSS to debug :)

Cheers
brutyke
11-06-2008, 08:50 AM
For anyone's information :

THe CSS that caused my problem was
overflow: auto;
ie. scrollbars in my main content column