（A）１月度の月例会：

２０１４年０１月度の月例会での勉強会風景

　　　

平成26年０１月２４日（金）の１３時半より開かれた例会で次のような話し合いが行われました。

（Ｂ）勉強会：

（１） jQueryのこれまでの復習

１－１　HTML5を出来るだか使って慣れておこう。

<doctype html>
<html lang="ja">
<head>
　　　<meta charset="uft-8">
</head>
<body>
　　　<div id="container">
　　　　　<header>
　　　　　</header>
　　　　　<nav>
　　　　　</nav>
　　　　　<aside>
　　　　　</aside>
　　　　　<section>
　　　　　　　<article>
　　　　　　　</article>
　　　　　</section>
　　　　　<footer>
　　　　　</footer>
　　　</div><!-- end of container -->
</body>
</html>

（注１）　<header>、<nav>、<aside>、<section>、<article>、<footer>は
　　　　　　 HTML5の正式なタグでid="xxxx"を付けることなくセレクターとして使える。
　　　　　　 但し、これらの新タグは従来のXHTMLのDoctypeでは使えない。
　　　　　　 従って、これらのタグはホームページ・ビルダーV15及びV16保存するとid="xxxx"が付けられる。
　（注２）　HTML5ではClosingタグは必要ない。　<image ・・・>や <br>で良い。
　（注３）　ホームページ・ビルダーV15は未だHTML5をサポートしていないので、保存はTerapadでUTF-8で
　　　　　　保存しなければならないので面倒だ。従って、HTML５をサポートしているV18にUpgradeすること
　　　　　　が推奨される。

　

１－２　jQueryのAjax通信のメソッド

$("セレクタ").load("ファイル・パス"); 　
　　// セレクタにパスで指定されたファイルを読み込む

$("セレクタ").load("ファイル・パス　セレクタ");
　　// セレクタにパスで指定されたファイルのセレクタ部分だけをを読み込む

Ajaxのloadメソッドを使ったサンプル：　　Sample_5-8

　　

１－３　外部ファイルを読み込むことが出来る$.ajax命令

　　

$.ajax({
　 url : "ファイルのパス",
　　 dataType : "html or xml or text",　 　　// 読み込むデータ・タイプを指定する
　　 success : function(data){　　　　　 　　　// 読み込みが成功した時に実行する処理
　　 　　　　}　　
　　　 });
　　　　　　// 残念ながら$.ajaxのメソッドはAjax loadメソッドのように選んだファイルの一部　　　　　　　　だけを取り出して表示すろことは出来ない。

$.ajaxメソッドを使ったサンプル：　　Sample_5-9

　　　　

（２） 今日の勉強

２－１　ｊQuery UI tab viaAjaxのPluginライブラリーの演習

２－２　この演習中に遭遇した問題点とその解決案