www.webdeveloper.com
Results 1 to 3 of 3

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

  1. #1
    Join Date
    Jan 2010
    Posts
    2

    resolved [RESOLVED] Help with Loading new page in overlay

    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">
    <!--
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    }
    a:active {
    text-decoration: none;
    }
    -->
    <!-- For the Bio
    #displaybox {
    z-index: 10000;
    filter: alpha(opacity=50); /*older IE*/
    filterrogidXImageTransform.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&amp;lName=Shannon'))";/>


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

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Is file_get_contents the PHP function or a JavaScript function you have written?

  3. #3
    Join Date
    Jan 2010
    Posts
    2
    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles