Full Page Overlay – FAO Abraham

[Abraham Chaffin]

You would use the javascript function like this:

function clicker(){
	var thediv=document.getElementById('displaybox');
	if(thediv.style.display == "none"){
		thediv.style.display = "";
		thediv.innerHTML = file_get_contents("https://www.creativecow.net/404.html");
	}else{
		thediv.style.display = "none";
		thediv.innerHTML = '';
	}
	return false;
}

The changed line is the line:

thediv.innerHTML = file_get_contents(“https://www.creativecow.net/404.html”);

Abraham

[Don Noray]

Hi Abraham, first I would like to thank you for the tutorial. I am creating a site for the church I attend and I tried the overlay of a flash video but I can see the images behind the flash. I set the wmode to opaque but to no avail. Can you check it out for me please?
https://dnoray.com/test.html
This is the direct link to the swf file https://dnoray.com/fla/message1.swf

[Abraham Chaffin]

Remove the wmode parameter all together. the wmode=opaque is causing it to pick up transparency. Just remove the wmode parameter.

Abraham

[Don Noray]

Hi Abraham,
Thanks for the response but I removed the wmode and it is still transparent on the mac platform but is fine on pc. Is there any workaround to this?
https://dnoray.com/test.html

[Jason D’andrade]

I would like to use the overlay and have a full html page load in the center of the overlay. The file_get is not working for me. Is there another way to do it without PHP or Ajax? Your insight would be greatly appreciated.

Open Window

[Steve Mara]

Hello Abraham,

Your Full Page Overlay code is what I have been looking for, its perfect! Can you help me call the function from within a flash file.

I am trying this:

on (release){

getURL("javascript:'return clicker();'");
}

and the new page just says return clicker on it, the div doesn’t get activated.

Many thanks,
Steve

[Abraham Chaffin]

Try this:


on (release){
getURL("javascript:clicker()");
}


Abraham

[Steve Mara]

Sweetnesss!!!

Thanks!

[Daniel Lahey]

I am unable to create a popup form that doesn’t inherit the opacity of the ‘displaybox’ div. In other words, the form and all of its elements inherit the 50% opacity of the ‘displaybox’ div. I’ve tried setting the opacity of a div in the innerHTML to 1.0 (I’m on Firefox 3.x), setting the opacity of the elements, setting the z-index higher than that of the ‘displaybox’ div, etc. Help, please!

Cleverness is serviceable for everything, sufficient for nothing ~ Henri-Frederick Amiel

[Daniel Lahey]

I forgot to mention that I am on Mac OX 10.5.6 (Intel Mac).