jQuery

Spring MVC でjQueryのAjax関数を使用する1 〜 JSON作成にGSONを使用する

引き続きベースは「Spring MVCのサンプルプロジェクトでViewの描画をthymeleafテンプレートエンジンによるものに変更する」から続いているもの。これまでは同期通信で画面遷移を伴うものだったが、今は画面遷移を伴わずに非同期通信を行ってデータだけを取得…

(function($){})(jQuery)と$(function(){})と$(document).ready(function(){})について

先日のエントリー「jQuery 〜 なんだか動作が違う」。 どこが間違っているのかに直ぐに気づかずに悩んだ。大分恥ずかしいけど、悩んだのでメモ。問題は次の3つの書き方のいずれにも同じ動作を期待したのだが、2番目の書き方だけ期待した動作をしないこと。1…

jQueryプラグイン 〜 スクロールする毎に画像を表示するライブラリajaxScroll

大量のデータを、一度にまとめてクライアント側にダウンロードして表示しようとすると、表示に時間がかかる。 それを回避するには、表示が必要になった時にダウンロードして表示する方法が考えられる。これを実現するのが、ajaxScrollというライブラリだ。 …

子画面から親画面のjQuery関数を実行する

jQuery内部で下記のようなことをしているので、できるでしょうと思いつつ試してみた。 できた。 当たり前か・・・。 var jQuery = window.jQuery = function( selector, context ) {・・・・ ■親画面 <script type="text/javascript"> var mode = 0; ( function($) { $.testFunc = function(</script>…

jQueryで非表示状態と表示状態を切り替える

単純なメモ。jQuery非表示状態にあるものを表示する場合は、show()メソッドを使用する。 逆に、 表示状態にあるものを非表示にする場合は、hide()メソッドを使用する。 //非表示状態のものを表示状態にする $("showButton").click(function () { $("p").show…

changeイベント発生のタイミングについて

Changeイベントとは、msdnの解説では次の通り説明されている。 テキスト ボックス、またはコンボ ボックスのテキスト部分の内容が変化するときに発生します。また、タブ コントロール内でページ間を移動したときにも発生します。 これを読んで私は誤解をして…

セレクター

$('#sample').val() とした場合、 <input id="sample" value="test"> のようなタグがあった場合に、value属性の値「test」が取れる。一方、タグがない場合には値は取れないと思っていたが、下記のような場合もセレクターは動作する。idがsampleのタグがないからundefinedを返すのは、そういう…

jQueryの非同期通信関数$.ajaxを使用して、サーバ側でのファイルの作成とダウンロードを行う

やりたいことは、左図のようなこと。クライアントからリクエストを送り、サーバ側でダウンロードするファイルを作成(すでにある場合は加工)してクライアントへ返す(ダウンロード)といったこと。 同期通信の場合、クライアントからsubmitボタンを使用して…

メモ

<html> <head> <script type="text/javascript" src="jquery.js"></script> </head> <body> <a href="http://www.google.co.jp">Link to Google</a> <a href="http://www.yahoo.co.jp">Link to Yahoo</a> </body></html>

JavaScriptでWebページのフォントを変更するライブラリ〜cufon

自分でも綺麗なフォントを簡単にWEBページに適用できる方法がないかを調べてみたら、あった。Cufon Cufonについて、まとめてみた。 【Cufonとは】 ・フォントファイルをJavaScriptファイル(以下、JSファイルと呼ぶ)に変換し、適用したい箇所にそのフォントを…

センスのない自分と、Web Designerの違いを考えてみた

ネットサーフィンをしながら、様々なWEBページを見ていた。 なんと秀逸なデザインのページが多いことか。感動するばかりだ。作者はたいてい、Web Designerの方々。Designerって、素晴らしい。さて、ただただ感動するだけではイケナイということで、センスの…

removeメソッド

jQueryオブジェクト.remove('div:has(hoge)'); とすればDOMからhogeを含むdivタグを削除してくれるのかな?

jQueryのeach関数

eachとかfilterとか、勉強しておこう。

スマートフォン用jQuery plugin 「jQTouch」

モバイル端末向けWebアプリ開発用のjQueryプラグイン「jQTouch」というものがあることを知った。 今度使ってみよう。下記、参照サイト。 jQTouchを使ったWebアプリ開発 jQueryについては、下記参照。 40分で覚える!jQuery速習講座 はじめてのjQuery