画像の先読み
よくある、JavaScriptで画像を先に読み込む方法ですが、 多くのサイトで間違いが載っています!! どういう間違いが多いかと言うと、 画像を読み込む際に、同時に画像を読み込む枚数が制限されている、ブラウザがあるにも関わらず、すべてを同時に読み込んでいる場合があります。(枚数が制限されているブラウザでは処理が止まったりします。) var image1 = new Image();...
View Articleブラウザ判別
ブラウザの判別をしてみます。 特に必要な判別と言うのはIEだけ、or IE6だけ対応 と言うのが必要となる場合があります。 他の場合は、cssでカバーできる事が多いはずです! ■ブラウザ毎の判別 if (navigator.userAgent.indexOf("MSIE") != -1){ //ie }else if (navigator.userAgent.indexOf("Firefox")...
View Articleページの大きさを取得する。
jQueryのLightBoxプラグインの中に含まれている関数ですが、 jQueryがなくても動くので割と汎用性の高いプログラムが含まれています。 ページのサイズ、とウインドウのサイズを配列で返してくれます。 function ___getPageSize() { var xScroll, yScroll; if (window.innerHeight &&...
View Articleページのスクロールの距離を取得する。
前回のページの大きさを取得する。と同様に、スクロールした距離を測るものが jQueryのLightBoxプラグインの中に含まれている関数であります。 function ___getPageScroll() { var xScroll, yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; xScroll =...
View Article文字列が含まれているかの判別
簡単な記述で、文字列が含まれているかの判別ができます。。 if(_str.indexOf("sample")!=-1){ sampleの文字が含まれている場合 } 結構使います。 正規表現を使っても判別ができます。 var result = _string.match(new RegExp("sample","g")); これで、含まれている場合はtrue,含まれていない場合はflashを返してます。
View Articleオブジェクトの中身を確認する。
オブジェクトは便利だが、オブジェクトの識別子が任意に決定できるが為にオブジェクトの中身を確認する事がしづらい場合がある。 そのような場合には、オブジェクトのデータを全て表示させるファンクションを作成してみましょう。 for(var key in obj){ alert(key +" : "+obj[key]); }...
View ArticlejQueryからjavascriptの関数を使う
jQueryからjavascriptの関数を使う時にエラーが表示されてしまう場合があります。 例えば、onclickファンクションを使いたい場合は $("a").onclick = function(){} でエラーです。 var _a = document.getElementById("click_a"); a.onclick = function(){} で実行がされます。...
View ArticlejQueryの簡易マウスオーバーの正しい使い方
jQueryを用いて簡単なロールオーバーを実行する場合には、 対象となる、エリアを指定してアルファを下げてあげる方法が有名です。 $("a.hover img").hover(function(){ $(this).fadeTo(400,0.6); },function(){ $(this).fadeTo(400,1) })...
View Articleクリックなどのイベントをgoogleanalyticsで取得をする。
google analyticsでクリックなどの反応を取得したいとの要望が多々あります。 ※トラッキングといいます! 通常は、ページの表示のイベントのみを取得しています。 クリックの時のイベントも取得してみましょう! 以前のgoogleのanalytics 以前のgoogleのanalyticsは(bodyの下に書くもの)では <script...
View Articlejavascriptでのobjectの使い方
Objectの使い方について勉強をします。 Objectとは連想配列い近い形で使用できます。 obj = new Object(); obj.x = 5; obj.y = 10; のようにx,yというような形で行うと、位置の座標をobjectの中に登録をする事ができます。...
View Article
More Pages to Explore .....