JS calendrier marche sous IE et pas sous FF

Version imprimable

Bonjour tout le monde,

J'ai inclus dans un formulaire un code JS que j'ai pris d'un autre site et qui permet de choisir la date via un petit calendrier.

Le prob c'est qu'il marche très bien avec IE, mais :( pas avec Mozilla FireFox.

Bon voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<title>Association Marocaine des Interprètes de conférence - Membres</title>
<script language='javascript' src='../admin/images/calendar/codethatcalendarstd.js'></script>
<script language='javascript' src='../admin/images/calendar/iframe_ex.js'></script>
<script language='javascript'>
var c1 = new CodeThatCalendar(caldef1);
document.write('<div id="calendar_div" style="display:none;">')
document.write('<iframe id="calendar_frame" name="calendar_frame" style="border-collapse: collapse; border-style: outset; border-width: 2" bordercolor="#111111" width="600" frameborder="0" scrolling="no" style=" position:absolute;" src="../admin/images/calendar/cal.aspx">')
document.write('</iframe></div>')
</script>

puis un peu plus loin :

Code:

1
2
<input name="txtDateFrom" type="text" readonly="readonly" id="txtDateFrom" style="width:120px;" />
<img id="imgViewCalendare" name="imgViewCalendare" src="../admin/images/iconCalendar.gif" style="cursor:pointer" onClick="if (window.XMLHttpRequest){c1.innerpopup('txtDateFrom','calendar_frame');}if (window.ActiveXObject){document.getElementById('calendar_div').style.display='block';c1.innerpopup('txtDateFrom','calendar_frame'); document.getElementById('calendar_frame').style.left = window.event.x+document.body.scrollLeft; document.getElementById('calendar_frame').style.top = window.event.y+document.body.scrollTop;}" />

Merci beaucoup d'avance pour votre aide, et bonne journée à tous.

31/07/2007, 17h54
E.Bzz

Bonjour,

Citation:

Envoyé par elmessoussi

Le prob c'est qu'il marche très bien avec IE, mais :( pas avec Mozilla FireFox.

c'est à dire ?
Pas le comportement attendu ?
Rien ?
Une erreur ?
Laquelle ?

A+

Thank u so much E.Bzz pour ton aide,

Bon, au fait avec IE, lorsequ'on clique sur l'image "iconCalendar.gif" une petite fenetre contenent le calendrier apparait sur la fenêtre principale, par contre avec FireFox, lorsequ'on clique sur l'image, le code suivant apparait dans la fenêtre principale, au dessus de son texte :
Code:

1 2 3 4 5 6 7 8 9 10 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>CodeThat Calendar</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"><LINK href="calendar.css" type=text/css rel=stylesheet> <SCRIPT language=javascript src="codethatcalendarstd.js"></SCRIPT> <META content="MSHTML 6.00.2900.3132" name=GENERATOR></HEAD> <BODY bgColor=#3c5b98 leftMargin=0 topMargin=0 rightMargin=0> <SCRIPT>
Je pourais t'envoyer les fichiers en pièces jointes contenant l'integralité du code, puis des .js si tu trouve ça nécessaire.

Merci encore une fois et à +

01/08/2007, 09h18
E.Bzz

Citation:

Envoyé par elmessoussi

Je pourais t'envoyer les fichiers en pièces jointes contenant l'integralité du code, puis des .js si tu trouve ça nécessaire.

Colle juste le code de la fonction innerpopup()
Ca doit être elle qui pose pb ...

A+

Bonjour,

J'ai modifié l'extention du fichier cal.aspx par cal.html et ça a marché sauf que l'emplacement de la fenêtre étais loin du curseur alors j'ai changé le code du script de la fonction GetCalendarPos dans le fichier iframe_ex.js, au lieu de :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function GetCalendarPos(e)
{	
	try
	{	if (window.XMLHttpRequest)
		{	
			var p=e.target;
			if (p.attributes['id'])
			{  if (p.attributes['id'].value=="imgViewCalendare")
				{
				document.getElementById('calendar_div').style.display='';
 
				document.getElementById('calendar_frame').style.position="absolute";
				document.getElementById('calendar_frame').style.left = e.clientX+document.body.scrollLeft; 
				document.getElementById('calendar_frame').style.top =e.clientY+document.body.scrollTop;
				}
			}	
		}
	}
	catch(err)
	{
	}
}

j'ai mis

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function GetCalendarPos(e)
{
try
{ if (window.XMLHttpRequest)
{
var p=e.target;
if (p.attributes['id'])
{ if (p.attributes['id'].value=="imgViewCalendare")
{
document.getElementById('calendar_div').style.display='';
document.getElementById('calendar_frame').style.position="absolute";
document.getElementById('calendar_frame').style.left = p.x+16+'px';
document.getElementById('calendar_frame').style.top = p.y+'px';
}
}
}
}
catch(err)
{
}
}

Merci encore une fois et à +