タグ

javascriptとjqueryに関するnilabのブックマーク (19)

  • 3D World with GPS data in Javascript and html5

    nilab
    nilab 2014/12/01
    event.originalEvent.webkitCompassAccuracy : event.originalEvent.webkitCompassHeading
  • IE には Array.indexOf がないので追加する - xykの日記

    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 =

    IE には Array.indexOf がないので追加する - xykの日記
    nilab
    nilab 2014/10/09
    IE には Array.indexOf がないので追加する - xykの日記 : jQuery.inArray(value, array)
  • $(window).width()で表示幅、$(document).width()でドキュメント幅(ページ全体の幅) - こんにちはこんにちはmonmonです!

    jQuery使って$(document).width()でページ全体の幅が取得できるのは知ってたのだけど、 表示されてる幅の表示方法がわからなくて試行錯誤してた。 仕方ないからその部分だけ自分でクロスブラウザ用のコード書いてたり。 で、もう一回ググってみたらあった。 jQuery のお勉強 (practice input output) jQueryでユーザーのブラウザ表示幅を取得するには、width() $(window).width()を使う。 例) var width = $(window).width(); alert(width); でブラウザ表示幅を取得する $(document).width()でドキュメントの幅 $("p").width(); 特定のエレメントの幅を取得することができる。 これで表示部分の右端に表示とかできそうだ。 良かった。 追記 表示幅ではなかったのね。

    $(window).width()で表示幅、$(document).width()でドキュメント幅(ページ全体の幅) - こんにちはこんにちはmonmonです!
    nilab
    nilab 2014/10/08
    $(window).width()で表示幅、$(document).width()でドキュメント幅(ページ全体の幅) - こんにちはこんにちはmonmonです!
  • jQuery window の幅と高さを正確に出す方法

    jQuery では、$(window).width(); でウィンドウ幅、$(window).height();でウィンドウ高さが値として取得できますが、一部のブラウザで値が正確に取れないことがあるようです。 何とかなったので、解決方法をφ(..) jQueryで、ウィンドウ幅と高さを取得するには、 var w = $(window).width(); var h = $(window).height(); こんなかんじですが、一部のブラウザではスクロールバーの有り無しを間違えて、その分を加味した結果を返してくるようです。もしかしたら、もっととんでもないロジックなのかもしれませんが… そこで、元々のjavascriptが持っているコマンド、innerWidthとinnerHeightを使って値を取得することにすします。 var w = window.innerWidth ? window.

    jQuery window の幅と高さを正確に出す方法
    nilab
    nilab 2014/10/08
    jQuery window の幅と高さを正確に出す方法 | gworks web site
  • SCRIPT65535: 予期しないメソッドの呼び出し、またはプロパティ アクセスです。 - kenmituoの日記

    こっちも出たり出なかったり。 SCRIPT65535: 予期しないメソッドの呼び出し、またはプロパティ アクセスです。 jquery.js, 行 103 文字479流れ流されて参考にした記事を見つける。 http://blog.livedoor.jp/maru_tak/archives/50545757.html 書き換えられないものを書き換えようとしている部分を探していくと、$("テキストボックスのID名").text(""); や $("テキストボックスのID名").text("内容文"); などという書き方をしている部分が! 内容をリセットする部分は $("テキストボックスのID名").empty() に、テキストボックスの内容を変える部分は $("テキストボックスのID名").val("内容文") に変更したところ、IEでのエラーが消えた。 試すが変化なしでこんな記事を見つける h

    SCRIPT65535: 予期しないメソッドの呼び出し、またはプロパティ アクセスです。 - kenmituoの日記
    nilab
    nilab 2014/07/16
    SCRIPT65535: 予期しないメソッドの呼び出し、またはプロパティ アクセスです。 - kenmituoの日記
  • 威斯尼斯人wns2299登录(百度Vip认证)官方网站

     系统提示 抱歉 可能是由下列问题导致的: 由于网络或安全的原因,您暂时无法访问站点,请稍后重试。

    nilab
    nilab 2014/06/22
    window.onload とjQury(document).ready の違い | 風の吹く丘
  • jQuery高速化!処理速度を10倍上げるテクニック20選

    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

    jQuery高速化!処理速度を10倍上げるテクニック20選
    nilab
    nilab 2014/05/12
    jQuery高速化!処理速度を10倍上げるテクニック20選
  • ready() [jQuery]|Ajax入門|Ajaxの基礎と応用の学習|StudyNet

    Ajax入門|Ajaxの基礎と応用の学習 Ajax入門 Web2.0を代表する技術であるAjax JavaScriptの基からAjaxの基礎・応用までサンプルを使って紹介 ready()は、DOMツリーが構築されたら、即関数を実行するjQueryのメソッドです。ready()メソッドは、HTML読み込み後にDOMツリーが構築されたのを検出して、JavaScriptを実行させます。DOMツリーが構築されるタイミングは、ブラウザによって異なってくるので、クロスブラウザ対策が必要ですが、jQueryは、ブラウザの違いを吸収し、簡単に表記できるようにしています。 ページが読み込まれたのを検出するには、loadイベントを通常使うのですが、この場合、DOM構築後、画像などの読み込みが完了しないと、loadイベントが発生しないので、重い画像が有る場合には、JavaScriptの実行が遅れてします。こう

    nilab
    nilab 2013/10/11
    ready() [jQuery]|Ajax入門|Ajaxの基礎と応用の学習|StudyNet : ready()は、DOMツリーが構築されたら、即関数を実行するjQueryのメソッド : ready()関数:$(document).ready(function(){・・・}) : 省略表記:$(function(){・・・})
  • jQueryでsetTimeoutを使ってfunctionの実行を遅らせる方法|BLACKFLAG

    JavaScriptでfunctionの関数や様々な処理等を“何秒後”に実行、といった指定をする時に使う「setTimeout」。 jQueryでもこの指定を使うことが出来るのですが、必要な時に限って記述方法を忘れてしまっていることが多いので、ここにメモ書きしておきます。(ごく単純な記述なのですが…) $(function(){ setTimeout(function(){ ~ここに処理を記載~ },1000); }); 処理を記載する箇所の後ろにある数値は、“何秒後”に処理させるか、の値になります。 例えば、ページを読み込んだ後、3秒後にbodyをフェードインさせる場合。(フェードインするアニメーション時間は1秒) $(function(){ $("body").css({opacity:'0'}); setTimeout(function(){ $("body").stop().ani

    jQueryでsetTimeoutを使ってfunctionの実行を遅らせる方法|BLACKFLAG
    nilab
    nilab 2013/07/12
    jQueryでsetTimeoutを使ってfunctionの実行を遅らせる方法 | BlackFlag
  • jQuery.jsで読み込み時に自動でフォームにフォーカス | muzin

    画面を読み込んだ際に、自動でフォームにカーソルをフォーカスします。 普通に <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

    nilab
    nilab 2013/07/10
    jQuery.jsで読み込み時に自動でフォームにフォーカス | muzin : document.form.field.focus() : $("#mytext").focus()
  • overflow samples

    nilab
    nilab 2013/06/23
    overflow samples : overflow: visible, hidden, scroll, auto : -webkit-overflow-scrolling: touch; : jQuery.flickable : jQuery Plugin niekjuh/touch-scroll
  • event.isDefaultPrevented - jQuery API 日本語リファレンス

    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秒間

    nilab
    nilab 2013/06/14
    event.isDefaultPrevented - jQuery API 日本語リファレンス : 「jQuery API の event.isDefaultPrevented() は、preventDefault() メソッドでイベントのデフォルトの動作を停止させたかどうかを返すメソッド」
  • javascriptのスクロールイベント | 村式流 イッパシエンジニアへの道

    nilab
    nilab 2013/06/14
    javascriptのスクロールイベント | 村式流 イッパシエンジニアへの道 : $(window).scroll(function(e){});
  • OS X Lionぽいスクロールバーを実装できてiOSにも対応した Skroll.js :: 5509

    前略そんなわけでスクロールバー作りました。 一応目指していたところは、PCベースのサイトを作ったときにiOSで見てもスクロールバー実装したとこいい感じになるよ!っていうのです。 PCでLionぽいスクロールバー作りたいなと思って会社の合宿中に始めたのですけど、なんかいつの間にかiOSにも対応することになってて、動きにこだわり始めたら収集つかなくなってめちゃめちゃ時間かかりました・・・ 対象バージョンはある程度絞ってあるんですけど、結構納得いく動きにできたかなーと思います。動きはとりあえずPCとiOS(4.2以上)で見てください。 タイトルにないですけど、これはjQueryプラグインとして動作します(jQuery mobileは必要ないです)。自分で使う機会が多ければjQuery外してiOSに特化してもいいかなとかそういうノリなので、もし使う人がいればフィードバックください。 iOS用のスク

    nilab
    nilab 2013/06/14
    OS X Lionぽいスクロールバーを実装できてiOSにも対応した Skroll.js :: 5509
  • uu59のメモ | jQuery.Deferred その1 JSDeferredとの基本的な違い

    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(){

    nilab
    nilab 2012/02/23
    uu59のメモ | jQuery.Deferredその1: JSDeferredとの基本的な違い
  • Post by @hamalog

    結論から言うと、-でも_でもキャメルでもどれでもいいと思う。で、自分が-を使っているのは、jQuery UIcssがそのように書かれていて、僕が年中、ヘビーにjQuery UIのベースとなっているwidgetというフレームワークを使っているから。そして、仕事でやる場合にはだいたいコレを使うので、それに習っている感じ。参照:The jQuery UI CSS Framework -を使う時は、名前空間的な意味合いで使う。単語の区切り目としては使わない。具体的には、こんな感じ。ここで使っているmod-は、モジュールの単位を表す、mod-modulenameを起点にしてそっから下のひとまとまりがcssをごそっと適用するひとかたまりだよーという意味。apply-は、なんかJSをユーティリティ的にぽこっと適用するときに使う。 単語の区切り目は、キャメルケースにしたいところだけどあえてoremodu

    Post by @hamalog
    nilab
    nilab 2012/01/30
    classやidに-を使うとか使わないとか - Takazudo hamalog「-を使っているのは、jQuery UIのcssがそのように書かれていて、僕が年中、ヘビーにjQuery UIのベースとなっているwidgetというフレームワークを使っているから」
  • [ヅ] jQuery で JSON フォーマットのデータをダウンロードするサンプル (2011-08-22)

    nilab
    nilab 2011/08/22
    さいきん JavaScript のお勉強をするようになりました。 / ヅラッシュ! - jQuery で JSON フォーマットのデータをダウンロードするサンプル
  • YoxView - jQuery image viewer 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 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

    nilab
    nilab 2011/03/05
    YoxView - jQuery image viewer plugin
  • jQuery source viewer

    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

    nilab
    nilab 2010/02/02
    jQuery source viewer : 「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 simpl
  • 1