Problème d'affichage d'un menu avec Mozilla

Marsh Posté le 02-12-2004 à 17:22:10

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

Reply

Marsh Posté le 02-12-2004 à 17:22:10

Reply

Marsh Posté le 02-12-2004 à 17:47:07

il ne faut pas taper "code:" et "fin code", mais [code] et [/code] comme ça le forum met le code dans un cadre avec une police de caractères plus facile à lire et sans smileys

mais vu le look du code, c'est simplement parce que ce n'est pas du Javascript standard mais du code fait pour IE... donc évidemment ça ne marche que sous IE [:spamafote]

Message édité par antp le 02-12-2004 à 17:48:03

Reply

Problème d'affichage d'un menu avec Mozilla

Sujets relatifs:

Leave a Replay