This is weird.
I have a menu with transparent gifs that you rollover. When you rollover one of three transparent gifs, the corresponding “menu” appears, which is really just a php include of a table (concatenated line by line since JavaScript does not seem to support multi-line strings) with images in it.
The problem is that with all 3 functions in here, when you rollover, i get javascript errors and the functions are not even called. With only ONE function, it works.
Very very simple Javascript code here:
<script type='text/javascript'>
function showGameMenu(){
var mydiv = document.getElementById('row4');
mydiv.innerHTML = <?php include("gamemenu.php");?>;
}
function showWebMenu(){
var mydiv2 = document.getElementById('row4');
mydiv2.innerHTML = <?php include("webmenu.php");?>;
}
function showClassMenu(){
var mydiv3 = document.getElementById('row4');
mydiv3.innerHTML = <?php include("classmenu.php");?>;
}
</script>
and here is how I call the code:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#" onmouseover="showGameMenu()"><img align="left" src="index2010slices/spacer.gif" width="200" height="50" /></a></td>
<td><a href="#" onmouseover="showWebMenu()"><img align="left" src="index2010slices/spacer.gif" width="217" height="50" /></a></td>
<td><a href="#" onmouseover="showClassMenu()"><img align="left" src="index2010slices/spacer.gif" width="200" height="50" /></a></td>
</tr>
</table>
Nothing works. Yet if I delete the second two functions, leaving ONLY the showGameMenu function, then it works.
Here is the code for one of the the php includes that is being “popped” into the div. (they are all pretty much identical):
"<table width='700' border='0'>"+
"<tr>"+
"<td><a href='#'><img src='menuslices/gameMenu_r1_c1.jpg' alt='game_design_classes' width='227' height='49'></a></td>"+
"<td><a href='#'><img src='menuslices/gameMenu_r2_c3.jpg' alt='games_for_sale' width='210' height='49'></a></td>"+
"<td><a href='#'><img src='menuslices/gameMenu_r1_c3.jpg' alt='free_game_updates' width='208' height='49'></a></td>"+
"<td><a href='#'><img src='menuslices/gameMenu_r1_c4.jpg' alt='sponsor_a_game' width='213' height='49'></a></td>"+
"</tr>"+
"</table>"
and finally, here is the url where its all happening:
www.mediabreeze.com/index.php?live=true
thanks !