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:
<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">
Tak jest w HTMLu:
<table class="tab_types">
{# 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 %}
<td class="desc">{{ type.name }}
</td> <td class="type">{{ type.host }}
</td> <td class="host">{{ type.hostType }}
</td> <td class="guest">{{ type.guestType }}
</td> <td class="type">{{ type.guest }}
</td> <td class="term">{{ type.term }}
</td>
<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 %}
{% for key,meet in meets %}
<input type="hidden" name="meet_id[]" value="{{ meet.meet_id }}"> <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="type"><input type="text" class="tp" name="guestType[]" maxlength='1'></td> <td class="guest">{{ meet.guest }}
</td> <td class="term">{{ meet.term }}
</td>
<tr class="small_screen"> <td class="position">{{loop.index}}.
</td> {{ meet.host }}
<input type="text" class="tp" name="hostType[]" maxlength='1' />
<tr class="small_screen"> <td class="position"></td> {{ meet.guest }}
<input type="text" class="tp" name="guestType[]" maxlength='1' /> {% endfor %}
<td><input type="submit" value="Wyślij" class="space"/></td>
{% endif %}
Kod CSS:
/* 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;
}
}