Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: łaczenie tabel za pomoca js
Forum PHP.pl > Forum > Przedszkole
dzajko
15.03.2009, 22:36:01
Witam
Mam kawałek kodu, przedstawiony poniżej. Szukam rozwiązania, które pozwoliło by mi po wybranie z listy dnia np. poniedziałek godziny od 9:00 do 11:00 aby w tabeli zostały połączone komórki od 9 do 11 w poniedziałek i do scalonych komórek został wpisany tekst z pola tekstowego z nazwa przedmiotu.
Kod ma służyć do budowy plany zajęć online, na koniec ma być generowana tabela z rozkładem.

Czego użyć?
Proszę o podpowiedź. może ktoś spotkał się z czymś podobnym.

[HTML] pobierz, plaintext 
  1. <body>
  2. <table border="1" width="100%">
  3. <tr><td width="55%">
  4. <table width="70%" border="1">
  5.   <tr>
  6.     <td>&nbsp;</td>
  7.     <td>poniedziałek</td>
  8.     <td>wtorek</td>
  9.     <td>środa </td>
  10.     <td>czwartek</td>
  11.     <td>piątek</td>
  12.     <td>sobota</td>
  13.     <td>niedziala</td>
  14.   </tr>
  15.   <tr>
  16.     <td>8-9</td>
  17.     <td>&nbsp;</td>
  18.     <td>&nbsp;</td>
  19.     <td>&nbsp;</td>
  20.     <td>&nbsp;</td>
  21.     <td>&nbsp;</td>
  22.     <td>&nbsp;</td>
  23.     <td>&nbsp;</td>
  24.   </tr>
  25.   <tr>
  26.     <td>9-10</td>
  27.     <td>&nbsp;</td>
  28.     <td>&nbsp;</td>
  29.     <td>&nbsp;</td>
  30.     <td>&nbsp;</td>
  31.     <td>&nbsp;</td>
  32.     <td>&nbsp;</td>
  33.     <td>&nbsp;</td>
  34.   </tr>
  35.   <tr>
  36.     <td>10-11</td>
  37.     <td>&nbsp;</td>
  38.     <td>&nbsp;</td>
  39.     <td>&nbsp;</td>
  40.     <td>&nbsp;</td>
  41.     <td>&nbsp;</td>
  42.     <td>&nbsp;</td>
  43.     <td>&nbsp;</td>
  44.   </tr>
  45.   <tr>
  46.     <td>11-13</td>
  47.     <td>&nbsp;</td>
  48.     <td>&nbsp;</td>
  49.     <td>&nbsp;</td>
  50.     <td>&nbsp;</td>
  51.     <td>&nbsp;</td>
  52.     <td>&nbsp;</td>
  53.     <td>&nbsp;</td>
  54.   </tr>
  55.   <tr>
  56.     <td>13-14</td>
  57.     <td>&nbsp;</td>
  58.     <td>&nbsp;</td>
  59.     <td>&nbsp;</td>
  60.     <td>&nbsp;</td>
  61.     <td>&nbsp;</td>
  62.     <td>&nbsp;</td>
  63.     <td>&nbsp;</td>
  64.   </tr>
  65.   <tr>
  66.  
  67. </table>
  68. </td>
  69. <td width="45%">
  70. <table width="100%" border="1">
  71.   <tr>
  72.     <td colspan="2">&nbsp;</td>
  73.     </tr>
  74.   <tr>
  75.     <td width="32%">wybierz dzień</td>
  76.     <td width="68%">
  77.         <select name="dzien" id="dzien">
  78.           <option value="poniedzialek">poniedziałek</option>
  79.           <option value="wtorek">wtorek</option>
  80.           <option value="sroda">środa</option>
  81.           <option value="czwartek">czwartek</option>
  82.           <option value="piatek">piątek</option>
  83.           <option value="sobaota">sobota </option>
  84.           <option value="niedziela">niedziela</option>        
  85.         </select>
  86.     </form>    </td>
  87.   </tr>
  88.   <tr>
  89.     <td>godzina rozpoczęcia</td>
  90.     <td><select name="dzien2" id="dzien2">
  91.       <option value="9">9:00</option>
  92.       <option value="10">10:00</option>
  93.       <option value="11">11:00</option>
  94.       <option value="12">12:00</option>
  95.       <option value="13">13:00</option>
  96.         </select></td>
  97.   </tr>
  98.   <tr>
  99.     <td>godzina zakonczenia </td>
  100.     <td><select name="dzien3" id="dzien3">
  101.  
  102.       <option value="10">10:00</option>
  103.       <option value="11">11:00</option>
  104.       <option value="12">12:00</option>
  105.       <option value="13">13:00</option>
  106.       <option value="14">14:00</option>
  107.     </select></td>
  108.   </tr>
  109.   <tr>
  110.     <td>rodzaj zajeć</td>
  111.     <td><select name="dzien4" id="dzien4">
  112.       <option value="W">W - wykład</option>
  113.       <option value="C">C - ćwiczenia</option>
  114.       <option value="L">L - laboratorium</option>
  115.         </select></td>
  116.   </tr>
  117.     <tr>
  118.     <td>Nazwa przedmiotu</td>
  119.     <td>
  120.            <input type="text" name="nazwa_przedmiotu" id="nazwa_przedmiotu">
  121.  
  122.     </td>
  123.   </tr>
  124.     <tr>
  125.     <td>&nbsp;</td>
  126.     <td>&nbsp;</td>
  127.   </tr>
  128.     <tr>
  129.     <td>&nbsp;</td>
  130.     <td><button>Zapisz</button>
  131.     </td>
  132.   </tr>
  133. </table>
  134.  
  135. </td>
  136. </tr>
  137. </table>
[HTML] pobierz, plaintext
zegarek84
15.03.2009, 23:43:49
zerknij tutaj i przerób ten skrypt - trochu pomyś i pobaw się na obiektach DOM:
js - Wyręczyć serwer?
erix
16.03.2009, 11:19:11
Prosze o tag tematu.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.