[RESOLVED] Help with Loading new page in overlay

**keasbey** · 01-05-2010, 08:45 PM

I need to get this done ASAP for work. I need the function clicker to take in input from the link and open a new page inside a full overlay, which should work...

<head> <SCRIPT>

// This next function expands the display box which contains the Bio
function clicker(URL){
var thediv=document.getElementById('displaybox');
if(thediv.style.display == "none"){
thediv.style.display = "";
thediv.innerHTML = file_get_contents(URL);

}else{
thediv.style.display = "none";
thediv.innerHTML = '';
}
return false;
}

</SCRIPT><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">

<!-- For the Bio
#displaybox {
z-index: 10000;
filter: alpha(opacity=50); /*older IE*/
filter

rogid

XImageTransform.Microsoft.Alpha(opacity=50); /* IE */
-moz-opacity: .50; /*older Mozilla*/
-khtml-opacity: 0.5; /*older Safari*/
opacity: 0.5; /*supported by current Mozilla, Safari, and Opera*/
background-color:#9E0A0F;
position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}

</style></head>
<?

require("secure/page_header.php");
require("secure/display_troupe_list.php");
display_header('');

function person_details($fName, $lName)
{
$query="select * from singers_troupe where fName='$fName' AND lName='$lName'";
//echo $query;
$result=mysql_query($query);
$person=mysql_fetch_array($result);
echo "<span class=v20whiteb>";
echo $person['fName']." ";
echo $person['lName']."<br>";
echo "</span><span class=v16whiteb>";
echo $person['role']."<br><br>";
echo "</span><span class=v12white>";
echo "<img src='".$person['picPath']."'><br><br>";

echo $person['major']."<br>";
echo $person['hometown']."<br><br>";
echo "</span><span class=v10white>";
echo $person['bio']."<br>";
echo "</span>";
}

?>
<link media='all' href='secure/styles.css' type='text/css' rel=StyleSheet>
<div id="displaybox" style="display: none;"></div>
<table width="813" border="0">
<script>
function toggle(toggleId, e)
{
if (!e) {
e = window.event;
}
if (!document.getElementById) {
return false;
}
var body = document.getElementById(toggleId);
if (!body) {
return false;
}
var im = toggleId + "_toggle";
if (body.style.display == 'none') {
body.style.display = 'block';

} else {
body.style.display = 'none';

}
if (e) {
// Stop the event from propagating, which
// would cause the regular HREF link to
// be followed, ruining our hard work.
e.cancelBubble = true;
if (e.stopPropagation) {
e.stopPropagation();
}
}
}
</script>
<tr>
<td colspan="2"><p align="center"><a class='v14whiteb' href='#b1' onClick="toggle('1', event)">Singer/Dancers</span></a>
<a name='b1'></a><br></p><div id='1' style="display:none;">
<p><img src="gfx/troupe/group_photos/singers_head.png" alt="" name="Group" width="468" height="470" border="0" align="absmiddle" usemap="#m_singers_head" id="singers_head" />
<map name="m_singers_head" id="m_singers_head">
<area shape="poly" coords="394,363,365,392,365,439,393,463,436,465,462,436,464,391,435,363" href="#" onClick="window.location='return(clicker('http://www.wisconsinsingers.com/bios.php?fName=Taylor&lName=Shannon'))";/>

There's more to the page, but that should be enough to find the error...

**Fang** · 01-06-2010, 04:43 AM

Is file_get_contents the PHP function or a JavaScript function you have written?

**keasbey** · 01-06-2010, 10:37 AM

Basically I just copied code and tried to make it functional. I talked to my boss and we changed the layout so I don't need the overlay...

Long story short, I don't need it anymore. I did edit the code in attempts to make it run, I don't know if file_get_contents is built in or not...

Thread: [RESOLVED] Help with Loading new page in overlay

Thread Tools

Display

[RESOLVED] Help with Loading new page in overlay

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions