Pages : 1
#1 Le 13/04/2007, à 16:40
- Ytzmi
script pour un calendrier
Bonjour
Je suis entrain de monter un site pour mettre un studio en location.
J'aimerais insérer, dans une page, un calendrier où je pourrais mettre les dates en couleurs selon si c'est une réservation, une location retenue ou libre.
Pour commencer, j'aimerais mettre par trimestre ou par 2 mois.
J'espère ne pas me tromper de forum, si c'est le cas, m'en excuser et me dire où aller sans "CRIER".
Merci
Bien à vous
#2 Le 13/04/2007, à 17:02
- Ytzmi
Re : script pour un calendrier
J'apporte ce que j'ai "trouvé" comme script.
<table border="1" cellpadding="0" cellspacing="0" width="">
<tr>
<td width="7"> MAI / MAY</td>
<td width="7"> </td>
<td width="17">L M M J V S D</td>
<td width="7"> </td>
<td width="17">M T W T F S S </td>
<td width="7"> </td>
<td width="17"><br>1 2 3 4 5 6 </td>
<td width="7"> </td>
<td width="17">7 6 9 10 11 12 13</td>
<td width="7"> </td>
<td width="17">14 15 <table bgcolor="#FFCC99">
<tr>
<td width="100">16 17 18 19 20</td>
</tr>
</table>
</td>
<td width="7"> </td>
<td width="17"><table bgcolor="#FFCC99">
<tr>
<td width="100">21 22 23 24 25</td>
</tr>
</table> 26 27</td>
</tr>
</table>
Mais s'il y a quelque chose de plus sympa à faire... je suis preneuse.
#3 Le 13/04/2007, à 20:12
- Alain.g
Re : script pour un calendrier
Bonsoir
Non tu n'es pas vraiment sur le bon forum 
Tu peux voir celui-ci par exemple : http://www.siteduzero.com/forum.html
Petit conseil, tu devrais organiser ton tableau différemment, par exemple un jour par colonne et indiquer les mois en fusionnant les lignes.
Pour marquer les jours utilise les CSS et si possible associe avec une balise HTML significative, comme <strong> et <em> (histoire que l'information ne se perdre pas trop facilement )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>exemple de tableau</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
font: 80%/1.2 verdana,sans-serif;
}
table#calendrier {
text-align: center;
border-collapse: collapse;
}
#calendrier td,
#calendrier th {
width: 30px;
border: 1px solid black;
text-align: center;
}
#calendrier td.res {
background-color: #F3C9C9;
}
#calendrier thead td {
border-top: none;
border-left: none;
}
#calendrier th {
background: #90A5A5;
color: white;
}
</style>
</head>
<body>
<table id="calendrier">
<thead>
<tr>
<td></td>
<th>Lun Mon</th>
<th>Mar Tue</th>
<th>Mer Wed</th>
<th>Jeu Thu</th>
<th>Ven Frid</th>
<th>Sam Sat</th>
<th>Dim Sun</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="5">MAI / MAY</th>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td class="res"><strong>20</strong></td>
</tr>
<tr>
<td class="res"><strong>21</strong></td>
<td class="res"><strong>22</strong></td>
<td class="res"><strong>23</strong></td>
<td class="res"><strong>24</strong></td>
<td class="res"><strong>25</strong></td>
<td class="res"><strong>26</strong></td>
<td class="res"><strong>27</strong></td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>Dernière modification par Alain.g (Le 14/04/2007, à 00:56)
Xubuntu Karmic !
Hors ligne
#4 Le 14/04/2007, à 17:23
- Ytzmi
Re : script pour un calendrier
merci pour avoir pris le temps de me répondre et je vais aller voir le site que tu m'indiques.
Pages : 1