IE で Array.indexOf を使おうと思ったら実装されていないことを知った。 以下のように追加する。 if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length; var from = Number(arguments[1]) || 0; from = (from < 0) ? Math.ceil(from) : Math.floor(from); if (from < 0) from += len; for (; from < len; from++) { if (from in this && this[from] === elt) return from; } return -1; }; } 例: var array =
jQuery使って$(document).width()でページ全体の幅が取得できるのは知ってたのだけど、 表示されてる幅の表示方法がわからなくて試行錯誤してた。 仕方ないからその部分だけ自分でクロスブラウザ用のコード書いてたり。 で、もう一回ググってみたらあった。 jQuery のお勉強 (practice input output) jQueryでユーザーのブラウザ表示幅を取得するには、width() $(window).width()を使う。 例) var width = $(window).width(); alert(width); でブラウザ表示幅を取得する $(document).width()でドキュメントの幅 $("p").width(); 特定のエレメントの幅を取得することができる。 これで表示部分の右端に表示とかできそうだ。 良かった。 追記 表示幅ではなかったのね。
jQuery では、$(window).width(); でウィンドウ幅、$(window).height();でウィンドウ高さが値として取得できますが、一部のブラウザで値が正確に取れないことがあるようです。 何とかなったので、解決方法をφ(..) jQueryで、ウィンドウ幅と高さを取得するには、 var w = $(window).width(); var h = $(window).height(); こんなかんじですが、一部のブラウザではスクロールバーの有り無しを間違えて、その分を加味した結果を返してくるようです。もしかしたら、もっととんでもないロジックなのかもしれませんが… そこで、元々のjavascriptが持っているコマンド、innerWidthとinnerHeightを使って値を取得することにすします。 var w = window.innerWidth ? window.
こっちも出たり出なかったり。 SCRIPT65535: 予期しないメソッドの呼び出し、またはプロパティ アクセスです。 jquery.js, 行 103 文字479流れ流されて参考にした記事を見つける。 http://blog.livedoor.jp/maru_tak/archives/50545757.html 書き換えられないものを書き換えようとしている部分を探していくと、$("テキストボックスのID名").text(""); や $("テキストボックスのID名").text("内容文"); などという書き方をしている部分が! 内容をリセットする部分は $("テキストボックスのID名").empty() に、テキストボックスの内容を変える部分は $("テキストボックスのID名").val("内容文") に変更したところ、IEでのエラーが消えた。 試すが変化なしでこんな記事を見つける h
系统提示 抱歉 可能是由下列问题导致的: 由于网络或安全的原因,您暂时无法访问本站点,请稍后重试。
Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputを簡単に書けるようにしてくれるライブラリのjQueryですが、使い方をちょっと変えるだけで、パフォーマンスに大きく差がでます。ハイスペックPCでは分かりづらいかもしれませんが、スペックの低いPCやモバイルではWebページの表示速度が遅くすぐに閉じられるかもしれません。 Webページがたった1秒高速化するだけでECサイトなんか、売上が10%向上した事例もあります。そこで、jQuery高速化のポイントや方法をここにまとめておきます。 jQueryの最新バージョンを使う 図1 jQueryのバージョンによる速度 https://jsperf.com/speed-comparison-of-jquery-vers
Ajax入門|Ajaxの基礎と応用の学習 Ajax入門 Web2.0を代表する技術であるAjax JavaScriptの基本からAjaxの基礎・応用までサンプルを使って紹介 ready()は、DOMツリーが構築されたら、即関数を実行するjQueryのメソッドです。ready()メソッドは、HTML読み込み後にDOMツリーが構築されたのを検出して、JavaScriptを実行させます。DOMツリーが構築されるタイミングは、ブラウザによって異なってくるので、クロスブラウザ対策が必要ですが、jQueryは、ブラウザの違いを吸収し、簡単に表記できるようにしています。 ページが読み込まれたのを検出するには、loadイベントを通常使うのですが、この場合、DOM構築後、画像などの読み込みが完了しないと、loadイベントが発生しないので、重い画像が有る場合には、JavaScriptの実行が遅れてします。こう
JavaScriptでfunctionの関数や様々な処理等を“何秒後”に実行、といった指定をする時に使う「setTimeout」。 jQueryでもこの指定を使うことが出来るのですが、必要な時に限って記述方法を忘れてしまっていることが多いので、ここにメモ書きしておきます。(ごく単純な記述なのですが…) $(function(){ setTimeout(function(){ ~ここに処理を記載~ },1000); }); 処理を記載する箇所の後ろにある数値は、“何秒後”に処理させるか、の値になります。 例えば、ページを読み込んだ後、3秒後にbodyをフェードインさせる場合。(フェードインするアニメーション時間は1秒) $(function(){ $("body").css({opacity:'0'}); setTimeout(function(){ $("body").stop().ani
画面を読み込んだ際に、自動でフォームにカーソルをフォーカスします。 普通に <body onLoad="document.form.field.focus();"> としてもよいのですが、 あえてjQuery.jsを使ってみました。 ○JavaScript実行例 {{insert_meta jQueryFocus}} ○ソース <script type="text/javascript" src="./jquery-1.4.1.min.js"></script> <script type="text/javascript"> <!-- // ロード時に自動でカーソルを合わせる $(document).ready( function() { $("#mytext").focus() }); //--> </script> <form action="#"> <input type="text
jQuery API の event.isDefaultPrevented() は、preventDefault() メソッドでイベントのデフォルトの動作を停止させたかどうかを返すメソッド。 実装例(サンプル) event.isDefaultPrevented() event.isDefaultPrevented()-1: event.isDefaultPrevented()-2: 実装例(サンプル)の動作について event.isDefaultPrevented() をクリックしても、リンク先ページは開かず、「event.isDefaultPrevented()-1: 」の右側に、フェードイン・フェードアウトで「false」というテキストを5秒間表示、「event.isDefaultPrevented()-2: 」の右側に、フェードイン・フェードアウトで「true」というテキストを5秒間
前略そんなわけでスクロールバー作りました。 一応目指していたところは、PCベースのサイトを作ったときにiOSで見てもスクロールバー実装したとこいい感じになるよ!っていうのです。 PCでLionぽいスクロールバー作りたいなと思って会社の合宿中に始めたのですけど、なんかいつの間にかiOSにも対応することになってて、動きにこだわり始めたら収集つかなくなってめちゃめちゃ時間かかりました・・・ 対象バージョンはある程度絞ってあるんですけど、結構納得いく動きにできたかなーと思います。動きはとりあえずPCとiOS(4.2以上)で見てください。 タイトルにないですけど、これはjQueryプラグインとして動作します(jQuery mobileは必要ないです)。自分で使う機会が多ければjQuery外してiOSに特化してもいいかなとかそういうノリなので、もし使う人がいればフィードバックください。 iOS用のスク
JSDeferred $.Deferred 長年JSDeferredを愛用してましたが、jQueryにDeferredがついたらしいので記憶を整理して慣れていきます。 おさらい 基本チェイン // JSDeferred Deferred.next(function(){ alert("a"); }).next(function(a){ alert('b'); }).next(function(b){ alert('c'); }); // $.Deferred $.Deferred().done(function(){ alert("a"); }).done(function(a){ alert('b'); }).done(function(b){ alert('c'); }).resolve(); 値のリレー // JSDeferred Deferred.next(function(){
結論から言うと、-でも_でもキャメルでもどれでもいいと思う。で、自分が-を使っているのは、jQuery UIのcssがそのように書かれていて、僕が年中、ヘビーにjQuery UIのベースとなっているwidgetというフレームワークを使っているから。そして、仕事でやる場合にはだいたいコレを使うので、それに習っている感じ。参照:The jQuery UI CSS Framework -を使う時は、名前空間的な意味合いで使う。単語の区切り目としては使わない。具体的には、こんな感じ。ここで使っているmod-は、モジュールの単位を表す、mod-modulenameを起点にしてそっから下のひとまとまりがcssをごそっと適用するひとかたまりだよーという意味。apply-は、なんかJSをユーティリティ的にぽこっと適用するときに使う。 単語の区切り目は、キャメルケースにしたいところだけどあえてoremodu
YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin.YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin. YoxView is inspired by Lokesh Dhakar's Lightbox. Like it, YoxView displays images above the website's content, as a separate layer. Features Images are resiz
Meta See the related blog post: Under jQuery's Bonnet I was sick and tired of having to scroll through a raw copy of jQuery everytime I wanted to view a method's implementation... so I decided to have a go at creating a faster, more usable interface which would allow me to quickly traverse each method's source. It's dead simple. Type in a jQuery method name (then wait a bit) and the corresponding
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く