Всегда любил Firefox за его адекватность, js, стили всего разрабатываю под него, а затем уже адаптирую под остальные распространенные браузеры, но на днях пришлось столкнуться с непредвиденной ситуацией, где FF сплошал, и решение я так и не нашел…
Вернее как… Решение своей-то задачи я нашел быстро, но этот путь обходной и подойдет не всегда. Итак, излагаю суть.
В одном проекте была необходимость управлять большим списком пользователей и их настроек (галочки, радиобуттоны), и, не буду оффтопить тем, как я к этому пришел, но возникла нужда сделать один блок div скрытым и по клике на ссылку подгружать его в другой блок, а с прежнего места стирать. Схема такая:
Далее для краткости буду называть Блок1 — содержимое #elem_container, не включая сам elem_container, Блок2 — пустой видимый div на странице
Логика работы:
Состояние 1: Блок1 скрыт, заполнен. Пользователь нажимает «Изменить данные», содержимое Блока1 переносится в js-переменную, затем в Блок2, а из Блока1 удаляется
Состояние 2: действия наоборот
Проблема
По идее, код нигде не меняется, но почему-то, в FF в переменную из Блока2 чекбоксы передаются в неизмененном состоянии… Т.е. все меняется, а они — нет. По мере выставления галочек, имена соотвутствующих пользователей выделяются жирным, так вот форматирование все сохраняется, но при скрытии в Блок1, а затем возврату в Блок2, появляются «жирные» пользователи с опущенными галочками. IE таких проблем не имеет.
Если кто-то сталкивался или знает об этой проблеме любимого браузера — отпишитесь, пожалуйста!
P.S.
Мое решение было в добавлении тега img к каждой записи, с нарисованным чекбоксом, а сами чекбоксы скрыть))
Не работает по крайней мере в Firefox 3.5, я только в этой версии проверял
Вернее как… Решение своей-то задачи я нашел быстро, но этот путь обходной и подойдет не всегда. Итак, излагаю суть.
В одном проекте была необходимость управлять большим списком пользователей и их настроек (галочки, радиобуттоны), и, не буду оффтопить тем, как я к этому пришел, но возникла нужда сделать один блок div скрытым и по клике на ссылку подгружать его в другой блок, а с прежнего места стирать. Схема такая:
<div id="elem_container" style="display: none;">
<div id='elem'>
<label><input type="checkbox" /> Name1 Lastname1</label><br />
<label><input type="checkbox" /> Name2 Lastname2</label><br />
<label><input type="checkbox" /> Name3 Lastname3</label><br />
...
<label><input type="checkbox" /> NameN LastnameN</label><br />
</div>
</div>
...
<div id="visible_container">
<!-- этот блок пуст; заполняется при клике по сылке "изменить"; пользователь ставит галочки и т.п., затем контент перемещается туда, откуда пришел -->
</div>
Далее для краткости буду называть Блок1 — содержимое #elem_container, не включая сам elem_container, Блок2 — пустой видимый div на странице
Логика работы:
Состояние 1: Блок1 скрыт, заполнен. Пользователь нажимает «Изменить данные», содержимое Блока1 переносится в js-переменную, затем в Блок2, а из Блока1 удаляется
Состояние 2: действия наоборот
Проблема
По идее, код нигде не меняется, но почему-то, в FF в переменную из Блока2 чекбоксы передаются в неизмененном состоянии… Т.е. все меняется, а они — нет. По мере выставления галочек, имена соотвутствующих пользователей выделяются жирным, так вот форматирование все сохраняется, но при скрытии в Блок1, а затем возврату в Блок2, появляются «жирные» пользователи с опущенными галочками. IE таких проблем не имеет.
Если кто-то сталкивался или знает об этой проблеме любимого браузера — отпишитесь, пожалуйста!
P.S.
Мое решение было в добавлении тега img к каждой записи, с нарисованным чекбоксом, а сами чекбоксы скрыть))
Не работает по крайней мере в Firefox 3.5, я только в этой версии проверял