Jquery mobile основи
На допомогу нам, розумні люди зліпили цілу систему на основі jQuery і jQuery UI. Знайомтеся - jQuery Mobile
Зараз я вам продемонструю всю красу застосування даної бібліотеки. Коли ви починаєте щось розробляти за допомогою jQuery Mobile, перше що потрібно зробити, так це створити шаблон.
Тепер збережіть цю сторінку під ім'ям index.php і відкрийте в браузері. Все працює. Як ви вже помітили ми завантажили jQuery, jQuery Mobile c Google, і jQuery Mobile CSS
Якщо ви подивіться уважніше, то помітите дивний атрибут data-role. Саме з цього атрибуту jQuery Mobile відшукає даний елемент.
Поїхали далі. В jQuery Mobile є 2 способи роботи посилання: внутрішнє і зовнішнє. Зараз все покажу:
Коли ви натиснете на якусь посилання на сторінці (наприклад products.html), jQuery пропарсіт посилання, створить Ajax запит (Hijax) і покаже сниппет завантаження.
Якщо Ajax поверне success, то нова сторінка додасться в DOM, все віджети мобілки авто не започатковано і плавно з'явиться нова сторінка.
Якщо щось піде не так, фреймворк покаже невелике повідомлення про помилку, яке незабаром зникне.
Створіть новий файл і впишіть код:
Збережіть даний файл і відкрийте в браузері. Якщо ви перейдете по посиланню, то побачите процес завантаження, потім нову сторінку і кнопку повернення.
Якщо щось піде не так, то вам виведеться повідомлення про помилку.
Один html документ може містити кілька сторінок, які представлені різними div з атрибутом data-role = "page". Кожен такий блок повинен містити унікальний id (id = "first"), який буде використовуватися для посилання (href = "# first"). Коли користувач натисне на кнопку, фреймворк знайде блок з даними id і відобразить його.
Все це потрібно записати в тезі body
Для того, щоб змінити тему, вам необхідно використовувати атрибут data-theme. Спробуйте:
Запустіть цю сторінку в браузері і побачите результат. Можете спробувати і інші літери, наприклад: е або а
5 останніх уроків рубрики "jQuery"
Сьогодні ми б хотіли вам розповісти про бібліотеку TypeIt - безкоштовному jQuery плагін. З її допомогою можна імітувати набір тексту. Якщо все налаштувати правильно, то можна домогтися дуже реалістичного ефекту.
jQuery плагін для створення тимчасової шкали.
jQuery плагін для створення діаграми Ганта.
Приклад того як здійснити завантаження файлу через PHP і jQuery ajax.
Корисна інфа з огляду на розвитку мобільного інтернету і возростания його ролі. Дякуємо!
Constantine
Шикарно. Давайте ще.
Взагалі для мобіл пишуть не на HTML. Але як-небудь вивчу, спасибі!
Для мобіл пишуть на тому ж, що і веб. html, xhtml, php. Якщо ви думаєте, що на wml - Ви відстали від технологій. І сперечатися марно, я вже третій рік мобільними сайтами займаюся.
Прикольно, завжди думав, що WML. У мого друга мобіла і цілий jQuery підвантажує і виконує =)
Так, зараз мобілки швидко розумнішають))
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!