JavaScript - Need Help With Easyslider Lytebox Combo

Hello

I'm using the combo box selection menu by Elviro Mirko from this site (http://www.javascriptkit.com/script/...plecombo.shtml)

I have made amendments to show my own data, however what I would like to happen is if the user selects from the top combo only, then all the records would be shown, whereas selecting from the second combo merely 'drills down' and shows the records required. - Hope that makes sense.

The code is as follows:

Code:

// first combo box

	data_1 = new Option("Douglas - DIS", "$");
	data_2 = new Option("Douglas - COE", "$$");
	data_3 = new Option("Peel - DIS", "$$$");
	data_4 = new Option("Peel - COE", "$$$$");
	data_5 = new Option("Ramsey - DIS", "$$$$$");
	data_6 = new Option("Ramsey - COE", "$$$$$$");
	data_7 = new Option("Castletown - DIS", "$$$$$$$");
	data_8 = new Option("Castletown - COE", "$$$$$$$$");		
// second combo box

	data_1_1 = new Option("Registry Office Douglas", "-");
	data_1_2 = new Option("Broadway Baptist Church Douglas", "-");
	data_1_3 = new Option("Finch Hill Congregational Church Douglas", "-");
	data_2_1 = new Option("St Thomas's Church", "--");
	data_2_2 = new Option("St Barnabas Church", "--");
	data_2_3 = new Option("St George's Church", "--");

The HTML code is as follows:

Code:

<select name="combo0" id="combo_0" onChange="change(this);" style="width:200px;">	
			
			<option value="">Select a Register...</option>
			<option value="Douglas - DIS">Douglas - DIS</option>
			<option value="Douglas - COE">Douglas - COE</option>
			<option value="Peel - DIS">Peel - DIS</option>
			<option value="Peel - COE">Peel - COE</option>
			<option value="Ramsey - DIS">Ramsey - DIS</option>
			<option value="Ramsey - COE">Ramsey - COE</option>
			<option value="Castletown - DIS">Castletown - DIS</option>
			<option value="Castletown - COE">Castletown - COE</option>
			

			</select>
<BR><BR>
			<select name="combo1" id="combo_1" onChange="change(this)" style="width:200px;">
			<option value="">Select a venue...</option>
			
			</select>

the link for the actual site is

http://www.manxbmd.com/cgi-bin/db.cg...m;db=marriages

If you choose Douglas-COE and search, then 0 records are found, if you choose Douglas-COE followed by St Thomas's then still 0 records are found but if you search the surname Allitson you'll see that there is a record there.

I'm not sure where I've gone wrong - I'm completely new to Javascript.

Any suggestions welcomed.

regards

Pendle

Hi Everybody

This is probably a very commonly asked question, however after much searching online I can't seem to find a straightforward answer. If anyone knows the code or a link to a place with a simple example it would be great.

What I have got is a form that a user has to fill out and submit (when validated all variables are stored in a session and emailed after multiple forms are completed), currently I have radio buttons, text boxes and a combo box/ drop down list (for location). All parts are working fine and validating fine. My problem is to do with the combo box//ddl. I have successfully validated the ddl so the user must select a location onsubmit and it is added to session and passed fine.

At the moment the ddl only has cities or towns in it however as I would like to include different states and possibly different countries I need a code that validates the state first and then only gives the cities/towns that are in that state (otherwise my ddl would be to large). I can do this with links however I can't seem to do it in a form.

I am trying to do it this way

DDL has list of all states that on mouseover/ onclick the list is revealed. onclick of a specific state populates another ddl with only the cities cities/ towns that are in that state and onclick of specific city selects the location whereby onsubmit the location is stored in the the session for submission by email

Thanks in advance for your help

I still have the following two major issues. 1) Firstly I need to be able to send the selection from the second combo box by php. 2) secondly I need the combo box to appear within the table. (I thought this should be easy, but for the life of me cannot figure out how to get the dynamic combo into my table inside the form)

I have managed to send the selection from the first combo box with the form and also I can send a selection from the second combo, however onsubmit regardless of what is selected in the second combo box it simply sends the last option not the one selected. I have spent many hours trying to figure out why this is the case to no avail.

I have included my code for anyone who may be able to help. Lastly when I have figured out these 2 (with a little help) I should be able to sort out the validation by myself. Please ignore any code that is not relevant

<html>
<head>

<script type="text/javascript">

var this1;

window.onload = function() {
if (!document.all) document.captureEvents(Event.CHANGE);
document.getElementById('myddl').onchange = readDDL1; }

function readDDL1() {
var ddlobj = document.getElementById('myddl');
var currentSelection = ddlobj.options[ddlobj.options.selectedIndex].value;
if (currentSelection == '') currentSelection = ddlobj.options[ddlobj.options.selectedIndex].text;
doDDL2(currentSelection);
}

function doDDL2(ddl1Selection) {

var existingDDL2;
if ((existingDDL2 = document.getElementById('myddl2')) != null) existingDDL2.parentNode.removeChild(existingDDL2);

var ddl2Options;
switch (ddl1Selection) {
case "Western Australia":
ddl2Options = ["Please Select A Location", "Karratha", "Perth"]; break;
case "Queensland":
ddl2Options = ["Please Select A Location", "Brisbane", "Gold Coast"]; break;
}

if (typeof ddl2Options == "object") {
ddl2 = document.createElement('select');

ddl2.id = "myddl2";
var forVar;
for (forVar in ddl2Options) {
var newOption = document.createElement('option');
newOption.appendChild(document.createTextNode(ddl2Options[forVar]));
ddl2.appendChild(newOption);


}
document.body.appendChild(ddl2);

}

document.testform.this1.value = ((ddl2Options[forVar]));

}



function checkFrequency() {
return ShowResults();

}


function validate(){
var digits="0123456789"
var temp

if (document.testform.location.selectedIndex == 0) {
alert("Please Select a State");
return false
}

if (document.testform.location2.selectedIndex == 0) {
alert("Please Select a Location");
return false
}

return true
}




</script>

<style type="text/css">
.td_freq { background-color:yellow;
height:40px;
text-align:center;
}
.td_sev { background-colorink;
height:40px;
text-align:center;
}
.td_wi { background-color:lightgreen;
height:40px;
text-align:center;
}
</style>

</head>
<body>

<FORM name="testform" action='./emlapd.php' method='post' onsubmit="return checkFrequency()">

<input type='hidden' name='this1'>

<table align="center" border="1" width="40%">

<tr><td><b>Current Worksite State:</b><font color="red">*</font></td>
<td>
<select name="location" width='53' id="myddl">
<option value="0">--- Please Select Your State --- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option value="Western Australia">Western Australia</option>
<option value="Queensland">Queensland</option>

</select>

</td></tr>
<tr><td><b>Location:</b><font color="red">*</font></td>
<td>

</td></tr>

</table>


<tr>
<th colspan="2">
<input type="submit" name='submit' value="Submit" onclick= "return validate()">
</th>
<td colspan="10">&nbsp;</td>
<th>
<input type='reset' name='reset' value='Clear Form'>
</th>
</tr>
</table>

</FORM>
</body>
</html>


Thankyou very much to everyone that may help


So I can place the DDL inside the form, however it places it at the end of the form. I want it somewhere in the middle (immediately following first combo box)

My other main issue is irregardless of the selection it simply posts the last option from the DDL not the one selected. Therefore I still want the second combo box to appear immediately below the first combo box and whatever option is selected from the second combo box I want to be posted with the rest of the form data.

If you have any other ideas that would be great

Obviously the reason I am still getting the same incorrect post is because the variable posted is still this1 from my code which reads the last value from the DDL. I have tried with all other variables to send as well ie ddl2 however still can't seem to send the selection.

So in its current state how can I send the selection and place the second DDL within the form??


Thank you

Hi all
hope i can get a response - would like to be able to make my thumbnails link to the correct image inside easyslider so when the link is clicked the images jumps to the correct slide

please look at the website to get what i mean - at the moment all links just go to the first slide, any help would be really appreciated

www.seunshotephotography.com have no clue how to do this and getting really frustrated

hello
coding forums friends please help me
i got stuck in sliding a slider that from easyslider.
everything is ok when i individually browse from folder see here http://www.sajeebgroup.com/robin/easyslider/slider.php

but when i tried to include in a divition in index.php page it do not slide but only one image is show see here right side news update div link is http://www.sajeebgroup.com/

what problem please help me i really going to frustrated to solve this.
here is my index.php code with include of easy slide.

index.php
PHP Code:
<?php

    include 'news/common/connection.php';

?>

<html>

<head>
<title>Welcome to Sajeeb Group</title>
<style>
        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 150%;
            background-color: #000000;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 55%;
            left: 23%;
            width: 50%;
            height: 50%;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
    </style>
    <script type="text/javascript" src="swfobject.js"></script> 

    <script type="text/javascript" src="swfobject.js"></script> 

     <style type="text/css">

        #ticker-container {

        position:relative;

        overflow:hidden;

        width: 170px;

        height: 200px;

        padding-top:10px;   

        color:#000000;

        margin-top:8px;


        }

    

    #ticker {

        position:relative;

        width:150px;

    }


        </style>



                <script language="JavaScript">

                function openit(link)

{

    var url="./news/newsinfo.php?id="+link;

    window.open(url,"mywindow","resizable=0,scrollbars=1,height=400,width=400");

}



        //scroller width

        var swidth=170;



        //scroller height

        var sheight=205;



        //background color

        var sbcolor='#ccffff';



        //scroller's speed

        var sspeed=3;



        var msg=''        

<?php

    $str="SELECT * from newsscroll ORDER BY news_id desc";

    $res=mysql_query($str) or die("Error in selecting.....");





    while($dataNews=mysql_fetch_row($res))

    {

             

    do{

        echo "msg+=\"<ul><li><a href=# onclick=openit(\'".$dataNews[0]."\')><font size=2>".$dataNews[1]."</font></a></li><br></ul>\";";

    }while($dataNews=mysql_fetch_row($res));



    }



?>



        //End of your messages

        // Begin the ticker code



        var resumesspeed=sspeed

        function start() {

                if (document.all) iemarquee(ticker);

                else if (document.getElementById)

                        ns6marquee(document.getElementById('ticker'));

        }

        

        function iemarquee(whichdiv){

                iediv=eval(whichdiv)

                sheight += 50;

                iediv.style.pixelTop=sheight

                iediv.innerHTML=msg 

                sizeup=iediv.offsetHeight

                ieslide()

        }

        

        function ieslide(){

                if (iediv.style.pixelTop>=sizeup*(-1)){

                        iediv.style.pixelTop-=sspeed

                        setTimeout("ieslide()",100)

                }

                else{

                        iediv.style.pixelTop=sheight

                        ieslide()

                }

        }

        

        function ns6marquee(whichdiv){

                ns6div=eval(whichdiv)

                sheight += 50;

                ns6div.style.top=sheight + "px";

                ns6div.innerHTML=msg

                sizeup=ns6div.offsetHeight

                ns6slide()

        }

        function ns6slide(){

                if (parseInt(ns6div.style.top)>=sizeup*(-1)){

                        theTop = parseInt(ns6div.style.top)-sspeed

                        ns6div.style.top = theTop + "px";

                        setTimeout("ns6slide()",100)

                }

                else {

                        ns6div.style.top = sheight + "px";

                        ns6slide()

                }

        }


        </script>

<script type="text/javascript" src="swfobject.js"></script> 

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}



function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}



function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}



function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

<style type="text/css">
<!--
.gallery {                zoom:1;
                width:520px;            
}
-->
</style>

        <script type="text/javascript">var LightBoxOpt={autoPlay:false}</script>
        <link rel="stylesheet" href="engine/css/lightbox.css" type="text/css" media="screen" />
        <script src="engine/js/prototype.js" type="text/javascript"></script>
        <script src="engine/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
        <script src="engine/js/lightbox.js" type="text/javascript"></script>

        <style>
            .gallery {
                zoom:1;
                width:700px;                
            }
            .gallery a {
                display: block ;
                float:center;
                margin:5px;
                padding:5px;
                height: 150px;
                border:solid 1px #b8b8b8;
                background-color:#FFFFFF;
                opacity:0.87;
                alignment: center;
        
            }
            .gallery a:hover {
                opacity:1;
            }
            .gallery a img {
                border:none;
                display:block;
            }
            .gallery a#vlightbox{display:none}
        .gallery1 {                zoom:1;
                width:520px;                
}
        .gallery2 {                zoom:1;
                width:520px;                
}
        .gallery3 {                zoom:1;
                width:520px;                
}
        .gallery4 {                zoom:1;
                width:520px;                
}
        .gallery5 {                zoom:1;
                width:520px;                
}
        .gallery6 {                zoom:1;
                width:520px;                
}
        .gallery7 {                zoom:1;
                width:520px;                
}
        .gallery8 {                zoom:1;
                width:520px;                
}
        .gallery9 {                zoom:1;
                width:520px;                
}
        .gallery10 {                zoom:1;
                width:520px;
                text-align:center;                
}
        .style1 {font-family: Arial, Helvetica, sans-serif}
.style3 {font-size: 12px}
        .gallery11 {                zoom:1;
                width:520px;                
}
        .gallery12 {                zoom:1;
                width:520px;                
}
        .gallery13 {                zoom:1;
                width:520px;                
}
        .gallery14 {                zoom:1;
                width:520px;                
}
        .gallery15 {zoom:1;
                width:520px;            
}
.gallery15 {                zoom:1;
                width:700px;                
}
.gallery111 {zoom:1;

}
.gallery121 {zoom:1;

}
.gallery131 {zoom:1;
                
}
        .gallery1111 {zoom:1;
                
}
        .gallery1311 {zoom:1;
}
        .gallery13111 {zoom:1;
}
#link_style { text-decoration:none; color:#000000;}
        </style>     

</head>



<body background="images/wr_body.gif" 'images/btn%20import%20over.gif','images/btn%20contact%20over.gif','images/btn%20home%20over.gif','images/btn%20link4%20over.gif')">



<div align="center">

    <table cellpadding="0" cellspacing="0" width="775" height="107">

        <!-- MSTableType="layout" -->

        <tr>

            <td valign="top" width="258">

            <img border="0" src="images/head logo.gif" width="258" height="107"></td>

            <td valign="top" height="107" width="517">

            <img border="0" src="images/head right.gif" width="517" height="107"></td>

        </tr>

    </table>

</div>

<div align="center">

    <table cellpadding="0" cellspacing="0" width="775" height="798">

        <!-- MSTableType="layout" -->

        <tr>

            <td width="775" height="798" valign="top">

    <div id="FlashMenuLabs">

        You need to upgrade your Flash Player or to allow javascript to enable Website menu.</br>

        <a href="http://www.adobe.com/go/getflashplayer">Get Flash Player</a>            

    </div>

    <script type="text/javascript">

    // <![CDATA[

        var so = new SWFObject("menu.swf", "menu", "774", "35", "8", "#000000");

        so.addParam("wmode", "transparent");

        so.addParam("scale", "noscale");

        so.addParam("salign", "TL");    

        so.write("FlashMenuLabs");

    // ]]>

    </script>

    <table cellpadding="0" cellspacing="0" width="775" height="223">

        <!-- MSTableType="layout" -->

        <tr>

            <td width="775" height="223" valign="top">

            <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="774" height="223">

                <param name="movie" value="body anim.swf">

                <param name="quality" value="High">

                <embed src="body%20anim.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="774" height="223"></object>

            </td>

        </tr>

    </table>

    <table cellpadding="0" cellspacing="0" width="775" height="232" id="table1">

        <!-- MSTableType="layout" -->

        <tr>

            <td valign="bottom" background="images/welcome%20bg.gif">

            <div align="right">

<table cellpadding="0" cellspacing="0" width="370" height="180">

    <!-- MSTableType="layout" -->

    <tr>

        <td background="images/welcome%20text%20bg.gif" height="180" width="370">

        <div align="center">

&nbsp;<table cellpadding="0" cellspacing="0" width="346" height="159">

                <!-- MSTableType="layout" -->

                <tr>

                    <td width="346" height="159" valign="top" style="text-align:justify;">

                    

                    <font face="Verdana" size="2" color="#203E59">

                    </font></td>

                </tr>

            </table>

        </div>

        </td>

    </tr>

</table>

            </div>

            </td>

            <td></td>

            <td valign="top" height="230" background="images/news%20bg.gif">



        <body onload="start();">



        <div id="ticker-container" onmouseover="sspeed=0;" onmouseout="sspeed=resumesspeed">

[COLOR="Red"]here i want to include slide
        <div id="ticker"> 
        <?php 
        include("robin/easyslider/slider.php");
        ?>
        </div>

        </div>[/COLOR]


</div>

        </div>



        </td>

        </tr>

        <tr>

            <td width="563"></td>

            <td width="3"></td>

            <td height="2" width="209"></td>

        </tr>

    </table>

</div>

<div align="center">

    <table cellpadding="0" cellspacing="0" width="775" height="230" id="table2">

        <!-- MSTableType="layout" -->

        <tr>

            <td valign="top" background="images/divisions-bg.gif" rowspan="2" width="563">

            <div align="center">

                <table cellpadding="0" cellspacing="0" width="549" height="169" style="text-align:left;">

                    <!-- MSTableType="layout" -->

                    <tr >

                        <td valign="top" height="32" colspan="2">

                        <p style="margin-left: 10px; margin-top: 10px"><b>

                        <font size="2" face="Verdana" color="#203E59">Group 

                        Capability</font></b></td>

                    </tr>

                    <tr>

                        <td height="137" width="279" valign="top">

                        <ul>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 3px">

<font face="Verdana" size="2" color="#203E59">

                <span class="gallery1111"><a href="homepage/sajeeb-group.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Sajeeb Corporation</a></span></font>
            
                            
                            
                            </li>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 3px">

<font face="Verdana" size="2" color="#203E59">

                 <span class="gallery1111"><a href="homepage/sajib-agro.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;" >Sajeeb Agro Limited</a></span></font>
    

</li>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 3px">

                            <font face="Verdana" size="2" color="#203E59">

                            <a href="http://www.ststelecomltd.com/" style="text-decoration: none">

                            <font color="#203E59">STS Telecom Limited</font></a></font></li>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 3px">

                            <font face="Verdana" size="2" color="#203E59">
                            <span class="gallery1111"><a href="homepage/hashem-auto.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Hashem Auto Rice Mill</a></span></font></li>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 3px">

                            <font face="Verdana" size="2" color="#203E59">

                            <span class="gallery1111"><a href="homepage/chittagong-enamel.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Chittagong Enamel &amp; Aluminium Works Ltd.</a></span></font></li>
                            
                            <li>

                            <p style="margin-top: 6px; margin-bottom: 3px">

                            <font face="Verdana" size="2" color="#203E59">

                            <span class="gallery1111"><a href="homepage/sajeeb-industries.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Sajeeb Industrial Corporation</a></span></font></li>

                        </ul>

                        </td>

                        <td height="137" width="270" valign="top">

                        <ul>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 2px">

                            <font size="2" face="Verdana" color="#203E59">
                            <span class="gallery1111"><a href="homepage/Hasem-foods.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Hashem Foods Limited</a></span></font></li>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 2px">

                            <font size="2" face="Verdana" color="#203E59">
                            <span class="gallery1111"><a href="homepage/sajib-home.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Sajeeb Homes Limited</a></span></font></li>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 2px">

                            <font size="2" face="Verdana" color="#203E59">

                            <span class="gallery1111"><a href="homepage/mermaid.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Mermaid Sweater  Ltd.</a></span></font></li>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 2px">

                            <font size="2" face="Verdana" color="#203E59">

                            <a href="http://www.takaful.com.bd/" style="text-decoration: none">

                            <font color="#203E59">Takaful Islami Insurance 

                            Limited </font></a></font></li>

                            <li>

                            <p style="margin-top: 6px; margin-bottom: 2px">

                            <font size="2" face="Verdana" color="#203E59"><a href="http://www.ststelecomltd.com/" style="text-decoration: none" target="_self"><font color="#203E59">STS 

                            Telecommunications (M) Sdn Bhd</font></a></font></li>
                            
                            <li>

                            <p style="margin-top: 6px; margin-bottom: 2px">

                            <font size="2" face="Verdana" color="#203E59"><a href="http://www.ststelecomltd.com/" style="text-decoration: none" target="_self"><font color="#203E59">

                            Meghna Insurance Company Ltd.
</font></a></font></li>

                        </ul>

                        </td>

                    </tr>

                </table>

            </div>

            </td>

            <td></td>

            <td valign="middle" height="115" background="images/message%20bg.gif">

            <div align="right">

                <table cellpadding="0" cellspacing="0" width="180" height="99">

                    <!-- MSTableType="layout" -->

                    <tr>


                        <td width="180" height="99" valign="middle">
                        <p align="justify" style="margin-left: 5px; margin-right: 8px">
                        <font size="1" face="Verdana" color="#203E59">Welcome 
                        you all in the world of �Sajeeb group of Companies� to 
                        get the taste of modernization and continuous 
                        improvement in the business arena of Bangladesh. (<a href="message.php"><font color="#224562">Read 
                        More&gt;&gt;</font></a>)</font></td>

                    </tr>

                </table>

            </div>

    </td>

        </tr>

        <tr>

            <td width="3">

            <p style="margin-top: 2px; margin-bottom: 2px"></td>

            <td valign="bottom" height="115" background="images/webmail%20bg.gif" width="209">

            <div align="right">

                <table cellpadding="0" cellspacing="0" width="180" height="100">

                    <!-- MSTableType="layout" -->

                    <tr>

                        <td width="180" height="100" valign="middle">

                        <form method="POST" action="http://sajeebgroup.com:2096/login/" style="text-align:right; padding-right:4px;">

                            <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->

                            <p style="margin-left: 5px; margin-right: 3px; margin-top: 2px; margin-bottom: 2px">

                            <b><font face="Verdana" size="1" color="#203E59">

                            Email :&nbsp;&nbsp;&nbsp;&nbsp; </font></b>

                            <font color="#203E59">

                            <input name="user" type="text" id="user" size="12">
                            </font></p>

                            <p style="margin-left: 5px; margin-right: 3px; margin-top: 2px; margin-bottom: 2px">

                            <b><font face="Verdana" size="1">

                            <font color="#203E59">Password:</font> </font></b>

                            <input name="pass" type="password" id="pass" size="12">
                            <input type="submit" value="Login" name="B1" style="margin-top:2px;">
                            </p>

                        </form>

    </td>

                    </tr>

                </table>

            </div>

            </td>

        </tr>

    </table>

</div>

    <table cellpadding="0" cellspacing="0" width="775" height="90">

        <!-- MSTableType="layout" -->

        <tr>

    <td width="775" height="90" valign="middle">

    <table cellpadding="0" cellspacing="0" width="775" height="79">

        <!-- MSTableType="layout" -->

        <tr>

            <td background="images/bottom%20bg%20home.gif" valign="bottom" height="79" width="775">

            <table cel

I'm working on a website for a freelance writer. I've used a lytebox mod to open a modal dialogue box that shows a scan of each magazine article. The code allows for an "info" button at the bottom of the window, which when clicked calls a page info.php, and populates that page with text from an [info] variable on the main page.

My question is this. I'd like to use the "info" button to call entire articles in text format from a separate php page. I don't want to insert these long articles into the main page. Is there an easy way to do this in the code?

The info.php page code follows:

<div class="info"><?php
if (isset($_GET['info'])){
$text = $_GET['info'];
$text = str_replace('<br/>',"\n",$text);
} else {
$text = 'This page is showing text from GET "info" variable';
}
echo $text;
?></div>

The entire info.php page is he
http://www.mimiread.com/info.php

The main lytebox.js page that I'm using is he
http://www.mimiread.com/lytebox.js


The code line that calls this from the main page:
<a href="images/ttlnob-cover.jpg" rel="lytebox[essays-ttlnob]" rev="[info]ttlnob.html[/info]" title=""><img src="images/essays-ttlnob.jpg" border="0" alt="house beautiful, the trying to leave new orleans blues" /></a>


Any help would be appreciated.