Lity - Lightweight, accessible and responsive lightbox
Lity is a ultra-lightweight, accessible and responsive lightbox plugin which supports images, iframes and inline content out of the box. Minified and gzipped, its total footprint weights about 3kB. It requires jQuery or Zepto (with the callbacks, deferred and data modules). Demos Image Inline Google Maps YouTube Vimeo URL Installation All ready-to-use files are located in the dist/ directory. Incl
jQuery キー入力でキーコードを取得(keydown他) | ITSakura
キーを離した時に発生します。 shiftやalt等の修飾キーも発生します。Enterキーも発生します。 それぞれJavaScriptのkeydown,keyup,keypressイベントが発生します。 以下は、jQueryのキーボードイベントのリンクです。 https://api.jquery.com/category/events/keyboard-events/ キーコードを取得する(keydown) 以下のテキストボックスに何かキーを入力すると、keydownイベントが発生し、 キーコードを取得して表示します。 数値の1やアルファベットのaや、shiftキーやエンターキーや矢印(→)も入力できます。 event.key : event.which : event.keyCode : event.code : 上記サンプルのコードです。 <style>#text1{width:25px
Javascript/jQuery でブラウザ高さを取得する方法 | WWWクリエイターズ
この記事では、３つのJavascript関数による高さの取得方法をまとめていきます。 とりわけ、モバイル環境における、ブラウザー（iOS Safari や Chrome）での高さの取得方法、ややトリッキーです。 詳しく見ていきます。 Javacscript でブラウザーの高さを取得 ブラウザーのウィンドウに高さをフィットさせるには、下記の２種類のアプローチがあります。 [A] Javascriptでウィンドウ高さを取得して、所望の要素を高さにぴったりフィットさせる[B] （Javascriptを使わずに）CSSでぴったりフィットさせる 今回、Javascript、もしくは、JQueryでの高さの方法を詳しく見ていきます。 ブラウザウィンドウの高さの取得 ブラウザーウィンドウの高さは、Javascript のdocumentオブジェクトのプロパティから、もしくは、jQueryを使って取得でき
【JavaScript】return falseの意味について総まとめ。コード付で解説 ｜ 25歳でフリーランス28歳で起業したエンジニア -じゃけぇ- のあれこれ
これをコードで見てみましょう。 親子関係にあるdiv要素があります。それぞれ色のついた部分をクリックしたらアラートがあがるようにしています。 子要素(青い部分)をクリックすると、バブリングにより親要素のクリックイベントも実行されることが確認できると思います。 このイベント伝播の制御に関わってくるのが return false preventDefault() stopPropagation() などになります。順番に見ていきましょう。 return falseを使ってイベント伝播を制御する では実際にreturn falseを使用して親へのイベント伝播を止めてみましょう。 ここで超重要なのは プレーンなJavaScriptとjQueryでreturn falseの挙動が異なる ということです。 先に結論から言うと、 となります。 実際にコードで見てみましょう。 jQueryでreturn
貴社のサイトも要注意！ jQuery脆弱性対策のポイント | デジタルマーケティングTips | 株式会社マックスマウス
Webサイト内で古いjQueryを使っている場合は、脆弱性によるサイト改竄等のおそれがあるため、最新版に置き換える改修が必要です。本記事では改修が必要な理由と実際の作業の流れを解説します。 要点 jQuery旧版はXSS脆弱性あり。最新版に換えるべし 古いjQueryの置き換えは付随する改修が多い。大仕事になる場合も 単独で対策するほか、サイトの機能改修のついでに脆弱性対策も行うという方法も吉 現代のWebサイトに必要不可欠な「jQuery」とは jQueryは、2006年に初版が発表され、現在では世界中のWebサイトで使用されているJavaScriptライブラリです。JavaScriptコードの記法・構文を簡略化することで開発効率が上がること、ブラウザ間での動作の差異や不規則さを抑えられること、jQueryに合わせて開発された各種ライブラリ(jQueryライブラリ)を動かすための基礎動作
jQuery リファレンス：jQuery(function)
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core：コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors：セレクタ └ 目次 基礎 ├ *（すべて） ├ element（html要素） ├ #id名（ID属性） ├ .class名（clas属性） ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖 子孫 ├ >（子要素） ├ +（直近の後要素） └ ~（後要素） 属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
【JavaScript入門】Ajaxの使い方とGET・POST通信まとめ！ | 侍エンジニアブログ
基本的に、サーバーと正常な通信をしている場合は、statusの値が「200」なのでこれと条件分岐するのが良いでしょう。さらに、「readyState」と「status」は別々に条件分岐するよりも同時に確認する方が効率的です！ xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { //データ取得処理を書く } }; このように「&&」で一緒に確認できることも合わせて覚えておきましょう！ 「GET」で通信する方法 この章では、実際にAjaxを使ってGET通信を行う方法について見ていきましょう！ 基本的なGET通信のプログラム作成からデータの取得までを学んでいきます。 「GET」によるAjax通信のサンプル例 「XMLHttpRequest」を使ったAjax通信では、主に「G
初心者でも分かる！モーダルウィンドウの作り方
特にスマホで活躍する、ダイアログのように浮かび上がるモーダルウィンドウ。初心者でも1から作れるよう、解説します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[HTML5] Canvasで描く色を自由に選ぶUI - YoheiM .NET