Question
MouseOver Problem
I have a set of links, that have a mouseOver added to:
<a href="search_by_location.php?rest_city=<?php echo "$row_jobs_locations[city_name]"; ?>" onMouseOver="<?php echo trim(preg_replace('#[^\p{L}\p{N}]+#u', '', $row_jobs_locations['city_name'])); ?>()" onMouseOut="mouseOut()"><?php echo $row_jobs_locations['city_name']; ?> </a>
On mouseOver it loads the image that I need it to display for a DIV named "map"
The function for this is stored in "js/map.js":
function Aberdeen()
{
document.map.src ="images/Aberdeen.jpg";
}
function AyreKilmarnockIrvine()
{
document.map.src ="images/AyreKilmarnockIrvine.jpg";
}
function BarnsleyDoncasterRotherham()
{
document.map.src ="images/BarnsleyDoncasterRotherham.jpg";
}
function BasingstokeFleet()
{
document.map.src ="images/BasingstokeFleet.jpg";
}
function Bath()
{
document.map.src ="images/Bath.jpg";
}
Now when I text this on my local machine the images change. But on my server when I rollover the hyperlink it stays on the default image.
View site: site site
Also using the W3C html validator I get errors from my javascript for <a></a> tags saying they are open or not closed.
But the tags are like this: '<a href="index.php">sumthing</a>'
<a href="search_by_location.php?rest_city=<?php echo "$row_jobs_locations[city_name]"; ?>" onMouseOver="<?php echo trim(preg_replace('#[^\p{L}\p{N}]+#u', '', $row_jobs_locations['city_name'])); ?>()" onMouseOut="mouseOut()"><?php echo $row_jobs_locations['city_name']; ?> </a>
On mouseOver it loads the image that I need it to display for a DIV named "map"
The function for this is stored in "js/map.js":
function Aberdeen()
{
document.map.src ="images/Aberdeen.jpg";
}
function AyreKilmarnockIrvine()
{
document.map.src ="images/AyreKilmarnockIrvine.jpg";
}
function BarnsleyDoncasterRotherham()
{
document.map.src ="images/BarnsleyDoncasterRotherham.jpg";
}
function BasingstokeFleet()
{
document.map.src ="images/BasingstokeFleet.jpg";
}
function Bath()
{
document.map.src ="images/Bath.jpg";
}
Now when I text this on my local machine the images change. But on my server when I rollover the hyperlink it stays on the default image.
View site: site site
Also using the W3C html validator I get errors from my javascript for <a></a> tags saying they are open or not closed.
But the tags are like this: '<a href="index.php">sumthing</a>'
