配列の重複をはじく、もしくは重複を取り出す - Qiita
var a = [1,2,3,3,2,2,5]; // 重複を削除したリスト var b = a.filter(function (x, i, self) { return self.indexOf(x) === i; }); // 重複のみをリスト var c = a.filter(function (x, i, self) { return self.indexOf(x) !== self.lastIndexOf(x); }); // 重複を検出したものを重複しないでリスト var d = a.filter(function (x, i, self) { return self.indexOf(x) === i && i !== self.lastIndexOf(x); }); console.log(a); // [ 1, 2, 3, 3, 2, 2, 5 ] console.log
jQueryでマウス座標を取得 | Typhooon
jQueryのイベントハンドラはコールバック関数の最初の引数にイベントオブジェクトを渡します。イベントオブジェクトの clientX プロパティと clientY プロパティによってマウスカーソルの位置を取得することができます。 イベントオブジェクトを操作するために関数にイベントオブジェクトを渡すためには、次のように引数にイベントを指定します。 [javascript] function(e){ // } [/javascript] 例えば、イベントオブジェクトの target プロパティはイベントを発行した DOM 要素への参照を返します。 次のコードは、イベントが発生しているオブジェクトを取得して DOM 要素のID 名（ #contents ）を表示させます。 [javascript] $(document).click(function(e) { var ele = $(e.tar
[CSS] Memo, iOS長押しで表示されるポップアップがじゃまな時
あたふたしたのでメモっとく。 iOSでリンクを長押しすると下からにょろっと出てくるポップアップ（正式名称はなんだろう）がじゃまでした。 出現する時のイベントを取得できないかとJavaScriptでごにょごにょしましたが解決できず。 時間も限られていたので出てこないようにしてしまいました。 < p class=”clear”>
![[CSS] Memo, iOS長押しで表示されるポップアップがじゃまな時](https://cdn-ak-scissors.b.st-hatena.com/image/square/00c57c21ab579e3c2f1e40cf3f57603d04c1629e/height=288;version=1;width=512/http%3A%2F%2Fwww.inazumatv.com%2Fcontents%2Fwp-content%2Fuploads%2F2013%2F01%2FIMG_2075-169x300.png)
CodeKitで簡単にCSS Preprocessorを利用する！
CodeKitで簡単にCSS Preprocessorを利用する！ 本エントリーはCSS Preprocessor Advent Calendar 2012の12日目のエントリーです。 CSS Preprocessor Advent Calendar 2012とは年末の12/1〜12/25まで、みんながブログなどでCSS Preprocessorについて熱く語るというイベント、僕は2012年一番重宝したMacアプリ「CodeKit」について解説します。 そもそもCSS Preprocessorってなに? CSS PreprocessorはSassやLess、StylusといったいわゆるCSSメタ言語のこと。CSSメタ言語とはCSSと異なる文法でCSSを記述できる言語です。 たとえば、通常のCSSでは #bar{ width:100%; } #bar .foo{ color:red; } #
EPIGRAM DESIGN - BLOG スムーススクロールの導入(パララックス効果のIEでの表示解決) : グラフィックデザイン・WEBサイト制作(ホームページ制作)・その他デザイン
EPIGRAM DESIGN WORKS BLOG スムーススクロールの導入(パララックス効果のIEでの表示解決) : グラフィックデザイン・WEBサイト制作(ホームページ制作)・その他デザイン前回 パララックス効果の導入したのですが どうもIEでスクロールホイールを回した時にカクカクしてたのが気になってたのですが いい感じの解決法を発見 ホイールを回した時にはカクカクするんですが アンカーリンクをスムースに移動するプラグインで アンカーリンク移動した時にはスムースな表示がされるので 要はホイールを回した時の動作をjqueryでのスムースに移動するのと 置き換えたらいいんじゃないかと思ったわけです。 んで下記のjQueryのプラグインを見つけました。 ホイールを回した時にスムース移動できるjQueryプラグインです。 Nicescroll 設置は簡単 上記のサイトからj
jQueryでフォームの入力チェック | kizukiウェブスクール川越校5階
ウェブ制作において、jQueryが最も使用される機会が多いのが、フォームのバリデーションチェック機能。 バリデーションチェックとは、メールアドレスなら「xxx@xx.xx」という入力形式になっているか？必須項目はちゃんと記入されているか？を確認し、もし誤りがあればそれを閲覧者に知らせる機能のこと。 jquery-form-validatorを使った入力チェック Position-absolute「jquery-form-validator」 フォームの入力事項をチェックするバリデーション用プラグインは数あれど、このjquery-form-validatorは多機能な上に、設定が非常にわかりやすいのでおすすめ。 ちなみに導入例のデモはこちら。 確認してもらえば分かるとおり、送信ボタンを押すタイミングだけではなく、項目を入力して（あるいは入力しないで）フォーカスが移るタイミングでもバリデーショ
jQuery：afterでDOM要素を移動する ビジネスマンの徹底パソコン奮闘サイト
2011-03-16： 目次を作成しました。 2010-09-17： Google Map 2 記事一覧を作成しました。 2010-07-03： Google Map 3 記事一覧を作成しました。 jQueryのafterを使用してDOM要素を移動してみます。 下記のリンクをクリックすると、 「Hello world!!」 が 「world!! hello」 となります。 afterで要素を移動する Helloworld!! コードは下記の通りです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
Textbox｜formオブジェクト｜JavaScript/DOM｜PHP & JavaScript Room
<script type="text/javascript"> /** * [関数名] getValue * [機 能] 入力値を取得 * [説 明] 指定されたエレメント名の入力値を取得する * [引 数] @param elm_name string エレメント名 */ function getValue(elm_name){ var frm = document.form1; if(frm.elements[elm_name].value != ""){ alert(frm.elements[elm_name].value); }else{ alert("何も入力されていません"); } } </script> <form name="form1" action="#"> <input type="text" name="box" /> <input type="button" va
Adobe HTML5 特設サイト Dreamweaver® CS5.5 と HTML5 で始めようスマートフォン＆タブレット対応| Adobe - 日本
戻る 試してみよう Dreamweaver CS5.5：jQueryとCSSを使って、クロスフェードを実現しよう 今回は、jQuery と CSS を使ってごく簡単なクロスフェード効果を実装する方法をご紹介します。Dreamweaver CS 5.5 の CSS パネルを使うとアニメーションも簡単に設定できます。制作するのは写真ギャラリーです。 それでは実際に必要なコードの編集を行います。サンプルコードをダウンロードして、その中に含まれる index.html ファイルを Dreamweaver CS 5.5 で開いてみましょう。 →サンプルコードのダウンロード クロスフェードによる画像の切り替え jQuery だけでもフェードの効果を実装することは可能です。ところが、それだとスマートフォン上ではあまり滑らかに動きません。滑らかなフェードを実現して画像の切り替えをするために、画像切り替え時
zflickjs by funnythingz
zflickjs v2.1 iOS, Androidなどのwebkitベースで提供するサービスではjQueryなどのライブラリを使わず、pureなJavaScriptで実装した方がパフォーマンス良いんじゃないかと思って作ってみた Updated of Lists lampクリックでカレント切り替えできるようにしたお Demo Demoをみる Getting Started タグ内にzflick.cssとzflick-2.1.min.jsを読み込む。 HTML HTMLを組む。基本的にJSで動かす要素はID指定になっている。 JS new zflickjs({})で初期化 Options width: number 280 ... width move autoChange: boolean true ... "true" auto move element, "false" don't m
JavaScriptでフリックとピンチ | NOTE | kazy.jp
iPhoneサイトのモックアップ用にフリックとピンチのJSを作ったのでメモ。 かなり急いで作ったからスパゲッティになってしまった。 写真を見せるギャラリーサイトを想定。 フリックで別の写真へ移動し、ピンチで拡大する。 ※別途YUIライブラリ ver:3.0.0が必要です JavaScript document.onscroll = function(){ if(window.pageXOffset > 5)scrollTo(0,1); } YUI().use('anim', function(Y) { //アニメーションインスタンス生成 var collectionAnim = new Y.Anim({ node: '#collection', duration: 1, easing: Y.Easing.easeOut }); //イベント登録 var colectionLoaded =
Facebook: 1. Facebookの「いいね！」ボタンの設置方法 - [YENLAND] Library：ビジネス図書館
ここでは、Facebookの「いいね！」ボタンの設置方法について、解説します。 Facebookでは、下記のサイトで「いいね！」ボタンの設置方法について、解説ページを設けています。 日本語版 http://www.facebook-japan.com/iine.html 英語版 http://developers.facebook.com/docs/reference/plugins/like 下記は、Facebookのコメントです。 これはソーシャル・プラグインと呼ばれる仕組みです。 Facebookが「いいね！」ボタンのソーシャルプラグインを 2010年4月に公開した直後、24時間以内に10億回以上もクリックされたといわれています。 「シェア」ボタンや「コメント」がテキスト文字を入力したり何かを添付する必要があるのに対し、「いいね！」ボタンの使い方は簡単、クリックするだけ。 たとえば、
オブジェクトの操作その３（HTML 要素内・外に対する挿入・追加） - awacio.log
今度は指定したセレクターの要素内、外に対する挿入、追加操作について。 これも簡単だなぁ〜。 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> <script type="text/javascript"> $(function() { $("#div1").prepend("<span style='color: red'>要素内の前に挿入</span>"); $("#div2").append("<span style='color: blue'>要素内の後に追加</span>"); $("#div3").before(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Buy Instagram Likes - 100% Real & Instant | Only $1.49
[ jquery-instagram ] Instagram API を簡単に利用できる jQuery プラグインを試してみました![[ jquery-instagram ] Instagram API を簡単に利用できる jQuery プラグインを試してみました](https://cdn-ak-scissors.b.st-hatena.com/image/square/63ac844f6a542281ad7784857228ffbfa0990400/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2013%2F05%2Fjquery-instagram-01.jpg)
SSSSLIDE
【jQuery】チェックボックスのcheckedの値の違い | かむかむノート
mubk
BEMO ｜ 【スマートフォン】labelタグが効かない時の対処法
無効なURLです
