" name="description"> ">

Size: px
Start display at page:

Download ""

Transcription

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16 <select name="order"> <option value=""> </option> <option value="1"> </option> <option value="2"> </option> <option value="3"> </option> </select>

17 <select i d = " h p p - o r d e r - s e l " ></select> new HotPepper.UI.Order.Pulldown();

18

19

20 <select id= genre"></select>

21 var api_url = + /hotpepper/genre/v1/ ; $.getjson( api_url, function (res){ if( res.is_error ){ } $.each( res.item, function (i,r){ $( #hoge ).append( <option> + r.label + </option> ); }); });

22 <select i d = " h p p - g e n r e - s e l " ></select> new HotPepper.UI.Genre.Pulldown();

23

24

25 <select i d = " h p p - l a r g e - s e r v i c e - a r e a - s e l <select i d = " h p p - s e r v i c e - a r e a - s e l <select i d = " h p p - m i d d l e - a r e a - s e l <select i d = " h p p - s m a l l - a r e a - s e l ></select> ></select> ></select> ></select> new HotPepper.UI.Places.Pulldown();

26

27 <div id= kodawari"></div>

28 var api_url = + /hotpepper/kodawari/v1/ ; $.getjson( api_url, function (res){ }); if( res.is_error ){ } $.each( res.item, function (i,r){ }); $( #kodawari ).append( <input type= checkbox name= + r.label + /> + r.name );

29 <div i d = b t y - k o d a w a r i - c h e c k b o x " ></div> new Beauty.UI.Kodawari.Checkbox();

30 new Beauty.UI.Kodawari.Checkbox({ t e m p l a t e : ' t a b l e _ 2 c ' });

31

32

33 var from = parseint( res.results_start ); var to = from + parseint( res.results_returned ) - 1; var count = $( 'form > ).val(); count = parseint( count ); var total = parseint( res.results_available ); $( '<p><span class="results_available">' + total + '</span> ' + ' ( ' + from + ' - ' + to + ' )</p>' ).appendto( tgt ); if( from > 1 ){ $( '<div><a href=""> </a></div>' ).addclass( "pager-left" ).find( "a" ).click( function(){ jsonp_request( 'back' ); return false; }) }.end().appendto( tgt ); if( from + count < total ){ $( '<div><a href=""> </a></div>' ) }.addclass( "pager-right" ).find( "a" ).click( function(){ jsonp_request( 'next' ); return false; }).end().appendto( tgt ); tgt.append( '<div style="clear:both" />' );

34

35 <div i d = r u i - p a g e " ></div> var page = new Recruit.UI.Page.Simple( j s o n ); page.paginate({ request: my_ajax_method });

36 var page = new Recruit.UI.Page.Simple( json ); page.paginate({ request: my_ajax_method, t e m p l a t e _ t y p e : p u l l d o w n });

37

38 var page = new Recruit.UI.Page.Simple( json ); page.paginate({ request: my_ajax_method, s u b _ u i s : [ { i d : ' b o t t o m - p a g e - u i, t e m p l a t e : f l o a t _ r i g h t } ] });

39

40 var tmpl = ' < # t e > ' + '(< # f i > - < # l i > ) <br />' + '<span c l a s s = " r u i - p a g e - b a c k " ><a href="">back</a> </span>' + '<span c l a s s = " r u i - p a g e - n e x t " ><a href="">next</a></span>'; var page = new Recruit.UI.Page.Simple( json ); page.paginate({ request: my_ajax_method, t e m p l a t e : t m p l });

41

42

43

44

45 (function ($){ UI Library codes... })( jquery );

46 Dog = function (){... }; Dog.prototype = n e w A n i m a l ( ) ; Dog.prototype.bark = function (){... };

47 Dog = Class.create( A n i m a l, { initialize: function (){ }, bark: function ( $super ){ $super(); } });

48 Base Class: recruit.ui.js - 30k Sub Classes: hotpepper.ui.js - 9k abroad.ui.js - 8k shingaku.ui.js - 4k size with comments and indention

49

50 JSAN.use( "Test.More" ); plan({ tests: 3 }); is( typeof MyClass, 'function' ); ok( ajax.is_success ); cmpok( elm.length, >, 10 );

51

52

53

54

55

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に GC スクリプト 利 用 ガイド 第 1 版 最 終 更 新 日 2016/03/31 目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に 追 加 してみよう...

More information

Web±ÜÍ÷¤Î³Ú¤·¤µ¤ò¹â¤á¤ëWeb¥Ú¡¼¥¸²ÄÄ°²½¥·¥¹¥Æ¥à

Web±ÜÍ÷¤Î³Ú¤·¤µ¤ò¹â¤á¤ëWeb¥Ú¡¼¥¸²ÄÄ°²½¥·¥¹¥Æ¥à Web Web 2 3 1 PC, Web, Web. Web,., Web., Web HTML, HTML., Web, Web.,,., Web, Web., Web, Web., Web, Web. 2 1 6 1.1.................................................. 6 1.2.................................................

More information

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................

More information

橡Taro9-生徒の活動.PDF

橡Taro9-生徒の活動.PDF 3 1 4 1 20 30 2 2 3-1- 1 2-2- -3- 18 1200 1 4-4- -5- 15 5 25 5-6- 1 4 2 1 10 20 2 3-7- 1 2 3 150 431 338-8- 2 3 100 4 5 6 7 1-9- 1291-10 - -11 - 10 1 35 2 3 1866 68 4 1871 1873 5 6-12 - 1 2 3 4 1 4-13

More information

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 4. ウェブプログラミング 4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html

More information

2 3 Contents KODAWARI 4 5 KODAWARI 6 7 8 9,, 10 1 1,, 12 13 1 6 1 7 1 8 1 9 20 2 1 22 23 24 25 26 27 28 29 30 3 1 32 33 34 35 36 37 38 39 40 4 1 42 43 44 45 46 47 48 49 50 5 1 52 53 54 55 56 57 58 59 60

More information

ビットリアカップ2007けいはんなサイクルレースリザルト

ビットリアカップ2007けいはんなサイクルレースリザルト Page 4/30 Page 5/30 Page 6/30 Page 7/30 Page 8/30 Page 9/30 Page 10/30 Page 11/30 Page 12/30 Page 13/30 Page 14/30 Page 15/30 Page 16/30 Page 17/30 Page 18/30 Page 19/30 Page 20/30 Page 21/30 Page 22/30

More information

Page 1

Page 1 Page 1 Page 2 Page 3 Page 4 620 628 579-41 -6.7-49 -7.9 71 41 47-24 -33.3 6 15.9 11.5 6.5 8.1 36 15 22-14 -38.9 7 43.4 Page 5 277 302 23 24 12/3Q 12/4Q 13/1Q 13/2Q 13/3Q 13/4Q 14/1Q 14/2Q 14/3Q 14/4Q 15/1Q

More information

-----------------------------------------------------------------------------------------1 --------------------------------------------------------------------------------------1 -------------------------------------------------------------------------------------1

More information

›¼’à”v“lŠÍ1−ª

›¼’à”v“lŠÍ1−ª 3 1 1 2 3 4 5 6 7 8 8 10 12 14 16 18 20 22 24 2 1 2 3 4 5 6 7 8 9 10 11 12 26 28 30 32 34 36 38 40 42 44 46 48 50 4 3 1 2 3 4 5 52 54 56 58 60 6 62 7 8 9 10 64 66 68 70 72 5 1 1 4 2 5 6 6 7 1 8 1 9 2 10

More information

1 2 3 4 1 2 3 4 1 2 3 4 12 3 4

1 2 3 4 1 2 3 4 1 2 3 4 12 3 4 1 2 3 4 5 6 1 2 3 4 5 6 1 2 1 2 1 2 1 2 1 2 3 4 12 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 12 3 4 1 2 3 4 5 6 7 8 1 2 3 46 7 1 2 3 4 5 6 7 1 2 3 4 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 16 7 8 92 3 46 7 :

More information

- 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 2-12 - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 1 - 2 - 3 6 1 1-4 - 5 - 6 - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 130 3 130 5 2 50 1.5 48 59 62 63-9 - 1 - 2 - 3 () - 4 - 5 -

More information

S1460...........\1.E4

S1460...........\1.E4 3 4 3 4 5 3 4 5 3 4 3 4 3 3 3 3 4 3 4 3 3 4 4 3 3 3 3 4 3 4 3 3 3 3 3 3 4 3 4 3 4 5 4 3 5 4 3 3 4 5 3 4 5 4 3 4 3 3 4 3 4 3 3 3 3 3 4 3 3 4! "! " " 0 6 ! " 3 4 3 3 4 3 ! " 3 3 4 5 4 5 6 3 3

More information

1'1153 1 ド Ui:;~

1'1153 1 ド Ui:;~ 1'1153 1 ド Ui:;~ ~f ~f ~f 17~ 3.~1

More information

Page 2 of 7 フォーム 部 品 フォーム
内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の type 属 性 の 値 によって 見 栄 えも 動 作 も 異 なる 部 品 となります type 属 性 text

Page 2 of 7 <input>フォーム 部 品 フォーム<form> 内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の type 属 性 の 値 によって 見 栄 えも 動 作 も 異 なる 部 品 となります type 属 性 text Page 1 of 7 ホームページ 作 成 Note HOME HPビルダー HTML/CSS CGI/Perl ez-html WebDesign Link SiteMap HTML 入 力 フォーム WebブラウザにHTMLファイルを 表 示 させる 通 常 の 静 的 なページ に 対 し メールフォ ーム 掲 示 板 ブログなどのようにWebブラウザから 入 力 された 要 求 に 対 して

More information

1" 3 3 4 5 9 15 16 17 18 20 22 22

1 3 3 4 5 9 15 16 17 18 20 22 22 - - 2014 8 TEL 03-4455-7453 FAX 03-6740-1754 Mail tamago-con@temona.co.jp 1" 3 3 4 5 9 15 16 17 18 20 22 22 2" 2 23 24 25 27 28 29 30 31 32 33 34 35 42 47 STEP1 3" 4" STEP2 URL URL 5" STEP3 2 STEP4 jpg

More information

JavaScriptプログラミング入門

JavaScriptプログラミング入門 JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................

More information

NEXT 1 2 3 1 2 3 4 5 6 1 2 1 2 1 1 1 1 2 3 1 2 3 4 5 6 1 2 3 4 1 2 3 4 5 6 1 2 3 4 5 1 2 3 1 1 2 1 2 3 4 5 6 7 1 2 3 1 2 1 2 3 4 5 6 7 8 9 1 1 1 2 1 2 1 2 3 4 5 6 1 2

More information

01-Perl-oo_Kansai.pm#8.ppt

01-Perl-oo_Kansai.pm#8.ppt id:lapis25 lapis25@gmail.com Kansai.pm Meeting #8/20070310 Larry Wall 070310 Kansai.pm Meeting #8/01-Perl-oo 2 070310 Kansai.pm Meeting #8/01-Perl-oo 3 070310 Kansai.pm Meeting #8/01-Perl-oo 5 070310

More information

- 1 - - 0.5%5 10 10 5 10 1 5 1

- 1 - - 0.5%5 10 10 5 10 1 5 1 - - - 1 - - 0.5%5 10 10 5 10 1 5 1 - 2 - - - - A B A A A B A B B A - 3 - - 100 100 100 - A) ( ) B) A) A B A B 110 A B 13 - 4 - A) 36 - - - 5 - - 1 - 6-1 - 7 - - 8 - Q.15 0% 10% 20% 30% 40% 50% 60% 70%

More information

2

2 http: Develop Simply, Realize Conceived 1 2 3 4 5 6 7 8 9 10 11 12 13 14 tbody tr div [_im_enclosure] div [_im_repeater] span [_im_enclosure] span [_im_repeater] ol li ul li select option 15 1. Detecting

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

5.3............................... 22 5.4..................................... 26 5.5.................................. 28 5.6........................

5.3............................... 22 5.4..................................... 26 5.5.................................. 28 5.6........................ JavaScript 2014 4 19 1 3 2 JavaScript 3 2.1 JavaScript.................................... 3 2.2 JavaScript.................................. 3 2.3 JavaScript.................................... 3 2.4...........................................

More information

インターネットマガジン1999年2月号―INTERNET magazine No.49

インターネットマガジン1999年2月号―INTERNET magazine No.49 A MagnaviIp990Htmltips +CD-ROM 3.0 3.0 A N S W E R A N S W E R 74 INTERNET magazine 999/ click here! 3

More information

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt)

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt) 平 成 23 年 度 技 術 研 究 会 HTML5 部 会 HTML5を 使 ったWebアプリの 開 発 ~HTML4.0とHTML5の 比 較 ~ メンバー 富 士 通 九 州 システムズ 三 角 瞳 オーガス 大 分 シーイーシー オーイーシー オーイーシー 老 川 翔 太 行 部 佑 希 西 角 幸 恵 下 郡 剛 九 州 東 芝 エンジニアリング 渡 邉 泰 三 大 分 交 通 松 迫 翔

More information

p { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge

More information

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 XHTML DOM JavaScript 2 2008 7 1 1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 2.1.2 HTML.........................

More information

URL AdobeReader - 2

URL AdobeReader - 2 URL AdobeReader - 2 ...5...6...7...7...8...8...9...12...14...16...22...24 11.1....24 11.2....24 11.3....25 11.4....26...28...28 GoodNews...29-3 - 4 Office XP Professional - 5 - 6 Access Office XP Professional

More information

InfoPros13_digest.key

InfoPros13_digest.key ! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:

More information

Microsoft PowerPoint - A07回目②.pptx

Microsoft PowerPoint - A07回目②.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 7 回 目 2 11/14 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I. JavaScript( 画 像 関 係 ) II. 課 題 3 I.JavaScript 1.JavaScriptを 使 用 するためのお 約 束 4 の 間 に

More information

x-Servlet Version 2.10 開発者ガイド

x-Servlet Version 2.10 開発者ガイド Version 2.10 開 発 者 ガイド - スマートフォンテンプレート 編 - 更 新 履 歴 2012/11/21 初 版 発 行 2013/12/25 Web マニュアルへのリンクを 修 正 2015/3/19 x-servlet Ver2.10.3 リリースに 伴 う 変 更 2 共 通 設 定 のファイル 内 容 に"insertHeader_FirefoxOS"を 追 加 pg. 2

More information

writing_plugins_options.ppt

writing_plugins_options.ppt check_admin_referer(), wp_nonce_field() function my_plugin_menu() { add_options_page( ('My Plugin Options','my_plugin'), ('My Plugin','my_plugin'), 'manage_options', FILE, 'my_plugin_options'); } add_action('admin_menu',

More information

GulfStar1.5ユーザーマニュアル

GulfStar1.5ユーザーマニュアル GulfStar ID 2004 6 1 1 ID...2 2 ID...2 3...3...3...6...6 4...7 URL...7...8 5...10...10... 11 6...12...12 1/12 ID BASIC GulfStar 1 ID ID 2 ID ID 2/12 3 [ ][ ][ ] ID URL 3/12 2 ID 4/12 URL POST URL(

More information

AuthorManual_JSTP.ppt

AuthorManual_JSTP.ppt ScholarOne Manuscripts Log In Create Account Main Menu Author Dashboard Step 1: Type, Title & Abstract Step 2: Attributes Step 3: Authors & Institutions Step 4: Reviewers Step 5: Details & Comments Step

More information

untitled

untitled JavaScript HP JavaScript JavaScript Web JavaScript Web JavaScript JavaScript JavaScript HTML HTML HTML JavaScript 1. JavaScript ON/OFF 2. JavaScript 3. 4. 5. 6. 7. 8. 9. 10. if 11. if 12. switch 13. 14.

More information

Twitter‡É‡¨‡¯‡éŁ”¦…V…X…e…•‡Ì™ñ‹Ä

Twitter‡É‡¨‡¯‡éŁ”¦…V…X…e…•‡Ì™ñ‹Ä Twitter 1 Twitter Twitter Twitter Twitter Streaming API 18 2 1 6 1.1.................................................. 6 1.2................................................. 7 1.3..................................................

More information

to-r

to-r to-r We re targeting a 1.0 release within the next few weeks. 1.0 IE6 jquery Mobile Sample

More information

2001 11 14 19971219947 2 13 4 1 1 1 1 200 1000 1 1 00 2 3 30 100 3 5000 5 1 100 1 100 4 5 6 1 26,234 12,084 9,142 26,916 7 , 1 1 4 8 3 9 100 1895 3516870 100 10 11 W 14 15 New 16 W 11 14 21 1 W 63

More information

2016年COM実験_JavaScript演習資料

2016年COM実験_JavaScript演習資料 COM 実 験 JavaScript 演 習 問 題 2016 年 7 月 14 日 ( 木 ) 山 口 高 平 はじめに 開 発 環 境 の 準 備 JavaScriptの 復 習 演 習 問 題 の 概 要 演 習 問 題 1 演 習 問 題 2 演 習 問 題 3 演 習 問 題 4 演 習 問 題 5 レポート 課 題 の 説 明 目 次 はじめに 演 習 を 通 じてHTMLとJavaScriptの

More information

1 1 3 1.1 Web............................ 3 1.2 Servlet/JSP.................................. 3 2 JSP 7 2.1................................... 7 2.2..

1 1 3 1.1 Web............................ 3 1.2 Servlet/JSP.................................. 3 2 JSP 7 2.1................................... 7 2.2.. Servlet/JSP 1 1 3 1.1 Web............................ 3 1.2 Servlet/JSP.................................. 3 2 JSP 7 2.1................................... 7 2.2........................................

More information

(1) ,,,,, <> ( ) (/ ) (2) HTML5 (3) HTML (4) html (ja) (5) JavaScript CSS (6)

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis > HTML HTML HyperText Markup Language (Markup Language) (< > ) 1 sample0.html ( ) html sample0.html // JavaScript

More information