PHP interesse |
|
Weet iemand wellicht wat ik fout doe in het onderstaande? De bedoeling is dat wanneer een gebruiker met de muis over de afbeelding gaat er een toolbox zichtbaar wordt. In FF en Chrome werkt dit zonder problemen maar in IE wordt niets getoond en zijn eveneens de links niet klikbaar
if($build2 > 0) {
echo'<div id="building2"></div>';
echo'<area href="index.php?a=display/buildings&optie=general&id=' . $idcheck . '" onClick="loadMenu(4); return false;" shape="poly" onmouseover="Tip(\'' . $displaybuildings_2 . ' ' . $displaytown_90 . ' ' . $build2 . '<br><center><u><font color=red>' . $displaytown_91 . '</font></u></center>\');" onmouseout="UnTip();" class="coordinatelink" coords="' . $coordinates_2 . '87,451,25,489,26,505,102,513,295,516" ><!-- building2 -->';
} else { echo'';}
if($build3 > 0) {
echo'<div id="building3"></div>';
echo'<area href="index.php?a=display/buildings&optie=general&id=' . $idcheck . '" onClick="loadMenu(4); return false;" shape="poly" onmouseover="Tip(\'' . $displaybuildings_3 . ' ' . $displaytown_90 . ' ' . $build3 . '<br><center><u><font color=red>' . $displaytown_91 . '</font></u></center>\');" onmouseout="UnTip();" class="coordinatelink" coords="' . $coordinates_3 . '113,224,68,267,74,285,112,287,144,255,147,235" ><!-- building3 -->';
} else { echo'';}
if($build4 > 0) {
echo'<div id="building4"></div>';
echo'<area href="index.php?a=display/buildings&optie=general&id=' . $idcheck . '" onClick="loadMenu(4); return false;" shape="poly" onmouseover="Tip(\'' . $displaybuildings_4 . ' ' . $displaytown_90 . ' ' . $build4 . '<br><center><u><font color=red>' . $displaytown_91 . '</font></u></center>\');" onmouseout="UnTip();" class="coordinatelink" coords="' . $coordinates_4 . '443,476,418,493,416,516,484,519,478,483,470,474" ><!-- building4 -->';
} else { echo'';}
if($build2 > 0) { echo'<div id="building2"></div>'; echo'<area href="index.php?a=display/buildings&optie=general&id=' . $idcheck . '" onClick="loadMenu(4); return false;" shape="poly" onmouseover="Tip(\'' . $displaybuildings_2 . ' ' . $displaytown_90 . ' ' . $build2 . '<br ><center ><u ><font color =red >' . $displaytown_91 . '</font ></u ></center >\ ');" onmouseout="UnTip();" class="coordinatelink" coords="' . $coordinates_2 . '87,451,25,489,26,505,102,513,295,516" ><!-- building2 -->'; if($build3 > 0) { echo'<div id="building3"></div>'; echo'<area href="index.php?a=display/buildings&optie=general&id=' . $idcheck . '" onClick="loadMenu(4); return false;" shape="poly" onmouseover="Tip(\'' . $displaybuildings_3 . ' ' . $displaytown_90 . ' ' . $build3 . '<br ><center ><u ><font color =red >' . $displaytown_91 . '</font ></u ></center >\ ');" onmouseout="UnTip();" class="coordinatelink" coords="' . $coordinates_3 . '113,224,68,267,74,285,112,287,144,255,147,235" ><!-- building3 -->'; if($build4 > 0) { echo'<div id="building4"></div>'; echo'<area href="index.php?a=display/buildings&optie=general&id=' . $idcheck . '" onClick="loadMenu(4); return false;" shape="poly" onmouseover="Tip(\'' . $displaybuildings_4 . ' ' . $displaytown_90 . ' ' . $build4 . '<br ><center ><u ><font color =red >' . $displaytown_91 . '</font ></u ></center >\ ');" onmouseout="UnTip();" class="coordinatelink" coords="' . $coordinates_4 . '443,476,418,493,416,516,484,519,478,483,470,474" ><!-- building4 -->';
In de css staat
#building1 {
position: absolute;
top: 230px;
left: 350px;
z-index: 5;
width: 75px;
height: 100px;
background: url(../images/map/buildings/1.png) no-repeat;
}
#building2 {
position: absolute;
top: 525px;
left: 111px;
z-index: 5;
width: 75px;
height: 100px;
background: url(../images/map/buildings/2.png) no-repeat;
}
#building3 {
position: absolute;
top: 302px;
left: 119px;
z-index: 5;
width: 75px;
height: 100px;
background: url(../images/map/buildings/3.png) no-repeat;
}
#building4 {
position: absolute;
top: 562px;
left: 464px;
z-index: 5;
width: 75px;
height: 100px;
background: url(../images/map/buildings/4.png) no-repeat;
}
#building1 { position: absolute; top: 230px; left: 350px; z-index: 5; width: 75px; height: 100px; background: url(../images/map/buildings/1.png) no-repeat; } #building2 { position: absolute; top: 525px; left: 111px; z-index: 5; width: 75px; height: 100px; background: url(../images/map/buildings/2.png) no-repeat; } #building3 { position: absolute; top: 302px; left: 119px; z-index: 5; width: 75px; height: 100px; background: url(../images/map/buildings/3.png) no-repeat; } #building4 { position: absolute; top: 562px; left: 464px; z-index: 5; width: 75px; height: 100px; background: url(../images/map/buildings/4.png) no-repeat; }
|