JS calendrier marche sous IE et pas sous FF

**elmessoussi** · 31/07/2007, 17h34

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**E.Bzz** · 31/07/2007, 17h54

Bonjour,

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+

**elmessoussi** · 31/07/2007, 18h59

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 à +

**E.Bzz** · 01/08/2007, 09h18

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+

**elmessoussi** · 01/08/2007, 17h21

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 à +

JS calendrier marche sous IE et pas sous FF

JavaScript

Discussions similaires

Partager

Partager