jahmekyat
asked on
Javascript and MySQL
Hi,
I have built an image map of the United States for our company to use so users can search for projects by State. Right now I have the JavaScript set up so if you hover over a particular state, it displays the state name. What I want to do is to search our MySQL database and grab the number of jobs for each state so when the user hovers over the state, besides the name of the state, it will say something like "5 Jobs Found in Nebraska", and so on.
I know how to write the SQL to get the data from the database, but I am not sure what to do after that as far as adding it to the JavaScript events that I have already written. I have included the code for the image map and the JavaScript events that handle it.
If someone could give me some insight on how to do this, it would be greatly appreciated. Let me know if anymore info is needed.
Thanks,
T Bryan
Here is what I have so far:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Medefis Search By State</title>
<script type="text/javascript" src="/js/overlib.js"></scr
</head>
<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div align="center">
<img src="/images/usa_jobs.jpg"
</div>
<div>
<map id="usa_jobs" name="usa_jobs">
<area shape="poly" alt="" coords="81,40,80,45,79,50,
<area shape="poly" alt="" coords="81,60,75,69,73,71,
<area shape="poly" alt="" coords="42,104,41,107,40,1
<area shape="poly" alt="" coords="87,123,86,128,85,1
<area shape="poly" alt="" coords="101,70,102,73,106,
<area shape="poly" alt="" coords="176,50,175,59,173,
<area shape="poly" alt="" coords="171,83,171,95,169,
<area shape="poly" alt="" coords="227,58,228,72,208,
<area shape="poly" alt="" coords="230,89,230,95,229,
<area shape="poly" alt="" coords="234,122,236,131,23
<area shape="poly" alt="" coords="127,133,126,138,12
<area shape="poly" alt="" coords="184,141,183,148,18
<area shape="poly" alt="" coords="121,182,120,187,11
<area shape="poly" alt="" coords="172,180,172,187,17
<area shape="poly" alt="" coords="244,146,245,152,24
<area shape="poly" alt="" coords="246,182,247,188,24
<area shape="poly" alt="" coords="253,227,256,234,25
<area shape="poly" alt="" coords="260,66,261,69,258,
<area shape="poly" alt="" coords="279,114,279,119,27
<area shape="poly" alt="" coords="296,86,301,80,297,
<area shape="poly" alt="" coords="302,128,302,131,30
<area shape="poly" alt="" coords="289,173,288,179,28
<area shape="poly" alt="" coords="281,193,279,197,27
<area shape="poly" alt="" coords="290,233,290,238,28
<area shape="poly" alt="" coords="323,66,310,69,306,
<area shape="poly" alt="" coords="334,87,338,92,338,
<area shape="poly" alt="" coords="325,127,325,130,32
<area shape="poly" alt="" coords="358,131,355,133,35
<area shape="poly" alt="" coords="376,245,379,248,38
<area shape="poly" alt="" coords="302,214,302,217,30
<area shape="poly" alt="" coords="334,213,333,216,33
<area shape="poly" alt="" coords="367,210,369,214,36
<area shape="poly" alt="" coords="387,189,383,194,38
<area shape="poly" alt="" coords="400,177,397,179,39
<area shape="poly" alt="" coords="351,170,342,176,33
<area shape="poly" alt="" coords="351,156,348,160,34
<area shape="poly" alt="" coords="399,152,402,153,40
<area shape="poly" alt="" coords="378,132,376,135,37
<area shape="poly" alt="" coords="402,120,398,122,39
<area shape="poly" alt="" coords="409,85,410,89,410,
<area shape="poly" alt="" coords="395,141,390,140,38
<area shape="poly" alt="" coords="412,118,411,115,41
<area shape="poly" alt="" coords="446,49,449,50,450,
<area shape="poly" alt="" coords="426,75,426,74,427,
<area shape="poly" alt="" coords="417,60,414,60,417,
<area shape="poly" alt="" coords="436,93,432,94,427,
<area shape="poly" alt="" coords="419,101,412,104,42
<area shape="poly" alt="" coords="425,94,425,93,425,
<area shape="poly" alt="" coords="409,106,411,105,41
<area shape="poly" alt="" coords="405,131,403,129,40
<area shape="poly" alt="" coords="134,325,130,319,12
<area shape="poly" alt="" coords="327,311,313,303,29
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
</body>
</html>
I have built an image map of the United States for our company to use so users can search for projects by State. Right now I have the JavaScript set up so if you hover over a particular state, it displays the state name. What I want to do is to search our MySQL database and grab the number of jobs for each state so when the user hovers over the state, besides the name of the state, it will say something like "5 Jobs Found in Nebraska", and so on.
I know how to write the SQL to get the data from the database, but I am not sure what to do after that as far as adding it to the JavaScript events that I have already written. I have included the code for the image map and the JavaScript events that handle it.
If someone could give me some insight on how to do this, it would be greatly appreciated. Let me know if anymore info is needed.
Thanks,
T Bryan
Here is what I have so far:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Medefis Search By State</title>
<script type="text/javascript" src="/js/overlib.js"></scr
</head>
<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div align="center">
<img src="/images/usa_jobs.jpg"
</div>
<div>
<map id="usa_jobs" name="usa_jobs">
<area shape="poly" alt="" coords="81,40,80,45,79,50,
<area shape="poly" alt="" coords="81,60,75,69,73,71,
<area shape="poly" alt="" coords="42,104,41,107,40,1
<area shape="poly" alt="" coords="87,123,86,128,85,1
<area shape="poly" alt="" coords="101,70,102,73,106,
<area shape="poly" alt="" coords="176,50,175,59,173,
<area shape="poly" alt="" coords="171,83,171,95,169,
<area shape="poly" alt="" coords="227,58,228,72,208,
<area shape="poly" alt="" coords="230,89,230,95,229,
<area shape="poly" alt="" coords="234,122,236,131,23
<area shape="poly" alt="" coords="127,133,126,138,12
<area shape="poly" alt="" coords="184,141,183,148,18
<area shape="poly" alt="" coords="121,182,120,187,11
<area shape="poly" alt="" coords="172,180,172,187,17
<area shape="poly" alt="" coords="244,146,245,152,24
<area shape="poly" alt="" coords="246,182,247,188,24
<area shape="poly" alt="" coords="253,227,256,234,25
<area shape="poly" alt="" coords="260,66,261,69,258,
<area shape="poly" alt="" coords="279,114,279,119,27
<area shape="poly" alt="" coords="296,86,301,80,297,
<area shape="poly" alt="" coords="302,128,302,131,30
<area shape="poly" alt="" coords="289,173,288,179,28
<area shape="poly" alt="" coords="281,193,279,197,27
<area shape="poly" alt="" coords="290,233,290,238,28
<area shape="poly" alt="" coords="323,66,310,69,306,
<area shape="poly" alt="" coords="334,87,338,92,338,
<area shape="poly" alt="" coords="325,127,325,130,32
<area shape="poly" alt="" coords="358,131,355,133,35
<area shape="poly" alt="" coords="376,245,379,248,38
<area shape="poly" alt="" coords="302,214,302,217,30
<area shape="poly" alt="" coords="334,213,333,216,33
<area shape="poly" alt="" coords="367,210,369,214,36
<area shape="poly" alt="" coords="387,189,383,194,38
<area shape="poly" alt="" coords="400,177,397,179,39
<area shape="poly" alt="" coords="351,170,342,176,33
<area shape="poly" alt="" coords="351,156,348,160,34
<area shape="poly" alt="" coords="399,152,402,153,40
<area shape="poly" alt="" coords="378,132,376,135,37
<area shape="poly" alt="" coords="402,120,398,122,39
<area shape="poly" alt="" coords="409,85,410,89,410,
<area shape="poly" alt="" coords="395,141,390,140,38
<area shape="poly" alt="" coords="412,118,411,115,41
<area shape="poly" alt="" coords="446,49,449,50,450,
<area shape="poly" alt="" coords="426,75,426,74,427,
<area shape="poly" alt="" coords="417,60,414,60,417,
<area shape="poly" alt="" coords="436,93,432,94,427,
<area shape="poly" alt="" coords="419,101,412,104,42
<area shape="poly" alt="" coords="425,94,425,93,425,
<area shape="poly" alt="" coords="409,106,411,105,41
<area shape="poly" alt="" coords="405,131,403,129,40
<area shape="poly" alt="" coords="134,325,130,319,12
<area shape="poly" alt="" coords="327,311,313,303,29
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi apparition,
I am trying to add what you have given me into my code and there is one problem. I am coding in CGI, Perl, and not PHP.
Is there anyway that you could modify what you have given me for CGI?
That would help me out greatly. I have my SQL ready to go as far as putting the data into an array.
Thanks for your help,
T Bryan
I am trying to add what you have given me into my code and there is one problem. I am coding in CGI, Perl, and not PHP.
Is there anyway that you could modify what you have given me for CGI?
That would help me out greatly. I have my SQL ready to go as far as putting the data into an array.
Thanks for your help,
T Bryan
/usr/local/bin/perl
use CGI;
use DBI;
$query = new CGI;
use CGI::Carp qw(fatalsToBrowser);
print "Content-type: text/html\n\n";
#Print Top HTML
print << EOF
<HTML>
<HEAD>
<script>
var jobs_in_states = new Array()
EOF
$dbh = DBI->connect("dbi:mysql:my
or die("Couldn't connect");
$query->import_names('R');
$sth = $dbh->prepare("ENTER YOU QUERY HERE")
or die("Couldn't prepare");
$sth->execute($R::place);
if($sth->rows == 0)
{
print "No information for " . $R::place;
}
else
{
while( $resptr = $sth->fetchrow_hashref() )
{
print "jobs_in_states[\"" . $resptr->{"StateName"}. "\"] = \"" . $resptr->{"jobs"} . "\"";
}
}
#Print rest of the HTML
print << EOF2
function overlib(state) {
var Jobs = jobs_in_states[state]
//put code to display number of jobs
}
</script>
...Rest of your HTML goes here
EOF2
$dbh->disconnect;
use CGI;
use DBI;
$query = new CGI;
use CGI::Carp qw(fatalsToBrowser);
print "Content-type: text/html\n\n";
#Print Top HTML
print << EOF
<HTML>
<HEAD>
<script>
var jobs_in_states = new Array()
EOF
$dbh = DBI->connect("dbi:mysql:my
or die("Couldn't connect");
$query->import_names('R');
$sth = $dbh->prepare("ENTER YOU QUERY HERE")
or die("Couldn't prepare");
$sth->execute($R::place);
if($sth->rows == 0)
{
print "No information for " . $R::place;
}
else
{
while( $resptr = $sth->fetchrow_hashref() )
{
print "jobs_in_states[\"" . $resptr->{"StateName"}. "\"] = \"" . $resptr->{"jobs"} . "\"";
}
}
#Print rest of the HTML
print << EOF2
function overlib(state) {
var Jobs = jobs_in_states[state]
//put code to display number of jobs
}
</script>
...Rest of your HTML goes here
EOF2
$dbh->disconnect;
ASKER
Hi apparition,
Thanks for getting back to me so quickly. My site already has the connection set up for the DB for all the scripts.
So I should be able to just execute my SQl.
Can you look at this and let me know how it looks? This is my subroutine for the job display html. Does this look alright? This is where I am at:
sub sform {
print << EOF
<HTML>
<HEAD>
<script>
var jobs_in_states = new Array()
EOF
$sth = $db->d_value("SELECT count(*), hosp_state FROM Projects GROUP BY hosp_state");
if($sth->rows == 0)
{
print "No information for " . $R::place;
}
else
{
while( $resptr = $sth->fetchrow_hashref() )
{
print "jobs_in_states[\"" . $resptr->{"StateName"}. "\"] = \"" . $resptr->{"jobs"} . "\"";
}
}
#Print rest of the HTML
print << EOF2
function overlib(state) {
var Jobs = jobs_in_states[state]
//put code to display number of jobs
}
</script>
...Rest of your HTML goes here
EOF2
$dbh->disconnect;
$sform = qq[
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Medefis Search By State</title>
<script type="text/javascript" src="/js/overlib.js"></scr
</head>
<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div align="center">
<img src="/images/usa_jobs.jpg"
</div>
<div>
<map id="usa_jobs" name="usa_jobs">
<area shape="poly" alt="" coords="81,40,80,45,79,50,
<area shape="poly" alt="" coords="81,60,75,69,73,71,
<area shape="poly" alt="" coords="42,104,41,107,40,1
<area shape="poly" alt="" coords="87,123,86,128,85,1
<area shape="poly" alt="" coords="101,70,102,73,106,
<area shape="poly" alt="" coords="176,50,175,59,173,
<area shape="poly" alt="" coords="171,83,171,95,169,
<area shape="poly" alt="" coords="227,58,228,72,208,
<area shape="poly" alt="" coords="230,89,230,95,229,
<area shape="poly" alt="" coords="234,122,236,131,23
<area shape="poly" alt="" coords="127,133,126,138,12
<area shape="poly" alt="" coords="184,141,183,148,18
<area shape="poly" alt="" coords="121,182,120,187,11
<area shape="poly" alt="" coords="172,180,172,187,17
<area shape="poly" alt="" coords="244,146,245,152,24
<area shape="poly" alt="" coords="246,182,247,188,24
<area shape="poly" alt="" coords="253,227,256,234,25
<area shape="poly" alt="" coords="260,66,261,69,258,
<area shape="poly" alt="" coords="279,114,279,119,27
<area shape="poly" alt="" coords="296,86,301,80,297,
<area shape="poly" alt="" coords="302,128,302,131,30
<area shape="poly" alt="" coords="289,173,288,179,28
<area shape="poly" alt="" coords="281,193,279,197,27
<area shape="poly" alt="" coords="290,233,290,238,28
<area shape="poly" alt="" coords="323,66,310,69,306,
<area shape="poly" alt="" coords="334,87,338,92,338,
<area shape="poly" alt="" coords="325,127,325,130,32
<area shape="poly" alt="" coords="358,131,355,133,35
<area shape="poly" alt="" coords="376,245,379,248,38
<area shape="poly" alt="" coords="302,214,302,217,30
<area shape="poly" alt="" coords="334,213,333,216,33
<area shape="poly" alt="" coords="367,210,369,214,36
<area shape="poly" alt="" coords="387,189,383,194,38
<area shape="poly" alt="" coords="400,177,397,179,39
<area shape="poly" alt="" coords="351,170,342,176,33
<area shape="poly" alt="" coords="351,156,348,160,34
<area shape="poly" alt="" coords="399,152,402,153,40
<area shape="poly" alt="" coords="378,132,376,135,37
<area shape="poly" alt="" coords="402,120,398,122,39
<area shape="poly" alt="" coords="409,85,410,89,410,
<area shape="poly" alt="" coords="395,141,390,140,38
<area shape="poly" alt="" coords="412,118,411,115,41
<area shape="poly" alt="" coords="446,49,449,50,450,
<area shape="poly" alt="" coords="426,75,426,74,427,
<area shape="poly" alt="" coords="417,60,414,60,417,
<area shape="poly" alt="" coords="436,93,432,94,427,
<area shape="poly" alt="" coords="419,101,412,104,42
<area shape="poly" alt="" coords="425,94,425,93,425,
<area shape="poly" alt="" coords="409,106,411,105,41
<area shape="poly" alt="" coords="405,131,403,129,40
<area shape="poly" alt="" coords="134,325,130,319,12
<area shape="poly" alt="" coords="327,311,313,303,29
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
</body>
</html>
];
}
Thanks for getting back to me so quickly. My site already has the connection set up for the DB for all the scripts.
So I should be able to just execute my SQl.
Can you look at this and let me know how it looks? This is my subroutine for the job display html. Does this look alright? This is where I am at:
sub sform {
print << EOF
<HTML>
<HEAD>
<script>
var jobs_in_states = new Array()
EOF
$sth = $db->d_value("SELECT count(*), hosp_state FROM Projects GROUP BY hosp_state");
if($sth->rows == 0)
{
print "No information for " . $R::place;
}
else
{
while( $resptr = $sth->fetchrow_hashref() )
{
print "jobs_in_states[\"" . $resptr->{"StateName"}. "\"] = \"" . $resptr->{"jobs"} . "\"";
}
}
#Print rest of the HTML
print << EOF2
function overlib(state) {
var Jobs = jobs_in_states[state]
//put code to display number of jobs
}
</script>
...Rest of your HTML goes here
EOF2
$dbh->disconnect;
$sform = qq[
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Medefis Search By State</title>
<script type="text/javascript" src="/js/overlib.js"></scr
</head>
<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div align="center">
<img src="/images/usa_jobs.jpg"
</div>
<div>
<map id="usa_jobs" name="usa_jobs">
<area shape="poly" alt="" coords="81,40,80,45,79,50,
<area shape="poly" alt="" coords="81,60,75,69,73,71,
<area shape="poly" alt="" coords="42,104,41,107,40,1
<area shape="poly" alt="" coords="87,123,86,128,85,1
<area shape="poly" alt="" coords="101,70,102,73,106,
<area shape="poly" alt="" coords="176,50,175,59,173,
<area shape="poly" alt="" coords="171,83,171,95,169,
<area shape="poly" alt="" coords="227,58,228,72,208,
<area shape="poly" alt="" coords="230,89,230,95,229,
<area shape="poly" alt="" coords="234,122,236,131,23
<area shape="poly" alt="" coords="127,133,126,138,12
<area shape="poly" alt="" coords="184,141,183,148,18
<area shape="poly" alt="" coords="121,182,120,187,11
<area shape="poly" alt="" coords="172,180,172,187,17
<area shape="poly" alt="" coords="244,146,245,152,24
<area shape="poly" alt="" coords="246,182,247,188,24
<area shape="poly" alt="" coords="253,227,256,234,25
<area shape="poly" alt="" coords="260,66,261,69,258,
<area shape="poly" alt="" coords="279,114,279,119,27
<area shape="poly" alt="" coords="296,86,301,80,297,
<area shape="poly" alt="" coords="302,128,302,131,30
<area shape="poly" alt="" coords="289,173,288,179,28
<area shape="poly" alt="" coords="281,193,279,197,27
<area shape="poly" alt="" coords="290,233,290,238,28
<area shape="poly" alt="" coords="323,66,310,69,306,
<area shape="poly" alt="" coords="334,87,338,92,338,
<area shape="poly" alt="" coords="325,127,325,130,32
<area shape="poly" alt="" coords="358,131,355,133,35
<area shape="poly" alt="" coords="376,245,379,248,38
<area shape="poly" alt="" coords="302,214,302,217,30
<area shape="poly" alt="" coords="334,213,333,216,33
<area shape="poly" alt="" coords="367,210,369,214,36
<area shape="poly" alt="" coords="387,189,383,194,38
<area shape="poly" alt="" coords="400,177,397,179,39
<area shape="poly" alt="" coords="351,170,342,176,33
<area shape="poly" alt="" coords="351,156,348,160,34
<area shape="poly" alt="" coords="399,152,402,153,40
<area shape="poly" alt="" coords="378,132,376,135,37
<area shape="poly" alt="" coords="402,120,398,122,39
<area shape="poly" alt="" coords="409,85,410,89,410,
<area shape="poly" alt="" coords="395,141,390,140,38
<area shape="poly" alt="" coords="412,118,411,115,41
<area shape="poly" alt="" coords="446,49,449,50,450,
<area shape="poly" alt="" coords="426,75,426,74,427,
<area shape="poly" alt="" coords="417,60,414,60,417,
<area shape="poly" alt="" coords="436,93,432,94,427,
<area shape="poly" alt="" coords="419,101,412,104,42
<area shape="poly" alt="" coords="425,94,425,93,425,
<area shape="poly" alt="" coords="409,106,411,105,41
<area shape="poly" alt="" coords="405,131,403,129,40
<area shape="poly" alt="" coords="134,325,130,319,12
<area shape="poly" alt="" coords="327,311,313,303,29
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
</body>
</html>
];
}
Give it a shot you'll probably get errors the first time but we can review the errors as they come up.
I will be going offline for the rest of the day should be back in 12-15 hours. I'll check it out then.
I will be going offline for the rest of the day should be back in 12-15 hours. I'll check it out then.
ASKER
Hi apparition,
What is the best way for me to debug my cgi when I am running things?
Also, what I need to work on now is getting the data information into the array and them printing out the results so I can make sure it is getting populated correctly.
I do have a question, how do I take my SQl results and put the two fields of data into the array?
sub sform {
print << EOF
<HTML>
<HEAD>
<script>
var jobs_in_states = new Array()
EOF
$sth = $db->d_value("SELECT count(*), hosp_state FROM Projects GROUP BY hosp_state");
if($sth->rows == 0)
{
print "No information for " . $R::place;
}
else
{
while( $resptr = $sth->fetchrow_hashref() )
{
print "jobs_in_states[\"" . $resptr->{"StateName"}. "\"] = \"" . $resptr->{"jobs"} . "\"";
}
}
#Print rest of the HTML
print << EOF2
function overlib(state) {
var Jobs = jobs_in_states[state]
//put code to display number of jobs
}
</script>
...Rest of your HTML goes here
EOF2
$dbh->disconnect;
What is the best way for me to debug my cgi when I am running things?
Also, what I need to work on now is getting the data information into the array and them printing out the results so I can make sure it is getting populated correctly.
I do have a question, how do I take my SQl results and put the two fields of data into the array?
sub sform {
print << EOF
<HTML>
<HEAD>
<script>
var jobs_in_states = new Array()
EOF
$sth = $db->d_value("SELECT count(*), hosp_state FROM Projects GROUP BY hosp_state");
if($sth->rows == 0)
{
print "No information for " . $R::place;
}
else
{
while( $resptr = $sth->fetchrow_hashref() )
{
print "jobs_in_states[\"" . $resptr->{"StateName"}. "\"] = \"" . $resptr->{"jobs"} . "\"";
}
}
#Print rest of the HTML
print << EOF2
function overlib(state) {
var Jobs = jobs_in_states[state]
//put code to display number of jobs
}
</script>
...Rest of your HTML goes here
EOF2
$dbh->disconnect;
ASKER
Hi apparition,
I think that I am getting somewhere. I am grabbing my state and number of projects
from my database and populating them into the JavaScript array. Here is where I'm at with the code:
sub sform {
print qq[
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<title>Medefis</title>
<meta http-equiv=content-type content=text/html; charset=iso-8859-1>
<link rel=stylesheet href=/css/site.css type=text/css>
<script src=/js/global.js language=JavaScript1.2 type=text/javascript>
var jobs_in_states = new Array()
];
my @paths = $global::db->d_structure("
foreach my $path ( @paths ) {
print "jobs_in_states[\"" . $path->{"State"}. "\"] = \"" . $path->{"Projects"} . "\"";
}
print qq[
function overlib(state) {
var Jobs = jobs_in_states[state]
}
</script>
</head>
<body>
Rest of HTML
Here is what my view source is showing. You can see the states and the number of projects in the array:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<title>Medefis</title>
<meta http-equiv=content-type content=text/html; charset=iso-8859-1>
<link rel=stylesheet href=/css/site.css type=text/css>
<script src=/js/global.js language=JavaScript1.2 type=text/javascript>
var jobs_in_states = new Array()
jobs_in_states["AZ"] = "2"jobs_in_states["CA"] = "1"jobs_in_states["CO"] = "17"jobs_in_states["HI"] = "1"jobs_in_states["IA"] = "3"jobs_in_states["IN"] = "3"jobs_in_states["KS"] = "1"jobs_in_states["MA"] = "1"jobs_in_states["MN"] = "3"jobs_in_states["MO"] = "1"jobs_in_states["MT"] = "3"jobs_in_states["NC"] = "3"jobs_in_states["NE"] = "2"jobs_in_states["NM"] = "5"jobs_in_states["NY"] = "2"jobs_in_states["OH"] = "12"jobs_in_states["OR"] = "3"jobs_in_states["TN"] = "2"jobs_in_states["UT"] = "1"jobs_in_states["VT"] = "1"jobs_in_states["WA"] = "5"jobs_in_states["WY"] = "1"
function overlib(state) {
var Jobs = jobs_in_states[state]
}
</script>
</head>
<body>
Rest of HTML
What I need help with now is getting the state names and values into my image map, so when the user hovers over the state,
it will show them how many jobs are listed for that particular state.
Let me know if you need anything else. Thanks again for all of your help!
T Bryan
I think that I am getting somewhere. I am grabbing my state and number of projects
from my database and populating them into the JavaScript array. Here is where I'm at with the code:
sub sform {
print qq[
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<title>Medefis</title>
<meta http-equiv=content-type content=text/html; charset=iso-8859-1>
<link rel=stylesheet href=/css/site.css type=text/css>
<script src=/js/global.js language=JavaScript1.2 type=text/javascript>
var jobs_in_states = new Array()
];
my @paths = $global::db->d_structure("
foreach my $path ( @paths ) {
print "jobs_in_states[\"" . $path->{"State"}. "\"] = \"" . $path->{"Projects"} . "\"";
}
print qq[
function overlib(state) {
var Jobs = jobs_in_states[state]
}
</script>
</head>
<body>
Rest of HTML
Here is what my view source is showing. You can see the states and the number of projects in the array:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<title>Medefis</title>
<meta http-equiv=content-type content=text/html; charset=iso-8859-1>
<link rel=stylesheet href=/css/site.css type=text/css>
<script src=/js/global.js language=JavaScript1.2 type=text/javascript>
var jobs_in_states = new Array()
jobs_in_states["AZ"] = "2"jobs_in_states["CA"] = "1"jobs_in_states["CO"] = "17"jobs_in_states["HI"] = "1"jobs_in_states["IA"] = "3"jobs_in_states["IN"] = "3"jobs_in_states["KS"] = "1"jobs_in_states["MA"] = "1"jobs_in_states["MN"] = "3"jobs_in_states["MO"] = "1"jobs_in_states["MT"] = "3"jobs_in_states["NC"] = "3"jobs_in_states["NE"] = "2"jobs_in_states["NM"] = "5"jobs_in_states["NY"] = "2"jobs_in_states["OH"] = "12"jobs_in_states["OR"] = "3"jobs_in_states["TN"] = "2"jobs_in_states["UT"] = "1"jobs_in_states["VT"] = "1"jobs_in_states["WA"] = "5"jobs_in_states["WY"] = "1"
function overlib(state) {
var Jobs = jobs_in_states[state]
}
</script>
</head>
<body>
Rest of HTML
What I need help with now is getting the state names and values into my image map, so when the user hovers over the state,
it will show them how many jobs are listed for that particular state.
Let me know if you need anything else. Thanks again for all of your help!
T Bryan
ASKER
Hi apparition,
Are you there to help me anymore? I haven't heard anything from you for a couple of days.
I guess I will repost my question and see if someone else can help me out with this.
Anyways, if you get this soon, please reply.
Thanks,
T Bryan
Are you there to help me anymore? I haven't heard anything from you for a couple of days.
I guess I will repost my question and see if someone else can help me out with this.
Anyways, if you get this soon, please reply.
Thanks,
T Bryan
Sorry jahmekyat , I was busy the last couple of days and did not have a chance to look at your posts. Give me a few minutes and
I will try to help you out.
I will try to help you out.
ASKER
Thank you so much!!
You need to change your CGI a little bit other wise you might be getting javascript errors:
change the following line:
print "jobs_in_states[\"" . $path->{"State"}. "\"] = \"" . $path->{"Projects"} . "\"" + "\n";
Now to display jobs add this HTML to the page:
<form name="disp">
Jobs in State <input type="text" name="jobs" readonly>
</form>
Change the Javascripts to the following:
function overlib(state) {
document.disp.jobs.value = jobs_in_states[state]
}
function nd(){
document.disp.jobs.value = ""
}
change the following line:
print "jobs_in_states[\"" . $path->{"State"}. "\"] = \"" . $path->{"Projects"} . "\"" + "\n";
Now to display jobs add this HTML to the page:
<form name="disp">
Jobs in State <input type="text" name="jobs" readonly>
</form>
Change the Javascripts to the following:
function overlib(state) {
document.disp.jobs.value = jobs_in_states[state]
}
function nd(){
document.disp.jobs.value = ""
}
One more thing make sure your image map is calling the function properly.
Make sure the values passed in your call match the state name in your array that was loaded from
the database.
So you must call it like this:
onMouseOver="return overlib('NY);"
NOT
onMouseOver="return overlib('New York');"
Make sure the values passed in your call match the state name in your array that was loaded from
the database.
So you must call it like this:
onMouseOver="return overlib('NY);"
NOT
onMouseOver="return overlib('New York');"
ASKER
Hi apparition,
Thanks for the help. When I changed out the print function, it is not populating the JS array anymore.
Here is the View Source:
<script src="/js/overlib.js" language="JavaScript1.2" type=text/javascript>
var jobs_in_states = new Array()
00000000000000000000000000
function overlib(state) {
document.disp.jobs.value = jobs_in_states[state]
}
function nd(){
document.disp.jobs.value = ""
}
If I put the old one back it populates again Any ideas?
Also, I probably should of told you this when we started, but the two javascript functions I am using
function overlib and function nd are part of a larger JS file that I am using for the events. I probably should of let you see these. So when I run this, I think that it is using the referenced one instaed of the one that we put in the page. If I remove the reference to the larger one, something is missing from the two that you created. Can we add the ones that you did to the larger one? I am not sure how to do it. I have included it below.
//\/////
//\ overLIB 4.17 - You may not remove or change this notice.
//\ Copyright Erik Bosrup 1998-2004. All rights reserved.
//\
//\ Contributors are listed on the homepage.
//\ This file might be old, always check for the latest version at:
//\ http://www.bosrup.com/web/overlib/
//\
//\ Please read the license agreement (available through the link above)
//\ before using overLIB. Direct any licensing questions to erik@bosrup.com.
//\
//\ Do not sell this as your own work or remove this copyright notice.
//\ For full details on copying or changing this script please read the
//\ license agreement at the link above. Please give credit on sites that
//\ use overLIB and submit changes of the script so other people can use
//\ them as well.
// $Revision: 1.112 $ $Date: 2005/03/08 19:22:53 $
//\/////
//\mini
////////
// PRE-INIT
// Ignore these lines, configuration is below.
////////
var olLoaded = 0;var pmStart = 10000000; var pmUpper = 10001000; var pmCount = pmStart+1; var pmt=''; var pms = new Array(); var olInfo = new Info('4.17', 1);
var FREPLACE = 0; var FBEFORE = 1; var FAFTER = 2; var FALTERNATE = 3; var FCHAIN=4;
var olHideForm=0; // parameter for hiding SELECT and ActiveX elements in IE5.5+
var olHautoFlag = 0; // flags for over-riding VAUTO and HAUTO if corresponding
var olVautoFlag = 0; // positioning commands are used on the command line
registerCommands('donothin
////////
// DEFAULT CONFIGURATION
// Settings you want everywhere are set here. All of this can also be
// changed on your html page or through an overLIB call.
////////
if (typeof ol_fgcolor=='undefined') var ol_fgcolor="#CCCCFF";
if (typeof ol_bgcolor=='undefined') var ol_bgcolor="#333399";
if (typeof ol_textcolor=='undefined')
if (typeof ol_capcolor=='undefined') var ol_capcolor="#FFFFFF";
if (typeof ol_closecolor=='undefined'
if (typeof ol_textfont=='undefined') var ol_textfont="Verdana,Arial
if (typeof ol_captionfont=='undefined
if (typeof ol_closefont=='undefined')
if (typeof ol_textsize=='undefined') var ol_textsize="1";
if (typeof ol_captionsize=='undefined
if (typeof ol_closesize=='undefined')
if (typeof ol_width=='undefined') var ol_width="200";
if (typeof ol_border=='undefined') var ol_border="1";
if (typeof ol_cellpad=='undefined') var ol_cellpad=2;
if (typeof ol_offsetx=='undefined') var ol_offsetx=10;
if (typeof ol_offsety=='undefined') var ol_offsety=10;
if (typeof ol_text=='undefined') var ol_text="Default Text";
if (typeof ol_cap=='undefined') var ol_cap="";
if (typeof ol_sticky=='undefined') var ol_sticky=0;
if (typeof ol_background=='undefined'
if (typeof ol_close=='undefined') var ol_close="Close";
if (typeof ol_hpos=='undefined') var ol_hpos=RIGHT;
if (typeof ol_status=='undefined') var ol_status="";
if (typeof ol_autostatus=='undefined'
if (typeof ol_height=='undefined') var ol_height=-1;
if (typeof ol_snapx=='undefined') var ol_snapx=0;
if (typeof ol_snapy=='undefined') var ol_snapy=0;
if (typeof ol_fixx=='undefined') var ol_fixx=-1;
if (typeof ol_fixy=='undefined') var ol_fixy=-1;
if (typeof ol_relx=='undefined') var ol_relx=null;
if (typeof ol_rely=='undefined') var ol_rely=null;
if (typeof ol_fgbackground=='undefine
if (typeof ol_bgbackground=='undefine
if (typeof ol_padxl=='undefined') var ol_padxl=1;
if (typeof ol_padxr=='undefined') var ol_padxr=1;
if (typeof ol_padyt=='undefined') var ol_padyt=1;
if (typeof ol_padyb=='undefined') var ol_padyb=1;
if (typeof ol_fullhtml=='undefined') var ol_fullhtml=0;
if (typeof ol_vpos=='undefined') var ol_vpos=BELOW;
if (typeof ol_aboveheight=='undefined
if (typeof ol_capicon=='undefined') var ol_capicon="";
if (typeof ol_frame=='undefined') var ol_frame=self;
if (typeof ol_timeout=='undefined') var ol_timeout=0;
if (typeof ol_function=='undefined') var ol_function=null;
if (typeof ol_delay=='undefined') var ol_delay=0;
if (typeof ol_hauto=='undefined') var ol_hauto=0;
if (typeof ol_vauto=='undefined') var ol_vauto=0;
if (typeof ol_closeclick=='undefined'
if (typeof ol_wrap=='undefined') var ol_wrap=0;
if (typeof ol_followmouse=='undefined
if (typeof ol_mouseoff=='undefined') var ol_mouseoff=0;
if (typeof ol_closetitle=='undefined'
if (typeof ol_compatmode=='undefined'
if (typeof ol_css=='undefined') var ol_css=CSSOFF;
if (typeof ol_fgclass=='undefined') var ol_fgclass="";
if (typeof ol_bgclass=='undefined') var ol_bgclass="";
if (typeof ol_textfontclass=='undefin
if (typeof ol_captionfontclass=='unde
if (typeof ol_closefontclass=='undefi
////////
// ARRAY CONFIGURATION
////////
// You can use these arrays to store popup text here instead of in the html.
if (typeof ol_texts=='undefined') var ol_texts = new Array("Text 0", "Text 1");
if (typeof ol_caps=='undefined') var ol_caps = new Array("Caption 0", "Caption 1");
////////
// END OF CONFIGURATION
// Don't change anything below this line, all configuration is above.
////////
////////
// INIT
////////
// Runtime variables init. Don't change for config!
var o3_text="";
var o3_cap="";
var o3_sticky=0;
var o3_background="";
var o3_close="Close";
var o3_hpos=RIGHT;
var o3_offsetx=2;
var o3_offsety=2;
var o3_fgcolor="";
var o3_bgcolor="";
var o3_textcolor="";
var o3_capcolor="";
var o3_closecolor="";
var o3_width=100;
var o3_border=1;
var o3_cellpad=2;
var o3_status="";
var o3_autostatus=0;
var o3_height=-1;
var o3_snapx=0;
var o3_snapy=0;
var o3_fixx=-1;
var o3_fixy=-1;
var o3_relx=null;
var o3_rely=null;
var o3_fgbackground="";
var o3_bgbackground="";
var o3_padxl=0;
var o3_padxr=0;
var o3_padyt=0;
var o3_padyb=0;
var o3_fullhtml=0;
var o3_vpos=BELOW;
var o3_aboveheight=0;
var o3_capicon="";
var o3_textfont="Verdana,Arial
var o3_captionfont="Verdana,Ar
var o3_closefont="Verdana,Aria
var o3_textsize="1";
var o3_captionsize="1";
var o3_closesize="1";
var o3_frame=self;
var o3_timeout=0;
var o3_timerid=0;
var o3_allowmove=0;
var o3_function=null;
var o3_delay=0;
var o3_delayid=0;
var o3_hauto=0;
var o3_vauto=0;
var o3_closeclick=0;
var o3_wrap=0;
var o3_followmouse=1;
var o3_mouseoff=0;
var o3_closetitle='';
var o3_compatmode=0;
var o3_css=CSSOFF;
var o3_fgclass="";
var o3_bgclass="";
var o3_textfontclass="";
var o3_captionfontclass="";
var o3_closefontclass="";
// Display state variables
var o3_x = 0;
var o3_y = 0;
var o3_showingsticky = 0;
var o3_removecounter = 0;
// Our layer
var over = null;
var fnRef, hoveringSwitch = false;
var olHideDelay;
// Decide browser version
var isMac = (navigator.userAgent.index
var olOp = (navigator.userAgent.toLow
var olNs4 = (navigator.appName=='Netsc
var olNs6 = (document.getElementById) ? true : false;
var olKq = (olNs6 && /konqueror/i.test(navigato
var olIe4 = (document.all) ? true : false;
var olIe5 = false;
var olIe55 = false; // Added additional variable to identify IE5.5+
var docRoot = 'document.body';
// Resize fix for NS4.x to keep track of layer
if (olNs4) {
var oW = window.innerWidth;
var oH = window.innerHeight;
window.onresize = function() { if (oW != window.innerWidth || oH != window.innerHeight) location.reload(); }
}
// Microsoft Stupidity Check(tm).
if (olIe4) {
var agent = navigator.userAgent;
if (/MSIE/.test(agent)) {
var versNum = parseFloat(agent.match(/MS
if (versNum >= 5){
olIe5=true;
olIe55=(versNum>=5.5&&!olO
if (olNs6) olNs6=false;
}
}
if (olNs6) olIe4 = false;
}
// Check for compatability mode.
if (document.compatMode && document.compatMode == 'CSS1Compat') {
docRoot= ((olIe4 && !olOp) ? 'document.documentElement'
}
// Add window onload handlers to indicate when all modules have been loaded
// For Netscape 6+ and Mozilla, uses addEventListener method on the window object
// For IE it uses the attachEvent method of the window object and for Netscape 4.x
// it sets the window.onload handler to the OLonload_handler function for Bubbling
if(window.addEventListener
else if (window.attachEvent) window.attachEvent("onload
// Capture events, alt. diffuses the overlib function.
var olCheckMouseCapture = true;
if ((olNs4 || olNs6 || olIe4)) {
olMouseCapture();
} else {
overlib = no_overlib;
nd = no_overlib;
ver3fix = true;
}
////////
// PUBLIC FUNCTIONS
////////
// overlib(arg0,...,argN)
// Loads parameters into global runtime variables.
function overlib() {
if (!olLoaded || isExclusive(overlib.argume
if (olCheckMouseCapture) olMouseCapture();
if (over) {
over = (typeof over.id != 'string') ? o3_frame.document.all['ove
cClick();
}
// Load defaults to runtime.
olHideDelay=0;
o3_text=ol_text;
o3_cap=ol_cap;
o3_sticky=ol_sticky;
o3_background=ol_backgroun
o3_close=ol_close;
o3_hpos=ol_hpos;
o3_offsetx=ol_offsetx;
o3_offsety=ol_offsety;
o3_fgcolor=ol_fgcolor;
o3_bgcolor=ol_bgcolor;
o3_textcolor=ol_textcolor;
o3_capcolor=ol_capcolor;
o3_closecolor=ol_closecolo
o3_width=ol_width;
o3_border=ol_border;
o3_cellpad=ol_cellpad;
o3_status=ol_status;
o3_autostatus=ol_autostatu
o3_height=ol_height;
o3_snapx=ol_snapx;
o3_snapy=ol_snapy;
o3_fixx=ol_fixx;
o3_fixy=ol_fixy;
o3_relx=ol_relx;
o3_rely=ol_rely;
o3_fgbackground=ol_fgbackg
o3_bgbackground=ol_bgbackg
o3_padxl=ol_padxl;
o3_padxr=ol_padxr;
o3_padyt=ol_padyt;
o3_padyb=ol_padyb;
o3_fullhtml=ol_fullhtml;
o3_vpos=ol_vpos;
o3_aboveheight=ol_abovehei
o3_capicon=ol_capicon;
o3_textfont=ol_textfont;
o3_captionfont=ol_captionf
o3_closefont=ol_closefont;
o3_textsize=ol_textsize;
o3_captionsize=ol_captions
o3_closesize=ol_closesize;
o3_timeout=ol_timeout;
o3_function=ol_function;
o3_delay=ol_delay;
o3_hauto=ol_hauto;
o3_vauto=ol_vauto;
o3_closeclick=ol_closeclic
o3_wrap=ol_wrap;
o3_followmouse=ol_followmo
o3_mouseoff=ol_mouseoff;
o3_closetitle=ol_closetitl
o3_css=ol_css;
o3_compatmode=ol_compatmod
o3_fgclass=ol_fgclass;
o3_bgclass=ol_bgclass;
o3_textfontclass=ol_textfo
o3_captionfontclass=ol_cap
o3_closefontclass=ol_close
setRunTimeVariables();
fnRef = '';
// Special for frame support, over must be reset...
o3_frame = ol_frame;
if(!(over=createDivContain
parseTokens('o3_', overlib.arguments);
if (!postParseChecks()) return false;
if (o3_delay == 0) {
return runHook("olMain", FREPLACE);
} else {
o3_delayid = setTimeout("runHook('olMai
return false;
}
}
// Clears popups if appropriate
function nd(time) {
if (olLoaded && !isExclusive()) {
hideDelay(time); // delay popup close if time specified
if (o3_removecounter >= 1) { o3_showingsticky = 0 };
if (o3_showingsticky == 0) {
o3_allowmove = 0;
if (over != null && o3_timerid == 0) runHook("hideObject", FREPLACE, over);
} else {
o3_removecounter++;
}
}
return true;
}
// The Close onMouseOver function for stickies
function cClick() {
if (olLoaded) {
runHook("hideObject", FREPLACE, over);
o3_showingsticky = 0;
}
return false;
}
// Method for setting page specific defaults.
function overlib_pagedefaults() {
parseTokens('ol_', overlib_pagedefaults.argum
}
////////
// OVERLIB MAIN FUNCTION
////////
// This function decides what it is we want to display and how we want it done.
function olMain() {
var layerhtml, styleType;
runHook("olMain", FBEFORE);
if (o3_background!="" || o3_fullhtml) {
// Use background instead of box.
layerhtml = runHook('ol_content_backgr
} else {
// They want a popup box.
styleType = (pms[o3_css-1-pmStart] == "cssoff" || pms[o3_css-1-pmStart] == "cssclass");
// Prepare popup background
if (o3_fgbackground != "") o3_fgbackground = "background=\""+o3_fgbackg
if (o3_bgbackground != "") o3_bgbackground = (styleType ? "background=\""+o3_bgbackg
// Prepare popup colors
if (o3_fgcolor != "") o3_fgcolor = (styleType ? "bgcolor=\""+o3_fgcolor+"\
if (o3_bgcolor != "") o3_bgcolor = (styleType ? "bgcolor=\""+o3_bgcolor+"\
// Prepare popup height
if (o3_height > 0) o3_height = (styleType ? "height=\""+o3_height+"\""
else o3_height = "";
// Decide which kinda box.
if (o3_cap=="") {
// Plain
layerhtml = runHook('ol_content_simple
} else {
// With caption
if (o3_sticky) {
// Show close text
layerhtml = runHook('ol_content_captio
} else {
// No close text
layerhtml = runHook('ol_content_captio
}
}
}
// We want it to stick!
if (o3_sticky) {
if (o3_timerid > 0) {
clearTimeout(o3_timerid);
o3_timerid = 0;
}
o3_showingsticky = 1;
o3_removecounter = 0;
}
// Created a separate routine to generate the popup to make it easier
// to implement a plugin capability
if (!runHook("createPopup", FREPLACE, layerhtml)) return false;
// Prepare status bar
if (o3_autostatus > 0) {
o3_status = o3_text;
if (o3_autostatus > 1) o3_status = o3_cap;
}
// When placing the layer the first time, even stickies may be moved.
o3_allowmove = 0;
// Initiate a timer for timeout
if (o3_timeout > 0) {
if (o3_timerid > 0) clearTimeout(o3_timerid);
o3_timerid = setTimeout("cClick()", o3_timeout);
}
// Show layer
runHook("disp", FREPLACE, o3_status);
runHook("olMain", FAFTER);
return (olOp && event && event.type == 'mouseover' && !o3_status) ? '' : (o3_status != '');
}
////////
// LAYER GENERATION FUNCTIONS
////////
// These functions just handle popup content with tags that should adhere to the W3C standards specification.
// Makes simple table without caption
function ol_content_simple(text) {
txt='<table width="'+o3_width+ '" border="0" cellpadding="'+o3_border+'
set_background("");
return txt;
}
// Makes table with caption and optional close link
function ol_content_caption(text,ti
var nameId;
closing="";
closeevent="onmouseover";
if (o3_closeclick==1) closeevent= (o3_closetitle ? "title='" + o3_closetitle +"'" : "") + " onclick";
if (o3_capicon!="") {
nameId=' hspace=\"5\"'+' align=\"middle\" alt=\"\"';
if (typeof o3_dragimg!='undefined'&&o
o3_capicon='<img src=\"'+o3_capicon+'\"'+na
}
if (close != "")
closing='<td '+(!o3_compatmode && o3_closefontclass ? 'class="'+o3_closefontclas
txt='<table width="'+o3_width+ '" border="0" cellpadding="'+o3_border+'
set_background("");
return txt;
}
// Sets the background picture,padding and lots more. :)
function ol_content_background(text
if (hasfullhtml) {
txt=text;
} else {
txt='<table width="'+o3_width+'" border="0" cellpadding="0" cellspacing="0" height="'+o3_height+'"><tr
}
set_background(picture);
return txt;
}
// Loads a picture into the div.
function set_background(pic) {
if (pic == "") {
if (olNs4) {
over.background.src = null;
} else if (over.style) {
over.style.backgroundImage
}
} else {
if (olNs4) {
over.background.src = pic;
} else if (over.style) {
over.style.width=o3_width + 'px';
over.style.backgroundImage
}
}
}
////////
// HANDLING FUNCTIONS
////////
var olShowId=-1;
// Displays the popup
function disp(statustext) {
runHook("disp", FBEFORE);
if (o3_allowmove == 0) {
runHook("placeLayer", FREPLACE);
(olNs6&&olShowId<0) ? olShowId=setTimeout("runHo
o3_allowmove = (o3_sticky || o3_followmouse==0) ? 0 : 1;
}
runHook("disp", FAFTER);
if (statustext != "") self.status = statustext;
}
// Creates the actual popup structure
function createPopup(lyrContent){
runHook("createPopup", FBEFORE);
if (o3_wrap) {
var wd,ww,theObj = (olNs4 ? over : over.style);
theObj.top = theObj.left = ((olIe4&&!olOp) ? 0 : -10000) + (!olNs4 ? 'px' : 0);
layerWrite(lyrContent);
wd = (olNs4 ? over.clip.width : over.offsetWidth);
if (wd > (ww=windowWidth())) {
lyrContent=lyrContent.repl
o3_width=ww;
o3_wrap=0;
}
}
layerWrite(lyrContent);
// Have to set o3_width for placeLayer() routine if o3_wrap is turned on
if (o3_wrap) o3_width=(olNs4 ? over.clip.width : over.offsetWidth);
runHook("createPopup", FAFTER, lyrContent);
return true;
}
// Decides where we want the popup.
function placeLayer() {
var placeX, placeY, widthFix = 0;
// HORIZONTAL PLACEMENT, re-arranged to work in Safari
if (o3_frame.innerWidth) widthFix=18;
iwidth = windowWidth();
// Horizontal scroll offset
winoffset=(olIe4) ? eval('o3_frame.'+docRoot+'
placeX = runHook('horizontalPlaceme
// VERTICAL PLACEMENT, re-arranged to work in Safari
if (o3_frame.innerHeight) {
iheight=o3_frame.innerHeig
} else if (eval('o3_frame.'+docRoot)
iheight=eval('o3_frame.'+d
}
// Vertical scroll offset
scrolloffset=(olIe4) ? eval('o3_frame.'+docRoot+'
placeY = runHook('verticalPlacement
// Actually move the object.
repositionTo(over, placeX, placeY);
}
// Moves the layer
function olMouseMove(e) {
var e = (e) ? e : event;
if (e.pageX) {
o3_x = e.pageX;
o3_y = e.pageY;
} else if (e.clientX) {
o3_x = eval('e.clientX+o3_frame.'
o3_y = eval('e.clientY+o3_frame.'
}
if (o3_allowmove == 1) runHook("placeLayer", FREPLACE);
// MouseOut handler
if (hoveringSwitch && !olNs4 && runHook("cursorOff", FREPLACE)) {
(olHideDelay ? hideDelay(olHideDelay) : cClick());
hoveringSwitch = !hoveringSwitch;
}
}
// Fake function for 3.0 users.
function no_overlib() { return ver3fix; }
// Capture the mouse and chain other scripts.
function olMouseCapture() {
capExtent = document;
var fN, str = '', l, k, f, wMv, sS, mseHandler = olMouseMove;
var re = /function[ ]*(\w*)\(/;
wMv = (!olIe4 && window.onmousemove);
if (document.onmousemove || wMv) {
if (wMv) capExtent = window;
f = capExtent.onmousemove.toSt
fN = f.match(re);
if (fN == null) {
str = f+'(e); ';
} else if (fN[1] == 'anonymous' || fN[1] == 'olMouseMove' || (wMv && fN[1] == 'onmousemove')) {
if (!olOp && wMv) {
l = f.indexOf('{')+1;
k = f.lastIndexOf('}');
sS = f.substring(l,k);
if ((l = sS.indexOf('(')) != -1) {
sS = sS.substring(0,l).replace(
if (eval("typeof " + sS + " == 'undefined'")) window.onmousemove = null;
else str = sS + '(e);';
}
}
if (!str) {
olCheckMouseCapture = false;
return;
}
} else {
if (fN[1]) str = fN[1]+'(e); ';
else {
l = f.indexOf('{')+1;
k = f.lastIndexOf('}');
str = f.substring(l,k) + '\n';
}
}
str += 'olMouseMove(e); ';
mseHandler = new Function('e', str);
}
capExtent.onmousemove = mseHandler;
if (olNs4) capExtent.captureEvents(Ev
}
////////
// PARSING FUNCTIONS
////////
// Does the actual command parsing.
function parseTokens(pf, ar) {
// What the next argument is expected to be.
var v, mode=-1, par = (pf != 'ol_');
var fnMark = (par && !ar.length ? 1 : 0);
for (i = 0; i < ar.length; i++) {
if (mode < 0) {
// Arg is maintext,unless its a number between pmStart and pmUpper
// then its a command.
if (typeof ar[i] == 'number' && ar[i] > pmStart && ar[i] < pmUpper) {
fnMark = (par ? 1 : 0);
i--; // backup one so that the next block can parse it
} else {
switch(pf) {
case 'ol_':
ol_text = ar[i].toString();
break;
default:
o3_text=ar[i].toString();
}
}
mode = 0;
} else {
// Note: NS4 doesn't like switch cases with vars.
if (ar[i] >= pmCount || ar[i]==DONOTHING) { continue; }
if (ar[i]==INARRAY) { fnMark = 0; eval(pf+'text=ol_texts['+a
if (ar[i]==CAPARRAY) { eval(pf+'cap=ol_caps['+ar[
if (ar[i]==STICKY) { if (pf!='ol_') eval(pf+'sticky=1'); continue; }
if (ar[i]==BACKGROUND) { eval(pf+'background="'+ar[
if (ar[i]==NOCLOSE) { if (pf!='ol_') opt_NOCLOSE(); continue; }
if (ar[i]==CAPTION) { eval(pf+"cap='"+escSglQuot
if (ar[i]==CENTER || ar[i]==LEFT || ar[i]==RIGHT) { eval(pf+'hpos='+ar[i]); if(pf!='ol_') olHautoFlag=1; continue; }
if (ar[i]==OFFSETX) { eval(pf+'offsetx='+ar[++i]
if (ar[i]==OFFSETY) { eval(pf+'offsety='+ar[++i]
if (ar[i]==FGCOLOR) { eval(pf+'fgcolor="'+ar[++i
if (ar[i]==BGCOLOR) { eval(pf+'bgcolor="'+ar[++i
if (ar[i]==TEXTCOLOR) { eval(pf+'textcolor="'+ar[+
if (ar[i]==CAPCOLOR) { eval(pf+'capcolor="'+ar[++
if (ar[i]==CLOSECOLOR) { eval(pf+'closecolor="'+ar[
if (ar[i]==WIDTH) { eval(pf+'width='+ar[++i]);
if (ar[i]==BORDER) { eval(pf+'border='+ar[++i])
if (ar[i]==CELLPAD) { i=opt_MULTIPLEARGS(++i,ar,
if (ar[i]==STATUS) { eval(pf+"status='"+escSglQ
if (ar[i]==AUTOSTATUS) { eval(pf +'autostatus=('+pf+'autost
if (ar[i]==AUTOSTATUSCAP) { eval(pf +'autostatus=('+pf+'autost
if (ar[i]==HEIGHT) { eval(pf+'height='+pf+'abov
if (ar[i]==CLOSETEXT) { eval(pf+"close='"+escSglQu
if (ar[i]==SNAPX) { eval(pf+'snapx='+ar[++i]);
if (ar[i]==SNAPY) { eval(pf+'snapy='+ar[++i]);
if (ar[i]==FIXX) { eval(pf+'fixx='+ar[++i]); continue; }
if (ar[i]==FIXY) { eval(pf+'fixy='+ar[++i]); continue; }
if (ar[i]==RELX) { eval(pf+'relx='+ar[++i]); continue; }
if (ar[i]==RELY) { eval(pf+'rely='+ar[++i]); continue; }
if (ar[i]==FGBACKGROUND) { eval(pf+'fgbackground="'+a
if (ar[i]==BGBACKGROUND) { eval(pf+'bgbackground="'+a
if (ar[i]==PADX) { eval(pf+'padxl='+ar[++i]);
if (ar[i]==PADY) { eval(pf+'padyt='+ar[++i]);
if (ar[i]==FULLHTML) { if (pf!='ol_') eval(pf+'fullhtml=1'); continue; }
if (ar[i]==BELOW || ar[i]==ABOVE) { eval(pf+'vpos='+ar[i]); if (pf!='ol_') olVautoFlag=1; continue; }
if (ar[i]==CAPICON) { eval(pf+'capicon="'+ar[++i
if (ar[i]==TEXTFONT) { eval(pf+"textfont='"+escSg
if (ar[i]==CAPTIONFONT) { eval(pf+"captionfont='"+es
if (ar[i]==CLOSEFONT) { eval(pf+"closefont='"+escS
if (ar[i]==TEXTSIZE) { eval(pf+'textsize="'+ar[++
if (ar[i]==CAPTIONSIZE) { eval(pf+'captionsize="'+ar
if (ar[i]==CLOSESIZE) { eval(pf+'closesize="'+ar[+
if (ar[i]==TIMEOUT) { eval(pf+'timeout='+ar[++i]
if (ar[i]==FUNCTION) { if (pf=='ol_') { if (typeof ar[i+1]!='number') { v=ar[++i]; ol_function=(typeof v=='function' ? v : null); }} else {fnMark = 0; v = null; if (typeof ar[i+1]!='number') v = ar[++i]; opt_FUNCTION(v); } continue; }
if (ar[i]==DELAY) { eval(pf+'delay='+ar[++i]);
if (ar[i]==HAUTO) { eval(pf+'hauto=('+pf+'haut
if (ar[i]==VAUTO) { eval(pf+'vauto=('+pf+'vaut
if (ar[i]==CLOSECLICK) { eval(pf +'closeclick=('+pf+'closec
if (ar[i]==WRAP) { eval(pf +'wrap=('+pf+'wrap == 0) ? 1 : 0'); continue; }
if (ar[i]==FOLLOWMOUSE) { eval(pf +'followmouse=('+pf+'follo
if (ar[i]==MOUSEOFF) { eval(pf +'mouseoff=('+pf+'mouseoff
if (ar[i]==CLOSETITLE) { eval(pf+"closetitle='"+esc
if (ar[i]==CSSOFF||ar[i]==CSS
if (ar[i]==COMPATMODE) { eval(pf+'compatmode=('+pf+
if (ar[i]==FGCLASS) { eval(pf+'fgclass="'+ar[++i
if (ar[i]==BGCLASS) { eval(pf+'bgclass="'+ar[++i
if (ar[i]==TEXTFONTCLASS) { eval(pf+'textfontclass="'+
if (ar[i]==CAPTIONFONTCLASS) { eval(pf+'captionfontclass=
if (ar[i]==CLOSEFONTCLASS) { eval(pf+'closefontclass="'
i = parseCmdLine(pf, i, ar);
}
}
if (fnMark && o3_function) o3_text = o3_function();
if ((pf == 'o3_') && o3_wrap) {
o3_width = 0;
var tReg=/<.*\n*>/ig;
if (!tReg.test(o3_text)) o3_text = o3_text.replace(/[ ]+/g, ' ');
if (!tReg.test(o3_cap))o3_cap
}
if ((pf == 'o3_') && o3_sticky) {
if (!o3_close && (o3_frame != ol_frame)) o3_close = ol_close;
if (o3_mouseoff && (o3_frame == ol_frame)) opt_NOCLOSE(' ');
}
}
////////
// LAYER FUNCTIONS
////////
// Writes to a layer
function layerWrite(txt) {
txt += "\n";
if (olNs4) {
var lyr = o3_frame.document.layers['
lyr.write(txt)
lyr.close()
} else if (typeof over.innerHTML != 'undefined') {
if (olIe5 && isMac) over.innerHTML = '';
over.innerHTML = txt;
} else {
range = o3_frame.document.createRa
range.setStartAfter(over);
domfrag = range.createContextualFrag
while (over.hasChildNodes()) {
over.removeChild(over.last
}
over.appendChild(domfrag);
}
}
// Make an object visible
function showObject(obj) {
runHook("showObject", FBEFORE);
var theObj=(olNs4 ? obj : obj.style);
theObj.visibility = 'visible';
runHook("showObject", FAFTER);
}
// Hides an object
function hideObject(obj) {
runHook("hideObject", FBEFORE);
var theObj=(olNs4 ? obj : obj.style);
if (olNs6 && olShowId>0) { clearTimeout(olShowId); olShowId=0; }
theObj.visibility = 'hidden';
theObj.top = theObj.left = ((olIe4&&!olOp) ? 0 : -10000) + (!olNs4 ? 'px' : 0);
if (o3_timerid > 0) clearTimeout(o3_timerid);
if (o3_delayid > 0) clearTimeout(o3_delayid);
o3_timerid = 0;
o3_delayid = 0;
self.status = "";
if (obj.onmouseout || obj.onmouseover) {
if (olNs4) obj.releaseEvents(Event.MO
obj.onmouseout = obj.onmouseover = null;
}
runHook("hideObject", FAFTER);
}
// Move a layer
function repositionTo(obj, xL, yL) {
var theObj=(olNs4 ? obj : obj.style);
theObj.left = xL + (!olNs4 ? 'px' : 0);
theObj.top = yL + (!olNs4 ? 'px' : 0);
}
// Check position of cursor relative to overDiv DIVision; mouseOut function
function cursorOff() {
var left = parseInt(over.style.left);
var top = parseInt(over.style.top);
var right = left + (over.offsetWidth >= parseInt(o3_width) ? over.offsetWidth : parseInt(o3_width));
var bottom = top + (over.offsetHeight >= o3_aboveheight ? over.offsetHeight : o3_aboveheight);
if (o3_x < left || o3_x > right || o3_y < top || o3_y > bottom) return true;
return false;
}
////////
// COMMAND FUNCTIONS
////////
// Calls callme or the default function.
function opt_FUNCTION(callme) {
o3_text = (callme ? (typeof callme=='string' ? (/.+\(.*\)/.test(callme) ? eval(callme) : callme) : callme()) : (o3_function ? o3_function() : 'No Function'));
return 0;
}
// Handle hovering
function opt_NOCLOSE(unused) {
if (!unused) o3_close = "";
if (olNs4) {
over.captureEvents(Event.M
over.onmouseover = function () { if (o3_timerid > 0) { clearTimeout(o3_timerid); o3_timerid = 0; } }
over.onmouseout = function (e) { if (olHideDelay) hideDelay(olHideDelay); else cClick(e); }
} else {
over.onmouseover = function () {hoveringSwitch = true; if (o3_timerid > 0) { clearTimeout(o3_timerid); o3_timerid =0; } }
}
return 0;
}
// Function to scan command line arguments for multiples
function opt_MULTIPLEARGS(i, args, parameter) {
var k=i, re, pV, str='';
for(k=i; k<args.length; k++) {
if(typeof args[k] == 'number' && args[k]>pmStart) break;
str += args[k] + ',';
}
if (str) str = str.substring(0,--str.leng
k--; // reduce by one so the for loop this is in works correctly
pV=(olNs4 && /cellpad/i.test(parameter)
eval(parameter + '="' + pV + '"');
return k;
}
// Remove in texts when done.
function nbspCleanup() {
if (o3_wrap) {
o3_text = o3_text.replace(/\ /g
o3_cap = o3_cap.replace(/\ /g,
}
}
// Escape embedded single quotes in text strings
function escSglQuote(str) {
return str.toString().replace(/'/
}
// Onload handler for window onload event
function OLonLoad_handler(e) {
var re = /\w+\(.*\)[;\s]+/g, olre = /overlib\(|nd\(|cClick\(/,
if(!olLoaded) olLoaded=1;
// Remove it for Gecko based browsers
if(window.removeEventListe
else if(window.detachEvent) { // and for IE and Opera 4.x but execute calls to overlib, nd, or cClick()
window.detachEvent("onload
var fN = document.body.getAttribute
if (fN) {
fN=fN.toString().match(re)
if (fN && fN.length) {
for (i=0; i<fN.length; i++) {
if (/anonymous/.test(fN[i])) continue;
while((l=fN[i].search(/\)[
fn=fN[i].substring(0,l+1);
fN[i] = fN[i].substring(l+2);
if (olre.test(fn)) eval(fn);
}
}
}
}
}
}
// Wraps strings in Layer Generation Functions with the correct tags
// endWrap true(if end tag) or false if start tag
// fontSizeStr - font size string such as '1' or '10px'
// whichString is being wrapped -- 'text', 'caption', or 'close'
function wrapStr(endWrap,fontSizeSt
var fontStr, fontColor, isClose=((whichString=='cl
fontSizeStr = (olNs4) ? (!hasDims ? fontSizeStr : '1') : fontSizeStr;
if (endWrap) return (hasDims&&!olNs4) ? (isClose ? '</span>' : '</div>') : '</font>';
else {
fontStr='o3_'+whichString+
fontColor='o3_'+((whichStr
return (hasDims&&!olNs4) ? (isClose ? '<span style="font-family: '+quoteMultiNameFonts(eval
}
}
// Quotes Multi word font names; needed for CSS Standards adherence in font-family
function quoteMultiNameFonts(theFon
var v, pM=theFont.split(',');
for (var i=0; i<pM.length; i++) {
v=pM[i];
v=v.replace(/^\s+/,'').rep
if(/\s/.test(v) && !/['"]/.test(v)) {
v="\'"+v+"\'";
pM[i]=v;
}
}
return pM.join();
}
// dummy function which will be overridden
function isExclusive(args) {
return false;
}
// function will delay close by time milliseconds
function hideDelay(time) {
if (time&&!o3_delay) {
if (o3_timerid > 0) clearTimeout(o3_timerid);
o3_timerid=setTimeout("cCl
}
}
// Was originally in the placeLayer() routine; separated out for future ease
function horizontalPlacement(browse
var placeX, iwidth=browserWidth, winoffset=horizontalScroll
var parsedWidth = parseInt(o3_width);
if (o3_fixx > -1 || o3_relx != null) {
// Fixed position
placeX=(o3_relx != null ? ( o3_relx < 0 ? winoffset +o3_relx+ iwidth - parsedWidth - widthFix : winoffset+o3_relx) : o3_fixx);
} else {
// If HAUTO, decide what to use.
if (o3_hauto == 1) {
if ((o3_x - winoffset) > (iwidth / 2)) {
o3_hpos = LEFT;
} else {
o3_hpos = RIGHT;
}
}
// From mouse
if (o3_hpos == CENTER) { // Center
placeX = o3_x+o3_offsetx-(parsedWid
if (placeX < winoffset) placeX = winoffset;
}
if (o3_hpos == RIGHT) { // Right
placeX = o3_x+o3_offsetx;
if ((placeX+parsedWidth) > (winoffset+iwidth - widthFix)) {
placeX = iwidth+winoffset - parsedWidth - widthFix;
if (placeX < 0) placeX = 0;
}
}
if (o3_hpos == LEFT) { // Left
placeX = o3_x-o3_offsetx-parsedWidt
if (placeX < winoffset) placeX = winoffset;
}
// Snapping!
if (o3_snapx > 1) {
var snapping = placeX % o3_snapx;
if (o3_hpos == LEFT) {
placeX = placeX - (o3_snapx+snapping);
} else {
// CENTER and RIGHT
placeX = placeX+(o3_snapx - snapping);
}
if (placeX < winoffset) placeX = winoffset;
}
}
return placeX;
}
// was originally in the placeLayer() routine; separated out for future ease
function verticalPlacement(browserH
var placeY, iheight=browserHeight, scrolloffset=verticalScrol
var parsedHeight=(o3_aboveheig
if (o3_fixy > -1 || o3_rely != null) {
// Fixed position
placeY=(o3_rely != null ? (o3_rely < 0 ? scrolloffset+o3_rely+iheig
} else {
// If VAUTO, decide what to use.
if (o3_vauto == 1) {
if ((o3_y - scrolloffset) > (iheight / 2) && o3_vpos == BELOW && (o3_y + parsedHeight + o3_offsety - (scrolloffset + iheight) > 0)) {
o3_vpos = ABOVE;
} else if (o3_vpos == ABOVE && (o3_y - (parsedHeight + o3_offsety) - scrolloffset < 0)) {
o3_vpos = BELOW;
}
}
// From mouse
if (o3_vpos == ABOVE) {
if (o3_aboveheight == 0) o3_aboveheight = parsedHeight;
placeY = o3_y - (o3_aboveheight+o3_offsety
if (placeY < scrolloffset) placeY = scrolloffset;
} else {
// BELOW
placeY = o3_y+o3_offsety;
}
// Snapping!
if (o3_snapy > 1) {
var snapping = placeY % o3_snapy;
if (o3_aboveheight > 0 && o3_vpos == ABOVE) {
placeY = placeY - (o3_snapy+snapping);
} else {
placeY = placeY+(o3_snapy - snapping);
}
if (placeY < scrolloffset) placeY = scrolloffset;
}
}
return placeY;
}
// checks positioning flags
function checkPositionFlags() {
if (olHautoFlag) olHautoFlag = o3_hauto=0;
if (olVautoFlag) olVautoFlag = o3_vauto=0;
return true;
}
// get Browser window width
function windowWidth() {
var w;
if (o3_frame.innerWidth) w=o3_frame.innerWidth;
else if (eval('o3_frame.'+docRoot)
w=eval('o3_frame.'+docRoot
return w;
}
// create the div container for popup content if it doesn't exist
function createDivContainer(id,frm,
id = (id || 'overDiv'), frm = (frm || o3_frame), zValue = (zValue || 1000);
var objRef, divContainer = layerReference(id);
if (divContainer == null) {
if (olNs4) {
divContainer = frm.document.layers[id] = new Layer(window.innerWidth, frm);
objRef = divContainer;
} else {
var body = (olIe4 ? frm.document.all.tags('BOD
if (olIe4&&!document.getEleme
body.insertAdjacentHTML("b
divContainer=layerReferenc
} else {
divContainer = frm.document.createElement
divContainer.id = id;
body.appendChild(divContai
}
objRef = divContainer.style;
}
with (objRef) {
position = 'absolute';
visibility = 'hidden';
top = left = -10000 + (!olNs4) ? 'px' : 0;
zIndex = zValue;
}
}
return divContainer;
}
// get reference to a layer with ID=id
function layerReference(id) {
return (olNs4 ? o3_frame.document.layers[i
}
////////
// PLUGIN ACTIVATION FUNCTIONS
////////
// Runs plugin functions to set runtime variables.
function setRunTimeVariables(){
if (typeof runTime != 'undefined' && runTime.length) {
for (var k = 0; k < runTime.length; k++) {
runTime[k]();
}
}
}
// Runs plugin functions to parse commands.
function parseCmdLine(pf, i, args) {
if (typeof cmdLine != 'undefined' && cmdLine.length) {
for (var k = 0; k < cmdLine.length; k++) {
var j = cmdLine[k](pf, i, args);
if (j >- 1) {
i = j;
break;
}
}
}
return i;
}
// Runs plugin functions to do things after parse.
function postParseChecks(){
if (typeof postParse != 'undefined' && postParse.length) {
for (var k = 0; k < postParse.length; k++) {
if (postParse[k]()) continue;
return false; // end now since have an error
}
}
return true;
}
////////
// PLUGIN REGISTRATION FUNCTIONS
////////
// Registers commands and creates constants.
function registerCommands(cmdStr) {
if (typeof cmdStr!='string') return;
var pM = cmdStr.split(',');
pms = pms.concat(pM);
for (var i = 0; i< pM.length; i++) {
eval(pM[i].toUpperCase()+'
}
}
// Registers no-parameter commands
function registerNoParameterCommand
if (!cmdStr && typeof cmdStr!='string') return;
pmt=(!pmt) ? cmdStr : pmt + ',' + cmdStr;
}
// Register a function to hook at a certain point.
function registerHook(fnHookTo, fnRef, hookType, optPm) {
var hookPt, last = typeof optPm;
if (fnHookTo == 'plgIn'||fnHookTo == 'postParse') return;
if (typeof hookPts == 'undefined') hookPts = new Array();
if (typeof hookPts[fnHookTo] == 'undefined') hookPts[fnHookTo] = new FunctionReference();
hookPt = hookPts[fnHookTo];
if (hookType != null) {
if (hookType == FREPLACE) {
hookPt.ovload = fnRef; // replace normal overlib routine
if (fnHookTo.indexOf('ol_cont
} else if (hookType == FBEFORE || hookType == FAFTER) {
var hookPt=(hookType == 1 ? hookPt.before : hookPt.after);
if (typeof fnRef == 'object') {
hookPt = hookPt.concat(fnRef);
} else {
hookPt[hookPt.length++] = fnRef;
}
if (optPm) hookPt = reOrder(hookPt, fnRef, optPm);
} else if (hookType == FALTERNATE) {
if (last=='number') hookPt.alt[pms[optPm-1-pmS
} else if (hookType == FCHAIN) {
hookPt = hookPt.chain;
if (typeof fnRef=='object') hookPt=hookPt.concat(fnRef
else hookPt[hookPt.length++]=fn
}
return;
}
}
// Register a function that will set runtime variables.
function registerRunTimeFunction(fn
if (isFunction(fn)) {
if (typeof runTime == 'undefined') runTime = new Array();
if (typeof fn == 'object') {
runTime = runTime.concat(fn);
} else {
runTime[runTime.length++] = fn;
}
}
}
// Register a function that will handle command parsing.
function registerCmdLineFunction(fn
if (isFunction(fn)) {
if (typeof cmdLine == 'undefined') cmdLine = new Array();
if (typeof fn == 'object') {
cmdLine = cmdLine.concat(fn);
} else {
cmdLine[cmdLine.length++] = fn;
}
}
}
// Register a function that does things after command parsing.
function registerPostParseFunction(
if (isFunction(fn)) {
if (typeof postParse == 'undefined') postParse = new Array();
if (typeof fn == 'object') {
postParse = postParse.concat(fn);
} else {
postParse[postParse.length
}
}
}
////////
// PLUGIN REGISTRATION FUNCTIONS
////////
// Runs any hooks registered.
function runHook(fnHookTo, hookType) {
var l = hookPts[fnHookTo], k, rtnVal, optPm, arS, ar = runHook.arguments;
if (hookType == FREPLACE) {
arS = argToString(ar, 2);
if (typeof l == 'undefined' || !(l = l.ovload)) return eval(fnHookTo+'('+arS+')')
else return eval('l('+arS+')');
} else if (hookType == FBEFORE || hookType == FAFTER) {
if (typeof l == 'undefined') return;
l=(hookType == 1 ? l.before : l.after);
if (!l.length) return;
arS = argToString(ar, 2);
for (var k = 0; k < l.length; k++) eval('l[k]('+arS+')');
} else if (hookType == FALTERNATE) {
optPm = ar[2];
arS = argToString(ar, 3);
if (typeof l == 'undefined' || (l = l.alt[pms[optPm-1-pmStart]
return eval(fnHookTo+'('+arS+')')
} else {
return eval('l('+arS+')');
}
} else if (hookType == FCHAIN) {
arS=argToString(ar,2);
l=l.chain;
for (k=l.length; k > 0; k--) if((rtnVal=eval('l[k-1]('+
}
}
////////
// UTILITY FUNCTIONS
////////
// Checks if something is a function.
function isFunction(fnRef) {
var rtn = true;
if (typeof fnRef == 'object') {
for (var i = 0; i < fnRef.length; i++) {
if (typeof fnRef[i]=='function') continue;
rtn = false;
break;
}
} else if (typeof fnRef != 'function') {
rtn = false;
}
return rtn;
}
// Converts an array into an argument string for use in eval.
function argToString(array, strtInd, argName) {
var jS = strtInd, aS = '', ar = array;
argName=(argName ? argName : 'ar');
if (ar.length > jS) {
for (var k = jS; k < ar.length; k++) aS += argName+'['+k+'], ';
aS = aS.substring(0, aS.length-2);
}
return aS;
}
// Places a hook in the correct position in a hook point.
function reOrder(hookPt, fnRef, order) {
if (!order || typeof order == 'undefined' || typeof order == 'number') return;
var newPt = new Array(), match;
if (typeof order=='function') {
if (typeof fnRef=='object') {
newPt = newPt.concat(fnRef);
} else {
newPt[newPt.length++]=fnRe
}
for (var i = 0; i < hookPt.length; i++) {
match = false;
if (typeof fnRef == 'function' && hookPt[i] == fnRef) {
continue;
} else {
for(var j = 0; j < fnRef.length; j++) if (hookPt[i] == fnRef[j]) {
match = true;
break;
}
}
if (!match) newPt[newPt.length++] = hookPt[i];
}
newPt[newPt.length++] = order;
} else if (typeof order == 'object') {
if (typeof fnRef == 'object') {
newPt = newPt.concat(fnRef);
} else {
newPt[newPt.length++] = fnRef;
}
for (var j = 0; j < hookPt.length; j++) {
match = false;
if (typeof fnRef == 'function' && hookPt[j] == fnRef) {
continue;
} else {
for (var i = 0; i < fnRef.length; i++) if (hookPt[j] == fnRef[i]) {
match = true;
break;
}
}
if (!match) newPt[newPt.length++]=hook
}
for (i = 0; i < newPt.length; i++) hookPt[i] = newPt[i];
newPt.length = 0;
for (var j = 0; j < hookPt.length; j++) {
match = false;
for (var i = 0; i < order.length; i++) {
if (hookPt[j] == order[i]) {
match = true;
break;
}
}
if (!match) newPt[newPt.length++] = hookPt[j];
}
newPt = newPt.concat(order);
}
for(i = 0; i < newPt.length; i++) hookPt[i] = newPt[i];
return hookPt;
}
////////
// OBJECT CONSTRUCTORS
////////
// Object for handling hooks.
function FunctionReference() {
this.ovload = null;
this.before = new Array();
this.after = new Array();
this.alt = new Array();
this.chain = new Array();
}
// Object for simple access to the overLIB version used.
// Examples: simpleversion:351 major:3 minor:5 revision:1
function Info(version, prerelease) {
this.version = version;
this.prerelease = prerelease;
this.simpleversion = Math.round(this.version*10
this.major = parseInt(this.simpleversio
this.minor = parseInt(this.simpleversio
this.revision = parseInt(this.simpleversio
this.meets = meets;
}
// checks for Core Version required
function meets(reqdVersion) {
return (!reqdVersion) ? false : this.simpleversion >= Math.round(100*parseFloat(
}
////////
// STANDARD REGISTRATIONS
////////
registerHook("ol_content_s
registerHook("ol_content_c
registerHook("ol_content_b
registerHook("ol_content_s
registerHook("ol_content_c
registerHook("ol_content_b
registerPostParseFunction(
registerHook("hideObject",
registerHook("horizontalPl
registerHook("verticalPlac
if (olNs4||(olIe5&&isMac)||ol
registerNoParameterCommand
This message is getting pretty big now. I feel like we are real close to getting this done though.
BTW here is a link to the page I am working on:
http://www.medefis.com/cgi-bin/medefis/search2.cgi
Thanks,
jahmekyat
Thanks for the help. When I changed out the print function, it is not populating the JS array anymore.
Here is the View Source:
<script src="/js/overlib.js" language="JavaScript1.2" type=text/javascript>
var jobs_in_states = new Array()
00000000000000000000000000
function overlib(state) {
document.disp.jobs.value = jobs_in_states[state]
}
function nd(){
document.disp.jobs.value = ""
}
If I put the old one back it populates again Any ideas?
Also, I probably should of told you this when we started, but the two javascript functions I am using
function overlib and function nd are part of a larger JS file that I am using for the events. I probably should of let you see these. So when I run this, I think that it is using the referenced one instaed of the one that we put in the page. If I remove the reference to the larger one, something is missing from the two that you created. Can we add the ones that you did to the larger one? I am not sure how to do it. I have included it below.
//\/////
//\ overLIB 4.17 - You may not remove or change this notice.
//\ Copyright Erik Bosrup 1998-2004. All rights reserved.
//\
//\ Contributors are listed on the homepage.
//\ This file might be old, always check for the latest version at:
//\ http://www.bosrup.com/web/overlib/
//\
//\ Please read the license agreement (available through the link above)
//\ before using overLIB. Direct any licensing questions to erik@bosrup.com.
//\
//\ Do not sell this as your own work or remove this copyright notice.
//\ For full details on copying or changing this script please read the
//\ license agreement at the link above. Please give credit on sites that
//\ use overLIB and submit changes of the script so other people can use
//\ them as well.
// $Revision: 1.112 $ $Date: 2005/03/08 19:22:53 $
//\/////
//\mini
////////
// PRE-INIT
// Ignore these lines, configuration is below.
////////
var olLoaded = 0;var pmStart = 10000000; var pmUpper = 10001000; var pmCount = pmStart+1; var pmt=''; var pms = new Array(); var olInfo = new Info('4.17', 1);
var FREPLACE = 0; var FBEFORE = 1; var FAFTER = 2; var FALTERNATE = 3; var FCHAIN=4;
var olHideForm=0; // parameter for hiding SELECT and ActiveX elements in IE5.5+
var olHautoFlag = 0; // flags for over-riding VAUTO and HAUTO if corresponding
var olVautoFlag = 0; // positioning commands are used on the command line
registerCommands('donothin
////////
// DEFAULT CONFIGURATION
// Settings you want everywhere are set here. All of this can also be
// changed on your html page or through an overLIB call.
////////
if (typeof ol_fgcolor=='undefined') var ol_fgcolor="#CCCCFF";
if (typeof ol_bgcolor=='undefined') var ol_bgcolor="#333399";
if (typeof ol_textcolor=='undefined')
if (typeof ol_capcolor=='undefined') var ol_capcolor="#FFFFFF";
if (typeof ol_closecolor=='undefined'
if (typeof ol_textfont=='undefined') var ol_textfont="Verdana,Arial
if (typeof ol_captionfont=='undefined
if (typeof ol_closefont=='undefined')
if (typeof ol_textsize=='undefined') var ol_textsize="1";
if (typeof ol_captionsize=='undefined
if (typeof ol_closesize=='undefined')
if (typeof ol_width=='undefined') var ol_width="200";
if (typeof ol_border=='undefined') var ol_border="1";
if (typeof ol_cellpad=='undefined') var ol_cellpad=2;
if (typeof ol_offsetx=='undefined') var ol_offsetx=10;
if (typeof ol_offsety=='undefined') var ol_offsety=10;
if (typeof ol_text=='undefined') var ol_text="Default Text";
if (typeof ol_cap=='undefined') var ol_cap="";
if (typeof ol_sticky=='undefined') var ol_sticky=0;
if (typeof ol_background=='undefined'
if (typeof ol_close=='undefined') var ol_close="Close";
if (typeof ol_hpos=='undefined') var ol_hpos=RIGHT;
if (typeof ol_status=='undefined') var ol_status="";
if (typeof ol_autostatus=='undefined'
if (typeof ol_height=='undefined') var ol_height=-1;
if (typeof ol_snapx=='undefined') var ol_snapx=0;
if (typeof ol_snapy=='undefined') var ol_snapy=0;
if (typeof ol_fixx=='undefined') var ol_fixx=-1;
if (typeof ol_fixy=='undefined') var ol_fixy=-1;
if (typeof ol_relx=='undefined') var ol_relx=null;
if (typeof ol_rely=='undefined') var ol_rely=null;
if (typeof ol_fgbackground=='undefine
if (typeof ol_bgbackground=='undefine
if (typeof ol_padxl=='undefined') var ol_padxl=1;
if (typeof ol_padxr=='undefined') var ol_padxr=1;
if (typeof ol_padyt=='undefined') var ol_padyt=1;
if (typeof ol_padyb=='undefined') var ol_padyb=1;
if (typeof ol_fullhtml=='undefined') var ol_fullhtml=0;
if (typeof ol_vpos=='undefined') var ol_vpos=BELOW;
if (typeof ol_aboveheight=='undefined
if (typeof ol_capicon=='undefined') var ol_capicon="";
if (typeof ol_frame=='undefined') var ol_frame=self;
if (typeof ol_timeout=='undefined') var ol_timeout=0;
if (typeof ol_function=='undefined') var ol_function=null;
if (typeof ol_delay=='undefined') var ol_delay=0;
if (typeof ol_hauto=='undefined') var ol_hauto=0;
if (typeof ol_vauto=='undefined') var ol_vauto=0;
if (typeof ol_closeclick=='undefined'
if (typeof ol_wrap=='undefined') var ol_wrap=0;
if (typeof ol_followmouse=='undefined
if (typeof ol_mouseoff=='undefined') var ol_mouseoff=0;
if (typeof ol_closetitle=='undefined'
if (typeof ol_compatmode=='undefined'
if (typeof ol_css=='undefined') var ol_css=CSSOFF;
if (typeof ol_fgclass=='undefined') var ol_fgclass="";
if (typeof ol_bgclass=='undefined') var ol_bgclass="";
if (typeof ol_textfontclass=='undefin
if (typeof ol_captionfontclass=='unde
if (typeof ol_closefontclass=='undefi
////////
// ARRAY CONFIGURATION
////////
// You can use these arrays to store popup text here instead of in the html.
if (typeof ol_texts=='undefined') var ol_texts = new Array("Text 0", "Text 1");
if (typeof ol_caps=='undefined') var ol_caps = new Array("Caption 0", "Caption 1");
////////
// END OF CONFIGURATION
// Don't change anything below this line, all configuration is above.
////////
////////
// INIT
////////
// Runtime variables init. Don't change for config!
var o3_text="";
var o3_cap="";
var o3_sticky=0;
var o3_background="";
var o3_close="Close";
var o3_hpos=RIGHT;
var o3_offsetx=2;
var o3_offsety=2;
var o3_fgcolor="";
var o3_bgcolor="";
var o3_textcolor="";
var o3_capcolor="";
var o3_closecolor="";
var o3_width=100;
var o3_border=1;
var o3_cellpad=2;
var o3_status="";
var o3_autostatus=0;
var o3_height=-1;
var o3_snapx=0;
var o3_snapy=0;
var o3_fixx=-1;
var o3_fixy=-1;
var o3_relx=null;
var o3_rely=null;
var o3_fgbackground="";
var o3_bgbackground="";
var o3_padxl=0;
var o3_padxr=0;
var o3_padyt=0;
var o3_padyb=0;
var o3_fullhtml=0;
var o3_vpos=BELOW;
var o3_aboveheight=0;
var o3_capicon="";
var o3_textfont="Verdana,Arial
var o3_captionfont="Verdana,Ar
var o3_closefont="Verdana,Aria
var o3_textsize="1";
var o3_captionsize="1";
var o3_closesize="1";
var o3_frame=self;
var o3_timeout=0;
var o3_timerid=0;
var o3_allowmove=0;
var o3_function=null;
var o3_delay=0;
var o3_delayid=0;
var o3_hauto=0;
var o3_vauto=0;
var o3_closeclick=0;
var o3_wrap=0;
var o3_followmouse=1;
var o3_mouseoff=0;
var o3_closetitle='';
var o3_compatmode=0;
var o3_css=CSSOFF;
var o3_fgclass="";
var o3_bgclass="";
var o3_textfontclass="";
var o3_captionfontclass="";
var o3_closefontclass="";
// Display state variables
var o3_x = 0;
var o3_y = 0;
var o3_showingsticky = 0;
var o3_removecounter = 0;
// Our layer
var over = null;
var fnRef, hoveringSwitch = false;
var olHideDelay;
// Decide browser version
var isMac = (navigator.userAgent.index
var olOp = (navigator.userAgent.toLow
var olNs4 = (navigator.appName=='Netsc
var olNs6 = (document.getElementById) ? true : false;
var olKq = (olNs6 && /konqueror/i.test(navigato
var olIe4 = (document.all) ? true : false;
var olIe5 = false;
var olIe55 = false; // Added additional variable to identify IE5.5+
var docRoot = 'document.body';
// Resize fix for NS4.x to keep track of layer
if (olNs4) {
var oW = window.innerWidth;
var oH = window.innerHeight;
window.onresize = function() { if (oW != window.innerWidth || oH != window.innerHeight) location.reload(); }
}
// Microsoft Stupidity Check(tm).
if (olIe4) {
var agent = navigator.userAgent;
if (/MSIE/.test(agent)) {
var versNum = parseFloat(agent.match(/MS
if (versNum >= 5){
olIe5=true;
olIe55=(versNum>=5.5&&!olO
if (olNs6) olNs6=false;
}
}
if (olNs6) olIe4 = false;
}
// Check for compatability mode.
if (document.compatMode && document.compatMode == 'CSS1Compat') {
docRoot= ((olIe4 && !olOp) ? 'document.documentElement'
}
// Add window onload handlers to indicate when all modules have been loaded
// For Netscape 6+ and Mozilla, uses addEventListener method on the window object
// For IE it uses the attachEvent method of the window object and for Netscape 4.x
// it sets the window.onload handler to the OLonload_handler function for Bubbling
if(window.addEventListener
else if (window.attachEvent) window.attachEvent("onload
// Capture events, alt. diffuses the overlib function.
var olCheckMouseCapture = true;
if ((olNs4 || olNs6 || olIe4)) {
olMouseCapture();
} else {
overlib = no_overlib;
nd = no_overlib;
ver3fix = true;
}
////////
// PUBLIC FUNCTIONS
////////
// overlib(arg0,...,argN)
// Loads parameters into global runtime variables.
function overlib() {
if (!olLoaded || isExclusive(overlib.argume
if (olCheckMouseCapture) olMouseCapture();
if (over) {
over = (typeof over.id != 'string') ? o3_frame.document.all['ove
cClick();
}
// Load defaults to runtime.
olHideDelay=0;
o3_text=ol_text;
o3_cap=ol_cap;
o3_sticky=ol_sticky;
o3_background=ol_backgroun
o3_close=ol_close;
o3_hpos=ol_hpos;
o3_offsetx=ol_offsetx;
o3_offsety=ol_offsety;
o3_fgcolor=ol_fgcolor;
o3_bgcolor=ol_bgcolor;
o3_textcolor=ol_textcolor;
o3_capcolor=ol_capcolor;
o3_closecolor=ol_closecolo
o3_width=ol_width;
o3_border=ol_border;
o3_cellpad=ol_cellpad;
o3_status=ol_status;
o3_autostatus=ol_autostatu
o3_height=ol_height;
o3_snapx=ol_snapx;
o3_snapy=ol_snapy;
o3_fixx=ol_fixx;
o3_fixy=ol_fixy;
o3_relx=ol_relx;
o3_rely=ol_rely;
o3_fgbackground=ol_fgbackg
o3_bgbackground=ol_bgbackg
o3_padxl=ol_padxl;
o3_padxr=ol_padxr;
o3_padyt=ol_padyt;
o3_padyb=ol_padyb;
o3_fullhtml=ol_fullhtml;
o3_vpos=ol_vpos;
o3_aboveheight=ol_abovehei
o3_capicon=ol_capicon;
o3_textfont=ol_textfont;
o3_captionfont=ol_captionf
o3_closefont=ol_closefont;
o3_textsize=ol_textsize;
o3_captionsize=ol_captions
o3_closesize=ol_closesize;
o3_timeout=ol_timeout;
o3_function=ol_function;
o3_delay=ol_delay;
o3_hauto=ol_hauto;
o3_vauto=ol_vauto;
o3_closeclick=ol_closeclic
o3_wrap=ol_wrap;
o3_followmouse=ol_followmo
o3_mouseoff=ol_mouseoff;
o3_closetitle=ol_closetitl
o3_css=ol_css;
o3_compatmode=ol_compatmod
o3_fgclass=ol_fgclass;
o3_bgclass=ol_bgclass;
o3_textfontclass=ol_textfo
o3_captionfontclass=ol_cap
o3_closefontclass=ol_close
setRunTimeVariables();
fnRef = '';
// Special for frame support, over must be reset...
o3_frame = ol_frame;
if(!(over=createDivContain
parseTokens('o3_', overlib.arguments);
if (!postParseChecks()) return false;
if (o3_delay == 0) {
return runHook("olMain", FREPLACE);
} else {
o3_delayid = setTimeout("runHook('olMai
return false;
}
}
// Clears popups if appropriate
function nd(time) {
if (olLoaded && !isExclusive()) {
hideDelay(time); // delay popup close if time specified
if (o3_removecounter >= 1) { o3_showingsticky = 0 };
if (o3_showingsticky == 0) {
o3_allowmove = 0;
if (over != null && o3_timerid == 0) runHook("hideObject", FREPLACE, over);
} else {
o3_removecounter++;
}
}
return true;
}
// The Close onMouseOver function for stickies
function cClick() {
if (olLoaded) {
runHook("hideObject", FREPLACE, over);
o3_showingsticky = 0;
}
return false;
}
// Method for setting page specific defaults.
function overlib_pagedefaults() {
parseTokens('ol_', overlib_pagedefaults.argum
}
////////
// OVERLIB MAIN FUNCTION
////////
// This function decides what it is we want to display and how we want it done.
function olMain() {
var layerhtml, styleType;
runHook("olMain", FBEFORE);
if (o3_background!="" || o3_fullhtml) {
// Use background instead of box.
layerhtml = runHook('ol_content_backgr
} else {
// They want a popup box.
styleType = (pms[o3_css-1-pmStart] == "cssoff" || pms[o3_css-1-pmStart] == "cssclass");
// Prepare popup background
if (o3_fgbackground != "") o3_fgbackground = "background=\""+o3_fgbackg
if (o3_bgbackground != "") o3_bgbackground = (styleType ? "background=\""+o3_bgbackg
// Prepare popup colors
if (o3_fgcolor != "") o3_fgcolor = (styleType ? "bgcolor=\""+o3_fgcolor+"\
if (o3_bgcolor != "") o3_bgcolor = (styleType ? "bgcolor=\""+o3_bgcolor+"\
// Prepare popup height
if (o3_height > 0) o3_height = (styleType ? "height=\""+o3_height+"\""
else o3_height = "";
// Decide which kinda box.
if (o3_cap=="") {
// Plain
layerhtml = runHook('ol_content_simple
} else {
// With caption
if (o3_sticky) {
// Show close text
layerhtml = runHook('ol_content_captio
} else {
// No close text
layerhtml = runHook('ol_content_captio
}
}
}
// We want it to stick!
if (o3_sticky) {
if (o3_timerid > 0) {
clearTimeout(o3_timerid);
o3_timerid = 0;
}
o3_showingsticky = 1;
o3_removecounter = 0;
}
// Created a separate routine to generate the popup to make it easier
// to implement a plugin capability
if (!runHook("createPopup", FREPLACE, layerhtml)) return false;
// Prepare status bar
if (o3_autostatus > 0) {
o3_status = o3_text;
if (o3_autostatus > 1) o3_status = o3_cap;
}
// When placing the layer the first time, even stickies may be moved.
o3_allowmove = 0;
// Initiate a timer for timeout
if (o3_timeout > 0) {
if (o3_timerid > 0) clearTimeout(o3_timerid);
o3_timerid = setTimeout("cClick()", o3_timeout);
}
// Show layer
runHook("disp", FREPLACE, o3_status);
runHook("olMain", FAFTER);
return (olOp && event && event.type == 'mouseover' && !o3_status) ? '' : (o3_status != '');
}
////////
// LAYER GENERATION FUNCTIONS
////////
// These functions just handle popup content with tags that should adhere to the W3C standards specification.
// Makes simple table without caption
function ol_content_simple(text) {
txt='<table width="'+o3_width+ '" border="0" cellpadding="'+o3_border+'
set_background("");
return txt;
}
// Makes table with caption and optional close link
function ol_content_caption(text,ti
var nameId;
closing="";
closeevent="onmouseover";
if (o3_closeclick==1) closeevent= (o3_closetitle ? "title='" + o3_closetitle +"'" : "") + " onclick";
if (o3_capicon!="") {
nameId=' hspace=\"5\"'+' align=\"middle\" alt=\"\"';
if (typeof o3_dragimg!='undefined'&&o
o3_capicon='<img src=\"'+o3_capicon+'\"'+na
}
if (close != "")
closing='<td '+(!o3_compatmode && o3_closefontclass ? 'class="'+o3_closefontclas
txt='<table width="'+o3_width+ '" border="0" cellpadding="'+o3_border+'
set_background("");
return txt;
}
// Sets the background picture,padding and lots more. :)
function ol_content_background(text
if (hasfullhtml) {
txt=text;
} else {
txt='<table width="'+o3_width+'" border="0" cellpadding="0" cellspacing="0" height="'+o3_height+'"><tr
}
set_background(picture);
return txt;
}
// Loads a picture into the div.
function set_background(pic) {
if (pic == "") {
if (olNs4) {
over.background.src = null;
} else if (over.style) {
over.style.backgroundImage
}
} else {
if (olNs4) {
over.background.src = pic;
} else if (over.style) {
over.style.width=o3_width + 'px';
over.style.backgroundImage
}
}
}
////////
// HANDLING FUNCTIONS
////////
var olShowId=-1;
// Displays the popup
function disp(statustext) {
runHook("disp", FBEFORE);
if (o3_allowmove == 0) {
runHook("placeLayer", FREPLACE);
(olNs6&&olShowId<0) ? olShowId=setTimeout("runHo
o3_allowmove = (o3_sticky || o3_followmouse==0) ? 0 : 1;
}
runHook("disp", FAFTER);
if (statustext != "") self.status = statustext;
}
// Creates the actual popup structure
function createPopup(lyrContent){
runHook("createPopup", FBEFORE);
if (o3_wrap) {
var wd,ww,theObj = (olNs4 ? over : over.style);
theObj.top = theObj.left = ((olIe4&&!olOp) ? 0 : -10000) + (!olNs4 ? 'px' : 0);
layerWrite(lyrContent);
wd = (olNs4 ? over.clip.width : over.offsetWidth);
if (wd > (ww=windowWidth())) {
lyrContent=lyrContent.repl
o3_width=ww;
o3_wrap=0;
}
}
layerWrite(lyrContent);
// Have to set o3_width for placeLayer() routine if o3_wrap is turned on
if (o3_wrap) o3_width=(olNs4 ? over.clip.width : over.offsetWidth);
runHook("createPopup", FAFTER, lyrContent);
return true;
}
// Decides where we want the popup.
function placeLayer() {
var placeX, placeY, widthFix = 0;
// HORIZONTAL PLACEMENT, re-arranged to work in Safari
if (o3_frame.innerWidth) widthFix=18;
iwidth = windowWidth();
// Horizontal scroll offset
winoffset=(olIe4) ? eval('o3_frame.'+docRoot+'
placeX = runHook('horizontalPlaceme
// VERTICAL PLACEMENT, re-arranged to work in Safari
if (o3_frame.innerHeight) {
iheight=o3_frame.innerHeig
} else if (eval('o3_frame.'+docRoot)
iheight=eval('o3_frame.'+d
}
// Vertical scroll offset
scrolloffset=(olIe4) ? eval('o3_frame.'+docRoot+'
placeY = runHook('verticalPlacement
// Actually move the object.
repositionTo(over, placeX, placeY);
}
// Moves the layer
function olMouseMove(e) {
var e = (e) ? e : event;
if (e.pageX) {
o3_x = e.pageX;
o3_y = e.pageY;
} else if (e.clientX) {
o3_x = eval('e.clientX+o3_frame.'
o3_y = eval('e.clientY+o3_frame.'
}
if (o3_allowmove == 1) runHook("placeLayer", FREPLACE);
// MouseOut handler
if (hoveringSwitch && !olNs4 && runHook("cursorOff", FREPLACE)) {
(olHideDelay ? hideDelay(olHideDelay) : cClick());
hoveringSwitch = !hoveringSwitch;
}
}
// Fake function for 3.0 users.
function no_overlib() { return ver3fix; }
// Capture the mouse and chain other scripts.
function olMouseCapture() {
capExtent = document;
var fN, str = '', l, k, f, wMv, sS, mseHandler = olMouseMove;
var re = /function[ ]*(\w*)\(/;
wMv = (!olIe4 && window.onmousemove);
if (document.onmousemove || wMv) {
if (wMv) capExtent = window;
f = capExtent.onmousemove.toSt
fN = f.match(re);
if (fN == null) {
str = f+'(e); ';
} else if (fN[1] == 'anonymous' || fN[1] == 'olMouseMove' || (wMv && fN[1] == 'onmousemove')) {
if (!olOp && wMv) {
l = f.indexOf('{')+1;
k = f.lastIndexOf('}');
sS = f.substring(l,k);
if ((l = sS.indexOf('(')) != -1) {
sS = sS.substring(0,l).replace(
if (eval("typeof " + sS + " == 'undefined'")) window.onmousemove = null;
else str = sS + '(e);';
}
}
if (!str) {
olCheckMouseCapture = false;
return;
}
} else {
if (fN[1]) str = fN[1]+'(e); ';
else {
l = f.indexOf('{')+1;
k = f.lastIndexOf('}');
str = f.substring(l,k) + '\n';
}
}
str += 'olMouseMove(e); ';
mseHandler = new Function('e', str);
}
capExtent.onmousemove = mseHandler;
if (olNs4) capExtent.captureEvents(Ev
}
////////
// PARSING FUNCTIONS
////////
// Does the actual command parsing.
function parseTokens(pf, ar) {
// What the next argument is expected to be.
var v, mode=-1, par = (pf != 'ol_');
var fnMark = (par && !ar.length ? 1 : 0);
for (i = 0; i < ar.length; i++) {
if (mode < 0) {
// Arg is maintext,unless its a number between pmStart and pmUpper
// then its a command.
if (typeof ar[i] == 'number' && ar[i] > pmStart && ar[i] < pmUpper) {
fnMark = (par ? 1 : 0);
i--; // backup one so that the next block can parse it
} else {
switch(pf) {
case 'ol_':
ol_text = ar[i].toString();
break;
default:
o3_text=ar[i].toString();
}
}
mode = 0;
} else {
// Note: NS4 doesn't like switch cases with vars.
if (ar[i] >= pmCount || ar[i]==DONOTHING) { continue; }
if (ar[i]==INARRAY) { fnMark = 0; eval(pf+'text=ol_texts['+a
if (ar[i]==CAPARRAY) { eval(pf+'cap=ol_caps['+ar[
if (ar[i]==STICKY) { if (pf!='ol_') eval(pf+'sticky=1'); continue; }
if (ar[i]==BACKGROUND) { eval(pf+'background="'+ar[
if (ar[i]==NOCLOSE) { if (pf!='ol_') opt_NOCLOSE(); continue; }
if (ar[i]==CAPTION) { eval(pf+"cap='"+escSglQuot
if (ar[i]==CENTER || ar[i]==LEFT || ar[i]==RIGHT) { eval(pf+'hpos='+ar[i]); if(pf!='ol_') olHautoFlag=1; continue; }
if (ar[i]==OFFSETX) { eval(pf+'offsetx='+ar[++i]
if (ar[i]==OFFSETY) { eval(pf+'offsety='+ar[++i]
if (ar[i]==FGCOLOR) { eval(pf+'fgcolor="'+ar[++i
if (ar[i]==BGCOLOR) { eval(pf+'bgcolor="'+ar[++i
if (ar[i]==TEXTCOLOR) { eval(pf+'textcolor="'+ar[+
if (ar[i]==CAPCOLOR) { eval(pf+'capcolor="'+ar[++
if (ar[i]==CLOSECOLOR) { eval(pf+'closecolor="'+ar[
if (ar[i]==WIDTH) { eval(pf+'width='+ar[++i]);
if (ar[i]==BORDER) { eval(pf+'border='+ar[++i])
if (ar[i]==CELLPAD) { i=opt_MULTIPLEARGS(++i,ar,
if (ar[i]==STATUS) { eval(pf+"status='"+escSglQ
if (ar[i]==AUTOSTATUS) { eval(pf +'autostatus=('+pf+'autost
if (ar[i]==AUTOSTATUSCAP) { eval(pf +'autostatus=('+pf+'autost
if (ar[i]==HEIGHT) { eval(pf+'height='+pf+'abov
if (ar[i]==CLOSETEXT) { eval(pf+"close='"+escSglQu
if (ar[i]==SNAPX) { eval(pf+'snapx='+ar[++i]);
if (ar[i]==SNAPY) { eval(pf+'snapy='+ar[++i]);
if (ar[i]==FIXX) { eval(pf+'fixx='+ar[++i]); continue; }
if (ar[i]==FIXY) { eval(pf+'fixy='+ar[++i]); continue; }
if (ar[i]==RELX) { eval(pf+'relx='+ar[++i]); continue; }
if (ar[i]==RELY) { eval(pf+'rely='+ar[++i]); continue; }
if (ar[i]==FGBACKGROUND) { eval(pf+'fgbackground="'+a
if (ar[i]==BGBACKGROUND) { eval(pf+'bgbackground="'+a
if (ar[i]==PADX) { eval(pf+'padxl='+ar[++i]);
if (ar[i]==PADY) { eval(pf+'padyt='+ar[++i]);
if (ar[i]==FULLHTML) { if (pf!='ol_') eval(pf+'fullhtml=1'); continue; }
if (ar[i]==BELOW || ar[i]==ABOVE) { eval(pf+'vpos='+ar[i]); if (pf!='ol_') olVautoFlag=1; continue; }
if (ar[i]==CAPICON) { eval(pf+'capicon="'+ar[++i
if (ar[i]==TEXTFONT) { eval(pf+"textfont='"+escSg
if (ar[i]==CAPTIONFONT) { eval(pf+"captionfont='"+es
if (ar[i]==CLOSEFONT) { eval(pf+"closefont='"+escS
if (ar[i]==TEXTSIZE) { eval(pf+'textsize="'+ar[++
if (ar[i]==CAPTIONSIZE) { eval(pf+'captionsize="'+ar
if (ar[i]==CLOSESIZE) { eval(pf+'closesize="'+ar[+
if (ar[i]==TIMEOUT) { eval(pf+'timeout='+ar[++i]
if (ar[i]==FUNCTION) { if (pf=='ol_') { if (typeof ar[i+1]!='number') { v=ar[++i]; ol_function=(typeof v=='function' ? v : null); }} else {fnMark = 0; v = null; if (typeof ar[i+1]!='number') v = ar[++i]; opt_FUNCTION(v); } continue; }
if (ar[i]==DELAY) { eval(pf+'delay='+ar[++i]);
if (ar[i]==HAUTO) { eval(pf+'hauto=('+pf+'haut
if (ar[i]==VAUTO) { eval(pf+'vauto=('+pf+'vaut
if (ar[i]==CLOSECLICK) { eval(pf +'closeclick=('+pf+'closec
if (ar[i]==WRAP) { eval(pf +'wrap=('+pf+'wrap == 0) ? 1 : 0'); continue; }
if (ar[i]==FOLLOWMOUSE) { eval(pf +'followmouse=('+pf+'follo
if (ar[i]==MOUSEOFF) { eval(pf +'mouseoff=('+pf+'mouseoff
if (ar[i]==CLOSETITLE) { eval(pf+"closetitle='"+esc
if (ar[i]==CSSOFF||ar[i]==CSS
if (ar[i]==COMPATMODE) { eval(pf+'compatmode=('+pf+
if (ar[i]==FGCLASS) { eval(pf+'fgclass="'+ar[++i
if (ar[i]==BGCLASS) { eval(pf+'bgclass="'+ar[++i
if (ar[i]==TEXTFONTCLASS) { eval(pf+'textfontclass="'+
if (ar[i]==CAPTIONFONTCLASS) { eval(pf+'captionfontclass=
if (ar[i]==CLOSEFONTCLASS) { eval(pf+'closefontclass="'
i = parseCmdLine(pf, i, ar);
}
}
if (fnMark && o3_function) o3_text = o3_function();
if ((pf == 'o3_') && o3_wrap) {
o3_width = 0;
var tReg=/<.*\n*>/ig;
if (!tReg.test(o3_text)) o3_text = o3_text.replace(/[ ]+/g, ' ');
if (!tReg.test(o3_cap))o3_cap
}
if ((pf == 'o3_') && o3_sticky) {
if (!o3_close && (o3_frame != ol_frame)) o3_close = ol_close;
if (o3_mouseoff && (o3_frame == ol_frame)) opt_NOCLOSE(' ');
}
}
////////
// LAYER FUNCTIONS
////////
// Writes to a layer
function layerWrite(txt) {
txt += "\n";
if (olNs4) {
var lyr = o3_frame.document.layers['
lyr.write(txt)
lyr.close()
} else if (typeof over.innerHTML != 'undefined') {
if (olIe5 && isMac) over.innerHTML = '';
over.innerHTML = txt;
} else {
range = o3_frame.document.createRa
range.setStartAfter(over);
domfrag = range.createContextualFrag
while (over.hasChildNodes()) {
over.removeChild(over.last
}
over.appendChild(domfrag);
}
}
// Make an object visible
function showObject(obj) {
runHook("showObject", FBEFORE);
var theObj=(olNs4 ? obj : obj.style);
theObj.visibility = 'visible';
runHook("showObject", FAFTER);
}
// Hides an object
function hideObject(obj) {
runHook("hideObject", FBEFORE);
var theObj=(olNs4 ? obj : obj.style);
if (olNs6 && olShowId>0) { clearTimeout(olShowId); olShowId=0; }
theObj.visibility = 'hidden';
theObj.top = theObj.left = ((olIe4&&!olOp) ? 0 : -10000) + (!olNs4 ? 'px' : 0);
if (o3_timerid > 0) clearTimeout(o3_timerid);
if (o3_delayid > 0) clearTimeout(o3_delayid);
o3_timerid = 0;
o3_delayid = 0;
self.status = "";
if (obj.onmouseout || obj.onmouseover) {
if (olNs4) obj.releaseEvents(Event.MO
obj.onmouseout = obj.onmouseover = null;
}
runHook("hideObject", FAFTER);
}
// Move a layer
function repositionTo(obj, xL, yL) {
var theObj=(olNs4 ? obj : obj.style);
theObj.left = xL + (!olNs4 ? 'px' : 0);
theObj.top = yL + (!olNs4 ? 'px' : 0);
}
// Check position of cursor relative to overDiv DIVision; mouseOut function
function cursorOff() {
var left = parseInt(over.style.left);
var top = parseInt(over.style.top);
var right = left + (over.offsetWidth >= parseInt(o3_width) ? over.offsetWidth : parseInt(o3_width));
var bottom = top + (over.offsetHeight >= o3_aboveheight ? over.offsetHeight : o3_aboveheight);
if (o3_x < left || o3_x > right || o3_y < top || o3_y > bottom) return true;
return false;
}
////////
// COMMAND FUNCTIONS
////////
// Calls callme or the default function.
function opt_FUNCTION(callme) {
o3_text = (callme ? (typeof callme=='string' ? (/.+\(.*\)/.test(callme) ? eval(callme) : callme) : callme()) : (o3_function ? o3_function() : 'No Function'));
return 0;
}
// Handle hovering
function opt_NOCLOSE(unused) {
if (!unused) o3_close = "";
if (olNs4) {
over.captureEvents(Event.M
over.onmouseover = function () { if (o3_timerid > 0) { clearTimeout(o3_timerid); o3_timerid = 0; } }
over.onmouseout = function (e) { if (olHideDelay) hideDelay(olHideDelay); else cClick(e); }
} else {
over.onmouseover = function () {hoveringSwitch = true; if (o3_timerid > 0) { clearTimeout(o3_timerid); o3_timerid =0; } }
}
return 0;
}
// Function to scan command line arguments for multiples
function opt_MULTIPLEARGS(i, args, parameter) {
var k=i, re, pV, str='';
for(k=i; k<args.length; k++) {
if(typeof args[k] == 'number' && args[k]>pmStart) break;
str += args[k] + ',';
}
if (str) str = str.substring(0,--str.leng
k--; // reduce by one so the for loop this is in works correctly
pV=(olNs4 && /cellpad/i.test(parameter)
eval(parameter + '="' + pV + '"');
return k;
}
// Remove in texts when done.
function nbspCleanup() {
if (o3_wrap) {
o3_text = o3_text.replace(/\ /g
o3_cap = o3_cap.replace(/\ /g,
}
}
// Escape embedded single quotes in text strings
function escSglQuote(str) {
return str.toString().replace(/'/
}
// Onload handler for window onload event
function OLonLoad_handler(e) {
var re = /\w+\(.*\)[;\s]+/g, olre = /overlib\(|nd\(|cClick\(/,
if(!olLoaded) olLoaded=1;
// Remove it for Gecko based browsers
if(window.removeEventListe
else if(window.detachEvent) { // and for IE and Opera 4.x but execute calls to overlib, nd, or cClick()
window.detachEvent("onload
var fN = document.body.getAttribute
if (fN) {
fN=fN.toString().match(re)
if (fN && fN.length) {
for (i=0; i<fN.length; i++) {
if (/anonymous/.test(fN[i])) continue;
while((l=fN[i].search(/\)[
fn=fN[i].substring(0,l+1);
fN[i] = fN[i].substring(l+2);
if (olre.test(fn)) eval(fn);
}
}
}
}
}
}
// Wraps strings in Layer Generation Functions with the correct tags
// endWrap true(if end tag) or false if start tag
// fontSizeStr - font size string such as '1' or '10px'
// whichString is being wrapped -- 'text', 'caption', or 'close'
function wrapStr(endWrap,fontSizeSt
var fontStr, fontColor, isClose=((whichString=='cl
fontSizeStr = (olNs4) ? (!hasDims ? fontSizeStr : '1') : fontSizeStr;
if (endWrap) return (hasDims&&!olNs4) ? (isClose ? '</span>' : '</div>') : '</font>';
else {
fontStr='o3_'+whichString+
fontColor='o3_'+((whichStr
return (hasDims&&!olNs4) ? (isClose ? '<span style="font-family: '+quoteMultiNameFonts(eval
}
}
// Quotes Multi word font names; needed for CSS Standards adherence in font-family
function quoteMultiNameFonts(theFon
var v, pM=theFont.split(',');
for (var i=0; i<pM.length; i++) {
v=pM[i];
v=v.replace(/^\s+/,'').rep
if(/\s/.test(v) && !/['"]/.test(v)) {
v="\'"+v+"\'";
pM[i]=v;
}
}
return pM.join();
}
// dummy function which will be overridden
function isExclusive(args) {
return false;
}
// function will delay close by time milliseconds
function hideDelay(time) {
if (time&&!o3_delay) {
if (o3_timerid > 0) clearTimeout(o3_timerid);
o3_timerid=setTimeout("cCl
}
}
// Was originally in the placeLayer() routine; separated out for future ease
function horizontalPlacement(browse
var placeX, iwidth=browserWidth, winoffset=horizontalScroll
var parsedWidth = parseInt(o3_width);
if (o3_fixx > -1 || o3_relx != null) {
// Fixed position
placeX=(o3_relx != null ? ( o3_relx < 0 ? winoffset +o3_relx+ iwidth - parsedWidth - widthFix : winoffset+o3_relx) : o3_fixx);
} else {
// If HAUTO, decide what to use.
if (o3_hauto == 1) {
if ((o3_x - winoffset) > (iwidth / 2)) {
o3_hpos = LEFT;
} else {
o3_hpos = RIGHT;
}
}
// From mouse
if (o3_hpos == CENTER) { // Center
placeX = o3_x+o3_offsetx-(parsedWid
if (placeX < winoffset) placeX = winoffset;
}
if (o3_hpos == RIGHT) { // Right
placeX = o3_x+o3_offsetx;
if ((placeX+parsedWidth) > (winoffset+iwidth - widthFix)) {
placeX = iwidth+winoffset - parsedWidth - widthFix;
if (placeX < 0) placeX = 0;
}
}
if (o3_hpos == LEFT) { // Left
placeX = o3_x-o3_offsetx-parsedWidt
if (placeX < winoffset) placeX = winoffset;
}
// Snapping!
if (o3_snapx > 1) {
var snapping = placeX % o3_snapx;
if (o3_hpos == LEFT) {
placeX = placeX - (o3_snapx+snapping);
} else {
// CENTER and RIGHT
placeX = placeX+(o3_snapx - snapping);
}
if (placeX < winoffset) placeX = winoffset;
}
}
return placeX;
}
// was originally in the placeLayer() routine; separated out for future ease
function verticalPlacement(browserH
var placeY, iheight=browserHeight, scrolloffset=verticalScrol
var parsedHeight=(o3_aboveheig
if (o3_fixy > -1 || o3_rely != null) {
// Fixed position
placeY=(o3_rely != null ? (o3_rely < 0 ? scrolloffset+o3_rely+iheig
} else {
// If VAUTO, decide what to use.
if (o3_vauto == 1) {
if ((o3_y - scrolloffset) > (iheight / 2) && o3_vpos == BELOW && (o3_y + parsedHeight + o3_offsety - (scrolloffset + iheight) > 0)) {
o3_vpos = ABOVE;
} else if (o3_vpos == ABOVE && (o3_y - (parsedHeight + o3_offsety) - scrolloffset < 0)) {
o3_vpos = BELOW;
}
}
// From mouse
if (o3_vpos == ABOVE) {
if (o3_aboveheight == 0) o3_aboveheight = parsedHeight;
placeY = o3_y - (o3_aboveheight+o3_offsety
if (placeY < scrolloffset) placeY = scrolloffset;
} else {
// BELOW
placeY = o3_y+o3_offsety;
}
// Snapping!
if (o3_snapy > 1) {
var snapping = placeY % o3_snapy;
if (o3_aboveheight > 0 && o3_vpos == ABOVE) {
placeY = placeY - (o3_snapy+snapping);
} else {
placeY = placeY+(o3_snapy - snapping);
}
if (placeY < scrolloffset) placeY = scrolloffset;
}
}
return placeY;
}
// checks positioning flags
function checkPositionFlags() {
if (olHautoFlag) olHautoFlag = o3_hauto=0;
if (olVautoFlag) olVautoFlag = o3_vauto=0;
return true;
}
// get Browser window width
function windowWidth() {
var w;
if (o3_frame.innerWidth) w=o3_frame.innerWidth;
else if (eval('o3_frame.'+docRoot)
w=eval('o3_frame.'+docRoot
return w;
}
// create the div container for popup content if it doesn't exist
function createDivContainer(id,frm,
id = (id || 'overDiv'), frm = (frm || o3_frame), zValue = (zValue || 1000);
var objRef, divContainer = layerReference(id);
if (divContainer == null) {
if (olNs4) {
divContainer = frm.document.layers[id] = new Layer(window.innerWidth, frm);
objRef = divContainer;
} else {
var body = (olIe4 ? frm.document.all.tags('BOD
if (olIe4&&!document.getEleme
body.insertAdjacentHTML("b
divContainer=layerReferenc
} else {
divContainer = frm.document.createElement
divContainer.id = id;
body.appendChild(divContai
}
objRef = divContainer.style;
}
with (objRef) {
position = 'absolute';
visibility = 'hidden';
top = left = -10000 + (!olNs4) ? 'px' : 0;
zIndex = zValue;
}
}
return divContainer;
}
// get reference to a layer with ID=id
function layerReference(id) {
return (olNs4 ? o3_frame.document.layers[i
}
////////
// PLUGIN ACTIVATION FUNCTIONS
////////
// Runs plugin functions to set runtime variables.
function setRunTimeVariables(){
if (typeof runTime != 'undefined' && runTime.length) {
for (var k = 0; k < runTime.length; k++) {
runTime[k]();
}
}
}
// Runs plugin functions to parse commands.
function parseCmdLine(pf, i, args) {
if (typeof cmdLine != 'undefined' && cmdLine.length) {
for (var k = 0; k < cmdLine.length; k++) {
var j = cmdLine[k](pf, i, args);
if (j >- 1) {
i = j;
break;
}
}
}
return i;
}
// Runs plugin functions to do things after parse.
function postParseChecks(){
if (typeof postParse != 'undefined' && postParse.length) {
for (var k = 0; k < postParse.length; k++) {
if (postParse[k]()) continue;
return false; // end now since have an error
}
}
return true;
}
////////
// PLUGIN REGISTRATION FUNCTIONS
////////
// Registers commands and creates constants.
function registerCommands(cmdStr) {
if (typeof cmdStr!='string') return;
var pM = cmdStr.split(',');
pms = pms.concat(pM);
for (var i = 0; i< pM.length; i++) {
eval(pM[i].toUpperCase()+'
}
}
// Registers no-parameter commands
function registerNoParameterCommand
if (!cmdStr && typeof cmdStr!='string') return;
pmt=(!pmt) ? cmdStr : pmt + ',' + cmdStr;
}
// Register a function to hook at a certain point.
function registerHook(fnHookTo, fnRef, hookType, optPm) {
var hookPt, last = typeof optPm;
if (fnHookTo == 'plgIn'||fnHookTo == 'postParse') return;
if (typeof hookPts == 'undefined') hookPts = new Array();
if (typeof hookPts[fnHookTo] == 'undefined') hookPts[fnHookTo] = new FunctionReference();
hookPt = hookPts[fnHookTo];
if (hookType != null) {
if (hookType == FREPLACE) {
hookPt.ovload = fnRef; // replace normal overlib routine
if (fnHookTo.indexOf('ol_cont
} else if (hookType == FBEFORE || hookType == FAFTER) {
var hookPt=(hookType == 1 ? hookPt.before : hookPt.after);
if (typeof fnRef == 'object') {
hookPt = hookPt.concat(fnRef);
} else {
hookPt[hookPt.length++] = fnRef;
}
if (optPm) hookPt = reOrder(hookPt, fnRef, optPm);
} else if (hookType == FALTERNATE) {
if (last=='number') hookPt.alt[pms[optPm-1-pmS
} else if (hookType == FCHAIN) {
hookPt = hookPt.chain;
if (typeof fnRef=='object') hookPt=hookPt.concat(fnRef
else hookPt[hookPt.length++]=fn
}
return;
}
}
// Register a function that will set runtime variables.
function registerRunTimeFunction(fn
if (isFunction(fn)) {
if (typeof runTime == 'undefined') runTime = new Array();
if (typeof fn == 'object') {
runTime = runTime.concat(fn);
} else {
runTime[runTime.length++] = fn;
}
}
}
// Register a function that will handle command parsing.
function registerCmdLineFunction(fn
if (isFunction(fn)) {
if (typeof cmdLine == 'undefined') cmdLine = new Array();
if (typeof fn == 'object') {
cmdLine = cmdLine.concat(fn);
} else {
cmdLine[cmdLine.length++] = fn;
}
}
}
// Register a function that does things after command parsing.
function registerPostParseFunction(
if (isFunction(fn)) {
if (typeof postParse == 'undefined') postParse = new Array();
if (typeof fn == 'object') {
postParse = postParse.concat(fn);
} else {
postParse[postParse.length
}
}
}
////////
// PLUGIN REGISTRATION FUNCTIONS
////////
// Runs any hooks registered.
function runHook(fnHookTo, hookType) {
var l = hookPts[fnHookTo], k, rtnVal, optPm, arS, ar = runHook.arguments;
if (hookType == FREPLACE) {
arS = argToString(ar, 2);
if (typeof l == 'undefined' || !(l = l.ovload)) return eval(fnHookTo+'('+arS+')')
else return eval('l('+arS+')');
} else if (hookType == FBEFORE || hookType == FAFTER) {
if (typeof l == 'undefined') return;
l=(hookType == 1 ? l.before : l.after);
if (!l.length) return;
arS = argToString(ar, 2);
for (var k = 0; k < l.length; k++) eval('l[k]('+arS+')');
} else if (hookType == FALTERNATE) {
optPm = ar[2];
arS = argToString(ar, 3);
if (typeof l == 'undefined' || (l = l.alt[pms[optPm-1-pmStart]
return eval(fnHookTo+'('+arS+')')
} else {
return eval('l('+arS+')');
}
} else if (hookType == FCHAIN) {
arS=argToString(ar,2);
l=l.chain;
for (k=l.length; k > 0; k--) if((rtnVal=eval('l[k-1]('+
}
}
////////
// UTILITY FUNCTIONS
////////
// Checks if something is a function.
function isFunction(fnRef) {
var rtn = true;
if (typeof fnRef == 'object') {
for (var i = 0; i < fnRef.length; i++) {
if (typeof fnRef[i]=='function') continue;
rtn = false;
break;
}
} else if (typeof fnRef != 'function') {
rtn = false;
}
return rtn;
}
// Converts an array into an argument string for use in eval.
function argToString(array, strtInd, argName) {
var jS = strtInd, aS = '', ar = array;
argName=(argName ? argName : 'ar');
if (ar.length > jS) {
for (var k = jS; k < ar.length; k++) aS += argName+'['+k+'], ';
aS = aS.substring(0, aS.length-2);
}
return aS;
}
// Places a hook in the correct position in a hook point.
function reOrder(hookPt, fnRef, order) {
if (!order || typeof order == 'undefined' || typeof order == 'number') return;
var newPt = new Array(), match;
if (typeof order=='function') {
if (typeof fnRef=='object') {
newPt = newPt.concat(fnRef);
} else {
newPt[newPt.length++]=fnRe
}
for (var i = 0; i < hookPt.length; i++) {
match = false;
if (typeof fnRef == 'function' && hookPt[i] == fnRef) {
continue;
} else {
for(var j = 0; j < fnRef.length; j++) if (hookPt[i] == fnRef[j]) {
match = true;
break;
}
}
if (!match) newPt[newPt.length++] = hookPt[i];
}
newPt[newPt.length++] = order;
} else if (typeof order == 'object') {
if (typeof fnRef == 'object') {
newPt = newPt.concat(fnRef);
} else {
newPt[newPt.length++] = fnRef;
}
for (var j = 0; j < hookPt.length; j++) {
match = false;
if (typeof fnRef == 'function' && hookPt[j] == fnRef) {
continue;
} else {
for (var i = 0; i < fnRef.length; i++) if (hookPt[j] == fnRef[i]) {
match = true;
break;
}
}
if (!match) newPt[newPt.length++]=hook
}
for (i = 0; i < newPt.length; i++) hookPt[i] = newPt[i];
newPt.length = 0;
for (var j = 0; j < hookPt.length; j++) {
match = false;
for (var i = 0; i < order.length; i++) {
if (hookPt[j] == order[i]) {
match = true;
break;
}
}
if (!match) newPt[newPt.length++] = hookPt[j];
}
newPt = newPt.concat(order);
}
for(i = 0; i < newPt.length; i++) hookPt[i] = newPt[i];
return hookPt;
}
////////
// OBJECT CONSTRUCTORS
////////
// Object for handling hooks.
function FunctionReference() {
this.ovload = null;
this.before = new Array();
this.after = new Array();
this.alt = new Array();
this.chain = new Array();
}
// Object for simple access to the overLIB version used.
// Examples: simpleversion:351 major:3 minor:5 revision:1
function Info(version, prerelease) {
this.version = version;
this.prerelease = prerelease;
this.simpleversion = Math.round(this.version*10
this.major = parseInt(this.simpleversio
this.minor = parseInt(this.simpleversio
this.revision = parseInt(this.simpleversio
this.meets = meets;
}
// checks for Core Version required
function meets(reqdVersion) {
return (!reqdVersion) ? false : this.simpleversion >= Math.round(100*parseFloat(
}
////////
// STANDARD REGISTRATIONS
////////
registerHook("ol_content_s
registerHook("ol_content_c
registerHook("ol_content_b
registerHook("ol_content_s
registerHook("ol_content_c
registerHook("ol_content_b
registerPostParseFunction(
registerHook("hideObject",
registerHook("horizontalPl
registerHook("verticalPlac
if (olNs4||(olIe5&&isMac)||ol
registerNoParameterCommand
This message is getting pretty big now. I feel like we are real close to getting this done though.
BTW here is a link to the page I am working on:
http://www.medefis.com/cgi-bin/medefis/search2.cgi
Thanks,
jahmekyat
ok my mistake change the printi funtion to the following:
print "jobs_in_states[\"" . $path->{"State"}. "\"] = \"" . $path->{"Projects"} . "\"" . "\n";
I used "+" instead of "." (Sorry I'm primarily a Java Programmer, havent done perl in years so got the syntax mixed up)
ok now for the Javascript. Get rid of the Javascript I created and add
document.disp.jobs.value = jobs_in_states[state]
to the bottom of the large overlib function
and add document.disp.jobs.value = "" to the bottom of the large nd funtion
I going to be gone for a couple of hours so dont panic try these and we'll take it from there.
print "jobs_in_states[\"" . $path->{"State"}. "\"] = \"" . $path->{"Projects"} . "\"" . "\n";
I used "+" instead of "." (Sorry I'm primarily a Java Programmer, havent done perl in years so got the syntax mixed up)
ok now for the Javascript. Get rid of the Javascript I created and add
document.disp.jobs.value = jobs_in_states[state]
to the bottom of the large overlib function
and add document.disp.jobs.value = "" to the bottom of the large nd funtion
I going to be gone for a couple of hours so dont panic try these and we'll take it from there.
ASKER
Sounds good,
Thanks!!
Thanks!!
ASKER
Hi,
I made all of the changes that you did and the JS array is populating again. Thanks. I just say the text box that I put on the site and I would guess that it was for showing what jobs were in the state when it is hovered over. Actually, if you go to the page, the way that I wanted them to display from my original post, is when they hover over the state, it displays the amount of jobs over the state. Right now the way the hover event works is that it says the state name. If you chek it out, I think that you will know what I mean. So when you hover the particular state, it syas the state name and the amount of jobs in that state, etc. Does that make sense?
Thanks again. I should of been more clear in my description. Sorry for the confusion.
jahmekyat
I made all of the changes that you did and the JS array is populating again. Thanks. I just say the text box that I put on the site and I would guess that it was for showing what jobs were in the state when it is hovered over. Actually, if you go to the page, the way that I wanted them to display from my original post, is when they hover over the state, it displays the amount of jobs over the state. Right now the way the hover event works is that it says the state name. If you chek it out, I think that you will know what I mean. So when you hover the particular state, it syas the state name and the amount of jobs in that state, etc. Does that make sense?
Thanks again. I should of been more clear in my description. Sorry for the confusion.
jahmekyat
I cant access the site.....it asks me for a password
ASKER
Do you have another email that I can send it to? Or, are we allowed to do that?
ok you might try this in your image map call the overlib function like this
onmouseover = "overlib('New York ' + 'Jobs : ' + jobs_in_states['NY'])"
you can get rid of the HTML form
onmouseover = "overlib('New York ' + 'Jobs : ' + jobs_in_states['NY'])"
you can get rid of the HTML form
ASKER
logon with u = test p = test and check healthcare provider and then go to the link. It is now saying that jobs_in_states is undifined
ASKER
Sorry,
Try This Again:
logon with u = test1 p = test1 and check healthcare provider and then go to the link. It is now saying that jobs_in_states is undifined
Try This Again:
logon with u = test1 p = test1 and check healthcare provider and then go to the link. It is now saying that jobs_in_states is undifined
ASKER
I figured out what the problem was.
It is now displaying the Number of jobs in the Hover event.
I might have some more questions. If not, I will wrap it up shortly.
Thanks again,
jahmekyat
It is now displaying the Number of jobs in the Hover event.
I might have some more questions. If not, I will wrap it up shortly.
Thanks again,
jahmekyat
How far along are you ?
ASKER
Hi,
Try going to this link to see the page:
http://www.medefis.com/cgi-bin/medefis/search2.cgi
Let me know if it works.
What I need to do now, if there are no jobs in a particular state, instead of it saying undifined,
I just need it to say that there are no jobs available at this time.
Thanks,
jahmekyat
Try going to this link to see the page:
http://www.medefis.com/cgi-bin/medefis/search2.cgi
Let me know if it works.
What I need to do now, if there are no jobs in a particular state, instead of it saying undifined,
I just need it to say that there are no jobs available at this time.
Thanks,
jahmekyat
ok make this change
onmouseover = "overlib('New York ' + availableJobs('NY') )"
and then add this function:
function availableJobs(state){
return "Jobs: " + (jobs_in_states[state] == null ? "None available at this time" : jobs_in_states[state] )
}
onmouseover = "overlib('New York ' + availableJobs('NY') )"
and then add this function:
function availableJobs(state){
return "Jobs: " + (jobs_in_states[state] == null ? "None available at this time" : jobs_in_states[state] )
}
ASKER
Were you able to see the web page?
yah it looks really good.....good job
ASKER
I haven't done anything with the design of the page, I still have a lot more to do, I was just waiting to get the coding done.
I want to tell you that you have been absolutly awesome with this issue and I am lucky that I got you.
I hope when I post new issues, I get you as my expert.
I want to tell you that you have been absolutly awesome with this issue and I am lucky that I got you.
I hope when I post new issues, I get you as my expert.
Glad to help. I thought the problem you were having was an interesting one and it was fun solving it with you.
ASKER
It looks good! I don't know if I can think of anything else
that I need to add at this time. I really need to work on the design of the page
and what happens after they click the state so they can pull up the jobs in that state.
I already have that part done and just need to tie in the new page to the existing job display page.
The reason that I am doing this now is that we are growing so fast and our project display page is
getting to the point that jobs are starting to get lost because the page is so long. That is only with about
75-100 positions at a time. We are expecting to be up to around 500-750 at a time in the next 6 months
and thought it would be easier for the users to start at the state level and then drill down from there.
Thanks again for all of your help!
jahmekyat
that I need to add at this time. I really need to work on the design of the page
and what happens after they click the state so they can pull up the jobs in that state.
I already have that part done and just need to tie in the new page to the existing job display page.
The reason that I am doing this now is that we are growing so fast and our project display page is
getting to the point that jobs are starting to get lost because the page is so long. That is only with about
75-100 positions at a time. We are expecting to be up to around 500-750 at a time in the next 6 months
and thought it would be easier for the users to start at the state level and then drill down from there.
Thanks again for all of your help!
jahmekyat
ASKER
Thank you for your response. I was not able to respond your answer earlier because of a prior engagement.
What you have given me looks pretty good. I will start to implement this into my existing code and we can go from there. I will start working on this this afternoon and get back to you with my questions.
Thanks again,
T Bryan