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 !