start iot with jquerymobile - 기초6

9
Welcome to jQueryMobile Fundamental 6

Upload: park-jonggun

Post on 14-Jan-2017

437 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Start IoT with jQueryMobile - 기초6

Welcome to

jQueryMobile Fundamental 6

Page 2: Start IoT with jQueryMobile - 기초6

1. Selectmenu

2. Flipswitch

3. Slider

4. Text Input

5. Datepicker

6. Next Mission

jQueryMobile

Fundamental 6

Based on http://demos.jquerymobile.com/1.4.0/

Page 3: Start IoT with jQueryMobile - 기초6

Selectmenu jQueryMobile Fundamental 6

The select menu is based on a native select element, which is hidden

from view and replaced with a custom-styled select button. Tapping

it opens the native menu

Page 4: Start IoT with jQueryMobile - 기초6

Flipswitch jQueryMobile Fundamental 6

Flip switches are used for boolean style inputs like true/false or

on/off in a compact UI element.

Page 5: Start IoT with jQueryMobile - 기초6

Slider jQueryMobile Fundamental 6

Sliders are used to enter numeric values along a continuum. Range

slider offer two handles to set a min and max value along a numeric

continuum.

Page 6: Start IoT with jQueryMobile - 기초6

Text Input jQueryMobile Fundamental 6

Text inputs and textareas are coded with standard HTML elements,

then enhanced by jQuery Mobile to make them more attractive and

useable on a mobile device.

Page 7: Start IoT with jQueryMobile - 기초6

Datepicker jQueryMobile Fundamental 6

jQuery UI Datepicker widget combined with a 3rd party wrapper to

make this work with jQuery Mobile. This widget has all the same

options and methods as the jQuery UI widget.

http://api.jqueryui.com/datepicker/

https://github.com/arschmitz/jquery-mobile-datepicker-wrapper

Page 8: Start IoT with jQueryMobile - 기초6

Next Mission jQueryMobile Fundamental 6

Make your own mobile web site using mobile HTML5 technology.

< Travel Diary

Mobile SNS >

Learn > Travel Diary

5 lectures

Will be opened soon!

Make your own

Mobile Web!

Page 9: Start IoT with jQueryMobile - 기초6

Expand your dimension!

Let’s Start!