[Incompatibilité IE] Calendrier dans formulaire

**n@n¤u** · 11/05/2006, 10h57

Bonjour,
je viens de trouver un code me permettant de visualiser un calendrier en cliquant dans un champ "input".
Voici le code de mon formulaire :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<html>
<head>
<title>Soutien</title>
<link rel="STYLESHEET" href="feuille1.css" charset="ISO-8859-1" type="text/css">
<style>    
td {
font-size : 10px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000000; 
}     
</style>    
</head>
 
<body>
 
<div align="center">
<H1>Soutien</H1>
 
<FORM method=post name="form">
 
<TABLE BORDER=0>
<TR>
    <TD>Date d'affectation de la demande :</TD>
    <TD>
 
    <table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display: none;">
        <tr><td id="ds_calclass"></td></tr>
    </table>
    <csscriptdict import>
        <script type="text/javascript" src="js_script.js"></script>
    </csscriptdict>
        <input onclick="ds_sh(this);" name="madate" readonly="readonly" style="cursor: text" />
        <a onclick="ds_sh(form.madate);" ><img src="b_calendar.png" alt="Calendrier"></a>
 
    </TD>
</TR>
 
<TR>
    <TD>Libellé de la demande :</TD>
    <TD>
    <INPUT name="commentaires">
    </TD>
</TR>
 
<TR>
    <TD>Criticité :</TD>
    <TD>
    <SELECT name="criticite">
        <OPTION VALUE="mineure">Mineure</OPTION>
        <OPTION VALUE="majeure">Majeure</OPTION>
        <OPTION VALUE="majeure_u">Majeure Urgente</OPTION>
    </SELECT>
    </TD>
</TR>
 
 
</TABLE>
</FORM>
<a href="explications.htm">Description des champs</a>
</div>
</body>
</html>

Et voilà le résultat obtenu :
http://cjoint.com/?flk25POWCr

Je ne sais pas pourquoi ça marche correctement sous Firefix, mais pas sous IE.
De même, je ne sais pas quel est l'intérêt du code

Code :

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

1
2
3
<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display: none;">
        <tr><td id="ds_calclass"></td></tr>
    </table>

dans la table.
J'essaie de faire le code le plus propre possible et compatible avec IE et Firefox.

Merci à vous !

**Swoög** · 11/05/2006, 12h38

Avec IE, les select sont toujours au premier plan, il faut que tu le caches (visibility : hidden par exemple) quand tu affiches le calendrier...

pour ce qui est de la balise : csscriptdict C'est la PREMIERE FOIS que j'en entends parler... elle ne doit même pas exister...

ppour la balise que tu trouves bizarre, c'est parce que le Javascript doit insérer quelque chose dedans...

**n@n¤u** · 11/05/2006, 13h27

En effet, il suffisait d'ajouter le code suivant :

Code :

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

form.criticite.style.visibility='hidden';

au moment où je j'affiche mon calendrier.
(Criticite étant le nom de monb select).

Attention à ne pas oublier d'afficher les "Select" une fois que le calendrier disparaît.

Merci Swoög !

[Incompatibilité IE] Calendrier dans formulaire

JavaScript

Discussions similaires

Partager

Partager