Dzień Dobry
Potrzebuje zrobić stronę dla zaprzyjaźnionej szkoły i tak jak z php nie mam problemu tak javascript unikałem jak ognia.
Chciałbym aby skrypt wykorzystywał JSQuery.

Po załadowaniu strony niech tabeli w jakiś animowany sposób wyłonią
1. Wpisujemy ilość
2. Wybieramy z tabelek godzinę sala gim #1, siłownia #2, sauna #3, ... (w zależności ile będzie na danej stronie)
- wprowadzić ograniczenia godzinowe ilość uczestników np 15 - zrobić jako zmienna
3. Zmieniamy wybraną godzinę, na inną
4. Zatwierdzamy "Dalej"

- ilość - blokada ilościowa (ustaw jako zmienną)
- w piękny sposób nam się cała komórka podświetla (informacja o zaznaczeniu)
- musi być sprawdzone, czy wybrane godziny nie zachodzą na siebie (sala gim trwa np 1h, siłownia 45min, sauna 15 min, etc)
- pokazuje się przycisk dalej - tyko jak mamy wybrane wszystkie 3 opcje (chyba że dodaliśmy kolejną - generalnie wszystkie muszą być określone)
- "okno co wybraliśmy" na bieżąco wyświetla wybrane opcje - jako szybkie podsumowanie
- możliwość dodania kolejnej "atrakcji" basen, sala tenisa stołowego, etc max 7
- każda "akcja" jest inna, ma inne interwały i czasy trwania
- będę skrypt wykorzystywał w innych stronach, gdzie ilość wyborów może być inna (max 7)

Proszę o propozycję cenową.

Łukasz

przykład


[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Szkoła</title>
  6. </head>
  7.  
  8. <body>
  9. okno co wybraliśmy --------------------<br>
  10. * sala gim.#1 11:30<br>
  11. * siłownia#2 11:30<br>
  12. * sauna#3 11:30<br>
  13. -----------------------------------------<br>
  14. ilość
  15. <input type="text" name="ilosc">
  16. <br><br>
  17.  
  18. sala gim. #1
  19. <table border="1">
  20.   <tr>
  21.     <td>09:00</td>
  22.     <td>09:30</td>
  23.     <td>10:00</td>
  24.     <td>10:30</td>
  25.     <td>11:00</td>
  26.     <td>11:30</td>
  27.     <td>12:00</td>
  28.     <td>12:30</td>
  29.     <td>13:00</td>
  30.     <td>14:00</td>
  31.     <td>14:30</td>
  32.     <td>15:00</td>
  33.     <td>15:30</td>
  34.     <td>16:00</td>
  35.     <td>16:30</td>
  36.     <td>17:00</td>
  37.     <td>17:30</td>
  38.     <td>18:00</td>
  39.  
  40.   </tr>
  41. </table>
  42.  
  43. siłownia #2
  44. <table border="1">
  45.   <tr>
  46.     <td>11:00</td>
  47.     <td>12:30</td>
  48.     <td>13:00</td>
  49.     <td>13:30</td>
  50.     <td>14:00</td>
  51.     <td>15:00</td>
  52.     <td>16:00</td>
  53.     <td>16:30</td>
  54.     <td>18:00</td>
  55.  
  56.   </tr>
  57. </table>
  58.  
  59. sauna #3
  60. <table border="1">
  61.   <tr>
  62.     <td>11:15</td>
  63.     <td>12:45</td>
  64.     <td>13:15</td>
  65.     <td>13:45</td>
  66.     <td>14:15</td>
  67.     <td>15:45</td>
  68.     <td>16:15</td>
  69.     <td>16:45</td>
  70.     <td>18:15</td>
  71.  
  72.   </tr>
  73. </table>
  74.  
  75. dodaj
  76. <a href="#">sala tenis stołowy</a>
  77. <a href="#">sala szachy</a>
  78. <a href="#">sala ....</a>
  79. </body>
  80. </html>
  81.  
[HTML] pobierz, plaintext