[Abraham Chaffin]

[Abraham Chaffin]

Nah, that was just for you Mark =)

Abraham

[Abraham Chaffin]

The CSS goes in the top page
The div goes in the top page
The Javascript goes in the IFrame
The link that executes the function goes in the IFrame

The link will execute the javascript which will target the top frame which will have the div and css.

Glad you’re finding the little tutorial useful 😉

Abraham

[Abraham Chaffin]

By the way – forgot to mention. The display box and css styles also need to reside in the top page. Otherwise it will not find it.

Abraham

[Abraham Chaffin]

What you are describing is very much possible. Thanks for the clarification.

The javascript you currently have should be something like this:

function clicker(){
	var thediv=document.getElementById('displaybox');
	if(thediv.style.display == "none"){

You need to change it to this:

function clicker(){
	var thediv=top.document.getElementById('displaybox');
	if(thediv.style.display == "none"){

The only thing that changed was “top.” was added. This causes the javascript to target the top frame. Try that out – I hope it works for you, if not let me know.

Abraham

[Abraham Chaffin]

Hey Simon,

The example page is at this URL:

https://library.creativecow.net/articles/chaffin_abraham/full-page-overlay/show.html

If you view the source there you should be able to see the code. The code is also in the main page of the tutorial. There’s further explanation of how to modify the window overlay contents at this post:

https://forums.creativecow.net/readpost/16/856255

I get the feeling however that there might be something else wrong with the implementing of the code in your page. Do you have a link to where you’re trying this out so I can take a look?

Abraham

[Abraham Chaffin]

Aharon,

It’s been great fun working with you, watching your tutorials and laughing at your awesome sense of humor. You’ll be missed by all around the COW. I know you’ll be around and I have the feeling you will be back again in the not so distant future.

All the best to your new endeavors and your growing family,

Abraham

[Abraham Chaffin]

In your account settings:
https://secure.creativecow.net/account/edit.php
near the bottom of the page…

Abraham

[Abraham Chaffin]

This code:

<object width="425" height="350"> <param name="movie" value="https://www.youtube.com/v/gGc9YJ6G2J8"&gt; </param> <embed src="https://www.youtube.com/v/gGc9YJ6G2J8&quot; type="application/x-shockwave-flash" width="425" height="350"> </embed> </object>

needs to be pasted into your HTML. If you paste it into your HTML code you should be able to view it when you load the HTML into a browser. I hate to say it but the only thing I can think you might be doing is pasting it in the wrong mode, other than that I’m not sure what could be the issue…

Abraham

[Abraham Chaffin]

I tried my own swf in multiple browsers and did not experience this problem. What is the browser you are using and what is the absolute path to your swf so I can check it for myself and see if I can isolate a solution for you.

Abraham