Problème avec JSCalendar et overflow

Marsh Posté le 06-01-2010 à 15:02:00

Bonjour,

Cette fois-ci, j'ai un soucis avec JSCalendar : http://www.dhtmlgoodies.com/index. [...] darScripts
Il s'agit d'un calendrier javascript très facile à mettre en oeuvre sur sa page web, je le recommande !
Cependant lorsqu'on le place dans les dernières colonnes d'un tableau encadré par un <div class="overflow:auto;"></div>, il y a un bug d'affichage : le calendrier ne réagit pas à l'overflow et sort des limites du tableau. Voilà un code html pour exemple :

Code :

<form method="POST" name="form1">
<div style="overflow:auto">
<table border="1">
<tr>
<td>colonne 1</td>
<td>colonne 2</td>
<td>colonne 3</td>
<td>colonne 4</td>
<td>colonne 5</td>
<td>colonne 6</td>
<td>colonne 7</td>
<td>colonne 8</td>
<td>colonne 9</td>
<td>colonne 10</td>
<td>colonne 11</td>
<td>colonne 12</td>
<td>colonne 13</td>
<td>colonne 14</td>
<td>colonne 15</td>
<td>colonne 16</td>
<td>colonne 17</td>
<td>colonne 18</td>
<td>colonne 19</td>
<td>colonne 20</td>
<td>colonne 21</td>
<td><input type="text" name="input1" value="2010-01-06" readonly /><input type="button" value="Cal" onclick="displayCalendar(document.form1.input1,'dd.mm.yyyy',this)"></td>
<td>colonne 22</td>
<td>colonne 23</td>
<td>colonne 24</td>
</tr>
</table>
</div>
</form>

A noter que si je met le input dans les premières colonnes, il n'y a pas de bug d'affichage. Le bug n'intervient que lorsque l'on doit utiliser le scroll pour atteindre le input.

Une solution ? Merci !

Reply

Marsh Posté le 06-01-2010 à 15:02:00

Reply

Marsh Posté le 06-01-2010 à 15:23:00

Je l'utilise dans mon soft Astres, mais il est loin d'être parfait... J'en avais fait une version multilangues et qui suivant le positionnement dans la page web, modifiait le positionnement du calendrier (ouverture sur la droite, la gauche, en bas ou en haut). Tu le trouveras dans le soft Icare : http://sourceforge.net/projects/icare/
Peut-être que les modifs que j'ai apportées résoudront ton pb...

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Reply

Marsh Posté le 07-01-2010 à 11:03:10

Finalement j'ai opté pour un calendrier en popup plutôt sympa. Si ça vous intéresse il disponible à cette adresse : http://www.phpcs.com/codes/CALENDR [...] 34968.aspx

Message édité par Magg27 le 07-01-2010 à 14:27:51

Reply

Marsh Posté le 08-01-2010 à 10:09:01

Bof, par rapport à JSCalendar, je le trouve plutôt moche En plus, il s'ouvre dans une popup : attention donc aux bloqueurs de popups des navigateurs...