Bonjour à tous.
Je suis débutante en CSS, javascript et j'ai un problème lorsque que je teste mon site avec Mozilla FireFox. En effet sur Internet Explorer lorsque mon site se lance, j'ai un lien qui s'appelle "offre" et lorsque j'y clique dessus, je reste sur la même page et j'ai un petit menu qui apparait juste à coté du lien. Et à partir de là je peux choisir les "maisons" ou les "propriétés viticoles". et suivant ce sur quoi j'ai cliqué ca m'ouvre soit la page contenant les annonces des maisons, soit celle contenant les annonces de propriétés. Or sous Mozilla, lorsque je clique sur le lien "offre", ca m'ouvre directement la page contenant les annonces de "maisons". Je ne sais pas pourquoi ca ne m'ouvre pas le petit menu. Si vous avez un idée, aidez moi.Ca m'arrangerai enormément car c'est super important.
Merci d'avance
Voila le code de ma page
code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Nouvelle page 3</title>
<base target="_top">
<SCRIPT LANGUAGE="JavaScript">
var preloadFlag = false;
function preloadImages() {
image1 = new Image();
image1.src = "images/f_agence_o.gif";
image2 = new Image();
image2.src = "images/f_offres_o.gif";
image3 = new Image();
image3.src = "images/f_contact_o.gif";
image4 = new Image();
image4.src = "images/f_fermer_o.gif";
}
</SCRIPT>
<style>
#menu{
position:absolute;
width:155px;
border:3px solid #A15711;
background-color:#CCCC99;
font-family:Arial, Verdana;
font-size: 9pt;
line-height:18px;
cursor:default;
visibility:hidden;
}
.menuitems{
padding-left:5px;
padding-right:5px;
}
</style>
<script language="JavaScript1.2">
var display_url=1
function showmenu(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<menu.offsetWidth)
menu.style.left=document.body.scrollLeft+event.clientX-menu.offsetWidth
else
menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<menu.offsetHeight)
menu.style.top=document.body.scrollTop+event.clientY-menu.offsetHeight
else
menu.style.top=document.body.scrollTop+event.clientY
menu.style.visibility="visible"
return false
}
function hidemenu(){
menu.style.visibility="hidden"
}
function over(){
if (event.srcElement.className=="menuitems" ){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="yellow"
if (display_url==1)
window.status=event.srcElement.url
}
}
function out(){
if (event.srcElement.className=="menuitems" ){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
function linkTo(){
if (event.srcElement.className=="menuitems" )
window.parent.location=event.srcElement.url
}
</script>
</head>
<body bgcolor="#CCCC99" topmargin="0" leftmargin="0" background="IMAGES/frise_fond_accueil.gif" ONLOAD="preloadImages();">
<script LANGUAGE="JavaScript">
function imgover(imgname, imgSrc){
imgname.src = imgSrc
}
function imgout(imgname, imgSrc){
imgname.src = imgSrc
}
</script>
<div id="menu" onMouseover="over()" onMouseout="out()" onClick="linkTo()">
<div class="menuitems" url="millesime_o.htm">Maisons, Immeubles, Propriétés d'Agrément</div>
<HR SIZE=1 NOSHADE>
<div class="menuitems" url="millesime_ov.htm">Propriétés Viticoles</div>
<HR SIZE=1 NOSHADE>
<div class="menuitems" url="javascript:history.go(0)">Annuler</div>
</div>
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="100" height="1">
<tr>
<td rowspan="3" height="1"><img border="0" src="images/f_photos.gif" width="432" height="465"></td>
<td valign="top" height="1"><img border="0" src="images/f_logo.gif" width="368" height="294"></td>
</tr>
<tr>
<td height="1"><a href="millesime_o.htm" target="_top" onMouseOver="imgover(ImOffre,'images/f_offres_o.gif')" onMouseOut="imgout(ImOffre,'images/f_offres.gif')"><img border="0" name="ImOffre" src="images/f_offres.gif" width="368" height="80"></a></td>
</tr>
<tr>
<td height="29"><a href="millesime_a.htm" target="_top" onMouseOver="imgover(ImAgence,'images/f_agence_o.gif')" onMouseOut="imgout(ImAgence,'images/f_agence.gif')"><img border="0" name="ImAgence" src="images/f_agence.gif" width="368" height="91"></a></td>
</tr>
<tr>
<td height="21" colspan="2"><img border="0" src="images/f_gauche_contact.gif" width="244" height="72"><a href="millesime_c.htm" target="_top" onMouseOver="imgover(CPcontact,'images/f_contact_o.gif')" onMouseOut="imgout(CPcontact,'images/f_contact.gif')"><img border="0" name="CPcontact" src="images/f_contact.gif" width="228" height="72"></a><img border="0" src="images/f_droite_contact.gif" width="328" height="72"></td>
</tr>
<tr>
<td height="21" colspan="2"><img border="0" src="images/f_bas_gauche.gif" width="711" height="56"><a href="javascript:parent.window.close()" target="_top" onMouseOver="imgover(ImFerme,'images/f_Fermer_o.gif')" onMouseOut="imgout(ImFerme,'images/f_Fermer.gif')"><img border="0" name="ImFerme" src="images/f_fermer.gif" width="89" height="56"></a></td>
</tr>
</table>
</div>
<p> </p>
<script language="JavaScript1.2">
document.ImOffre.onclick=showmenu
</script>
</body>
</html>
fin code
Je sais c'est un peu long mais aidez moi svp