jQuery UIの最新バージョン1.8.21はリリースされました、面白い機能はないかな？
変更点
http://jqueryui.com/docs/Changelog/1.8.21
自分で作ったり提供したりするものは、まず自分自身で使ってみろろということです。自分じゃ使わないものなら人はいくらでも無責任にも無思考にもなれる。そういう投げやりな「サービス」やら「プロダクツ」なんて、だれだってイヤだ。自分が作り手と同時に利用者の立場になれば、ちゃんと使えるレベルのものを提供しようとします。
2012年6月6日水曜日
2012年5月28日月曜日
2012年5月18日金曜日
jQuery UI 1.9 Milestone 8 – Position
jQueryのUI1.98マイルストーンリリースは、いくつかの改良が含まれており、最も注目すべきはポジションツールのバージョンの再設計になっています。
ダウンロード
http://jquery-ui.googlecode.com/files/jquery-ui-1.9.0m8.zip
ダウンロード
http://jquery-ui.googlecode.com/files/jquery-ui-1.9.0m8.zip
2010年11月9日火曜日
jQuery ajaxサンプル
jQuery ajax関数のサンプルをメモします。
ソース：
ソース：
<script type="text/javascript">
$(function () {
$("#btn01").click(function () {
$.ajax(
{
async: false,
global: false,
ifModified:false,
url: "/txt/txt1.txt",
cache: false,
beforeSend: function () {
$("#div01").append("<hr/>");
},
dataFilter: function(data, type){
return "<b>" + data + "</b>";
},
success: function (msg, textStatus) {
$("#div01").append(msg + "<br/>");
},
error: function(xhrobj, status, errorEx){
$("#div01").append(status + "<br/>");
},
complete: function (xhrobj, textStatus) {
$("#div01").append(textStatus + "(complete)<hr/>");
}
}
);
});
$("#btn02").click(function () {
$.ajax(
{
type: "post",
url: "/Home/AjaxTest",
cache:false,
dataType: "text", // xml, html, script, json, jsonp, text
data:
{
data: "あいうえお",
data1: ["aaa", "bbb"],
},
success: function (msg, textStatus) {
$("#div02").append("success:<br/>");
$("#div02").append(msg + "<br/>");
var obj = jQuery.parseJSON(msg);
$("#div02").append("obj.a=" + obj.a + ",obj.b=" + obj.b + "<br/>");
},
}
);
});
});
</script>
2010年11月8日月曜日
2010年11月5日金曜日
2010年11月4日木曜日
2010年11月2日火曜日
jQuery formサンプル
jQuery Ajax Formサンプルを紹介します。
このサンプルで、クライアント側でファイルをアップロードすると、画面サブミットせずにアップロードできます。
このサンプルで、クライアント側でファイルをアップロードすると、画面サブミットせずにアップロードできます。
<script src="jquery-1.4.3.min.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var options = {
//target: // target element(s) to be updated with server response
success: function (responseText, statusText, xhr, $form) {
alert("サブミット完了しました。[" + response + "]");
}
, iframe: true
};
$('#uploadFileForm').ajaxForm(options);
});
<form id="uploadFileForm" runat="server" enctype = "multipart/form-data">
<div>
<input type="file" id="fileUpload1" name="fileUpload"/>
<asp:Button ID="Button1" runat="server" Text="アップロード"/>
</div>
</form>
Google jQueryライブラリの利用方法
Google社提供しているJavascriptライブラリの利用方法を紹介します。
このトピックでjQueryの利用サンプルを説明します。
【Google API Test】ボタンを押して、Google jQueryライブラリを経由して【Hello】メッセージを出します。
このトピックでjQueryの利用サンプルを説明します。
【Google API Test】ボタンを押して、Google jQueryライブラリを経由して【Hello】メッセージを出します。
登録:
投稿 (Atom)