Dlaczego tag FORM ukryty ?, Nie działa wysyłanie Ajax, JSON Opcje

[damianooo]

Ostatnio po zmianach w CSS w FIrebugu widzę że tag FORM jest ukryty. Nie wiem czemu.
Poza tym widzę w Firebugu że jest domknięty i znajduje się między tagiem TR a INPUT.
Przez to nie działa mi teraz wysyłanie formularza do bazy danych Ajax Json.


Tak jest w Firebugu:

[XML] pobierz, plaintext 
<table class="tab_types">
<tbody>
<tr class="col_name">
<form id="form"></form>
<input name="meet_id[]" value="1" type="hidden">
<tr class="big_screen">
[XML] pobierz, plaintext 

Tak jest w HTMLu:

[HTML] pobierz, plaintext 
        <table class="tab_types">
            <tr class="col_name">
                <th>Opis</th>
                <th>Gospodarz</th>
                <th></th>
                <th></th>
                <th></th>
                <th>Gość</th>
                <th>Termin</th>
            </tr>
 
            {# Jeśli użytkownik wytypował to wyświetl tylko typy użytkownika #}
            {% if (is_typed(curr_matchday().id, app.user.id)) == true %}
 
                {% for key,type in types %}
                    <tr class="big_screen">          
                        <td class="desc">{{ type.name }}</td>
                        <td class="type">{{ type.host }}</td>
                        <td class="host">{{ type.hostType }}</td>
                        <td class="gap">-</td>
                        <td class="guest">{{ type.guestType }}</td>
                        <td class="type">{{ type.guest }}</td>
                        <td class="term">{{ type.term }}</td>
                    </tr>
 
                    <tr class="small_screen"><td>{{ type.name }}</td></tr>
                    <tr class="small_screen"><td>{{ type.host }}</td></tr>
                    <tr class="small_screen"><td>-</td></tr>
                    <tr class="small_screen"><td>{{ type.guestType }}</td></tr>
                    <tr class="small_screen"><td>{{ type.term }}</td></tr>
 
                {% endfor %}
 
            {% else %}
 
                <form id="form">
                {% for key,meet in meets %}
                    <input type="hidden" name="meet_id[]" value="{{ meet.meet_id }}">  
                    <tr class="big_screen">
                        <td class="desc">{{ meet.league }}</td>
                        <td class="host">{{ meet.host }}</td>
                        <td class="type"><input type="text" class="tp" name="hostType[]" maxlength='1'></td>
                        <td class="gap">-</td>
                        <td class="type"><input type="text" class="tp" name="guestType[]" maxlength='1'></td>
                        <td class="guest">{{ meet.guest }}</td>
                        <td class="term">{{ meet.term }}</td>
                    </tr>
 
                    <tr class="small_screen">
                        <td class="position">{{loop.index}}.</td>
                        <td class="team_name">
                            {{ meet.host }}
                        </td>
                        <td class="user_type">
                            <input type="text" class="tp" name="hostType[]" maxlength='1' />
                        </td>
                    </tr>
 
                    <tr class="small_screen">
                        <td class="position"></td>
                        <td class="team_name">
                            {{ meet.guest }}
                        </td>
                        <td class="user_type">
                            <input type="text" class="tp" name="guestType[]" maxlength='1' />
                        </td>
                    </tr>
                {% endfor %}
                    <tr>
                        <td><input type="submit"  value="Wyślij"  class="space"/></td>
                    </tr>
                </form>
 
            {% endif %}
 
        </table>
[HTML] pobierz, plaintext 

Kod CSS:

[HTML] pobierz, plaintext 
/* USTAWIENIA DLA KAŻDEGO EKRANU   */
 
table.tab_types { 
    width: 100%; 
    /*border-collapse: collapse;*/ 
}
 
th { 
    background: #333; 
    color: white; 
    font-weight: bold; 
}
 
td, th { 
    padding: 6px; 
    border: 1px solid #ccc; 
    text-align: center; 
}
 
 
 input[type="text"].tp {
    width: 10px;
}
 
/* USTAWIENIA DLA DUŻEGO EKRANU   */
 
@media screen and (min-width:680px) {
 
    /* niewidoczne */
    tr.small_screen{
        display: none;
    }
 
    tr:nth-of-type(odd) { 
        background: #eee; 
    }
 
}
 
/* USTAWIENIA DLA MAŁEGO EKRANU   */
 
@media screen and (max-width:680px) {
 
    /* niewidoczne */
    tr.big_screen,td.term,td.desc,
    tr.col_name,td.gap,td.host,
    td.guest,td.type {
        display: none;
    }
 
    /* widoczne */
    td.position{
        width: 10%;
    }
 
    td.team_name{
        text-align: left;
        width: 80%;
    }
 
    td.user_type{
        width: 10%;
    }
 
    tr.small_screen:nth-of-type(3n) { 
        background: #eee; 
    }
}
[HTML] pobierz, plaintext 

[Pyton_000]

Dlatego że FORM nie może być dzieckiem TABLE, TBODY i TR

[damianooo]

Dzieckiem bo FORM jest w zawarte w TABLE ?
Hmm ... dlaczego nie może ?

Patrzę na Githuba i w poprzednim kodzie tak miałem i działało wszystko - ale nie pamiętam czy w Firebugu tag FORM był widoczny ale domyślam się że tak skoro działało.

Ehh myślałem że załatwię dwa warunki jednym TABLE

[trueblue]

Wyprowadź <form> na zewnątrz tabeli, ale otwieraj i zamykaj tylko w przypadku spełnienia warunku.