Jqtransform и обновление формы после ajax подгружения

Многие знают, что стилизация форм непростая задача. Многие манипуляция с элементами формы с помощью CSS просто невозможны. Поэтомe на помощь нужно звать JavaScript.
Чтобы сделать форму стильной и красивой существует множество JS библиотек и функций, есть также множество плагинов для стилизации формы для яваскрипт фреймворка Jquery. Одним из часто используемых и простых среди таких плагинов является Jqtransform.

Для тех, кто еще не пользовался данным плагином даю ссылку на сайт автора http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/. С помощью его можно быстро и просто стилизовать формы на сайте. Сюда приводить примеры и выставлять демо не буду, так как на сайте разработчика все показано и расписано как нужно.

В этом посте я хочу поделиться полезной информацией дял тех, кто использует ajax и работает с динамичными формами, данные и в списки в которые подгружаются в зависимости от выбора пользователи или других действий.

Во время работы над одним сайтом, возникла необходимость подгружать списки регионов и городов в зависимости от того, какую страну выбрал пользователь. Но возникла проблема, что вновь подгруженные списки выбора не стилизуются. Так как инициализация функции Jqtransform происходит после загрузки страницы, а добавленные после этого элементы формы уже оказываются без изменений.

Для того чтобы вновь обновить форму стилизованную с помощью Jqtransform, нужно внутри функции ajax подгружения прописать несколько строчек. Я приведу пример как это работает у меня и ниже дам комментарии:

Ниже вырезка из трех строк, которые Вам будут интересны (именно эти строчки необходимы для стилизации подгруженных аяксом элементов):

Вам в своем коде придется поменять идентификатор формы (#form2) и путь к изображениям плагина. Лично я применял это решение для выпадающих списков выбора — работает. Как будет работать для других — пока не знаю.


Небольшая заметка для тех кто интересуется недвижимостью:
Продать и купить квартиру в Фастове можно на сайте объявлений http://rieltor.ua/fastov/flats-sale/. Тут найдутся объявления об аренде, покупке и продаже недвижимости в городе Фастов. Удобный поиск по цене, по длительности аренды, по площади и другим важным параметрам поможет быстро и без проблем найти квартиру.


Если Вам интересны темы, про которые я пишу в своем блоге, то Вы можете Подписаться на обновления. Подписываться на новости и обновления можно по емайл или через популярные сервисы yandex и google!

Эта запись была опубликована в рубрике Полезное для w мастеров и отмечена метками , , . Добавить в закладки ссылку.

Добавить комментарий