Fractal Gears by @liabru · code by @liabruFractal Gears
inputに文字列をコピペした際に、JavaScriptで中身を取得する際のハマりどころ - tech::hexagram
過去にもハマった人がいるそうで、結構厄介な問題の模様。 javascript - How do I capture the input value on a paste event? - Stack Overflow 何が問題かというと、例えばこういうことをやりたい時に困る。 pasteイベントが発火した段階だと、inputの中身が空と認識されてしまう（ペーストした値が入る前に評価が走る？）。 $('input').on( 'paste', function() { var inputValue = $(this).val(); //null if (inputValue) { //処理〜 } }); 解決方法は色々あるらしい。 1. setTimeoutで単純に遅らせる $('input').bind({ paste: function() { setTimeout( function(
jQueryを使った文字数カウントとthrottle/debounce - ELAB.
はじめまして、こんにちは。 軽めのjQuery Advent Calendar 2012の9日目の記事です。 今回はよくある文字数カウントをjQueryで実装してみるのと、便利(?)なプラグインの紹介。 初記事ですので、どうぞお手柔らかにお願いさせていただきたく。（ちなみに現時点ではこれ以外にページはありません！） 文字数カウントの実装 早速ですが、こんな感じでHTMLとJSを書いていきます。 textareaに入力された文字数をdiv#result要素の中に表示していく流れですね。 HTML <textarea></textarea> <div id="result">0</div> JavaScript $(function(){ var cnt; // キー入力が発生する度に実行 $('textarea').on('keyup', function(){ // テキストエリアのval
全8サイト！SNSのカウント取得方法まとめ 2014年6月版
ソーシャルシェアボタンをオリジナルデザインにしたかったり、いいね！数のデータを元にランキングシステムなどを作りたい場合に役立つ「ソーシャルカウントの取得方法」をまとめました。取得方法はサーバーサイド(PHP)、クライアントサイド(Javascript)の両パターンを取り上げています。よろしければ参考にしてみて下さい！なお、Twitterのカウントは2015年11月20日以降、取得できなくなりました。
Andrew Wang-Hoyer
SVG + CSS Animations During my funemployment between Inkling and Dropbox I started playing around with animating SVGs. This lead to building out over 200 animations off and on over 2 years. SVG CSS 11ty Open Source Feb 2020 Restyling The Game of Buttholes At the beginning of May 2019 I was looking at gagh.biz/game and thought it could use a little more Star Trek flare. CSS Django Open Source May 2
jmpress.js - a jQuery plugin to build a website on the infinite canvas
I am pure <html>, .css {} and function javascript() {} and use CSS3 transitions and transformations. I can pan, rotate and scale between elements on an infinite canvas. I currently work with most modern web browsers and fallback to simpler transitions with unsupported browsers. yes yes partly yes partly I started as a a jQuery port of impress.js but I have become much, much more. here are some of
[JS][jQuery] 要素の存在を確認する6通りのコードと実行速度 | きほんのき
JavaScriptまたはjQueryを使い、html要素が存在するかどうか調べる方法はいくつかあります。 jQueryを使ったやり方については、こちらで5つの方法が紹介されています。以下は三項演算子で短く書きなおしたものです。 ( $("selector")[0] )? "有" : "無"; ( $("selector").length > 0 )? "有" : "無"; ( $("selector").get(0) )? "有" : "無"; ( $("selector").size() )? "有" : "無"; ( $("selector").is() )? "有" : "無"; これに加え、IDが設定されている要素の有無を調べるのなら、jQueryを使わずJavaScriptのみで以下のように書くのも良いでしょう。 ( document.getElementById("id")
Kubet: Link Alternatif Kubet Agen Kubet DW312 Situs Slot Indonesia
KUBET | KUBET DW | KUBET DW312 KUBET telah menjadi salah satu situs judi online yang paling diminati di Indonesia berkat berbagai pilihan permainan yang ditawarkan, mulai dari taruhan olahraga, permainan kasino, hingga permainan slot. Dengan antarmuka yang user-friendly dan dukungan pembayaran lokal, Kubet berhasil menarik banyak pemain dari seluruh Indonesia. Bagi mereka yang sudah terdaftar, pro
history.back();問題を解決してみる at softelメモ
history.back()はブラウザの履歴を利用して1つ前のページに戻る機能です。これによりどのページから来た訪問者でも個々のユーザーに合わせたページへ戻ることができます。 この機能、多くのところでは以下のように書かれており、ブラウザからアドレスを入力して開いた場合は機能しません。 <a href="javascript:history.back();">一つ前のページへ戻る</a> 戻るリンクはそのサイトのトップなり1つ上のカテゴリページへ戻ることを意識してリンクをクリックしますので、動かなかったり、検索エンジンへ戻ったりするとユーザーはそのままサイトから離脱している可能性が高いです。 そこで対策を考えてみます。直接来た場合はトップページへ返すことを考えます。 まず、history.lengthで考えてみます。これは戻す、進むで使う履歴がいくつあるか取ることができます。ですので、直接開
altclass - 幅によってクラスを変更するJavaScriptライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました レスポンシブWebデザインの面倒なところは同じような設定が散見されることではないでしょうか。上の方で幅の定義があるものの、実際のクラス定義はどの幅に対するものなのか分かりづらいことがあります。 そこで使ってみたいのがaltclassです。JavaScriptを使いますが、幅によってクラスを付け替えてくれる便利なライブラリです。 altclassの使い方 ブレークポイントは設定を使って自由に指定できます。 <div data-altclass="[less than 320] 320 [at least 320 & up to 479] 480 [at least 480]"> altclassは幅の変化を見てクラスの付け替えを行っています。スタイルシート側は widget-* とい
iOS7にて、Mobile Safariのwindow.innerHeightを正しく取得する方法
久々のブログ どうも、お久しぶりです。最近、私生活やら公生活が忙しすぎてブログ書く暇がありませんでした。 今日、むちゃくちゃ感動した技術を見つけたので、それをメモ書きします。 iOS7のMobile Safari限定バグ iOS7のMobile Safariは、以前のMobile Safariと仕様が変わり、スクロールすると、上部のアドレスバーと下部の操作エリアが自動的に隠れる仕様になりました。 自動的に隠れたアドレスバーや操作エリアを再表示するためには、Mobile Safariの上部や下部を軽くタップして表示させるという動作が必要です。 今回問題となったのはこの再度アドレスバーと操作エリアを表示させた画面サイズでした。 よくあるコードですと、window.innerHeightで高さが取得出来るのですが、恐ろしいことに、この画面のサイズは、アドレスバー＋操作エリアの高さを計算に入れてい
Androidでモバイルとタブレット（＋iPhone／iPad）を振り分ける方法｜BLACKFLAG
以前ここで「jQuery（JavaScript）でiPhone、iPad、Androidなどデバイスを判別して URLをリダイレクトする方法」と題して、 それぞれのデバイスごとに振り分ける方法を紹介しましたが Androidはモバイルとタブレットの振り分けはできていなかったのですが iPhoneとAndroidモバイル、iPadとAndroidタブレットのそれぞれを振り分ける状況が やはり増えてきそうなので追加版として紹介してみます。 サンプルとしては、AndroidタブレットとiPadは「/tb/」ディレクトリへ AndroidモバイルとiPhoneは「/sp/」ディレクトリへ、リダイレクト処理をする構成にしてみます。 ◆SCRIPT <script type="text/javascript"> var userAgent = window.navigator.userAgent.to
Progressively enhanced SVG sprite icons - Ultimate Courses
Learn JavaScript the right way. The most complete guide to learning JavaScript ever built. Trusted by 82,951 students. You may remember a while back, I coded up some nice CSS3 social media icons, to which I have had to remove from my website due to the fact I cannot run PHP on this Jekyll server, or even wanted to quickly convert them to HTML. Time would be better spent taking action into enhancin
jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - adamcoulombe/jquery.customSelect: Lightweight, unobtrusive, custom style select boxes with jQuery
http://mmenu.frebsite.nl/
GitHub - kosinix/easyselectbox: jQuery plugin for replacing html select with div element for easy styling with css
Skitter • Slideshow for anytime
http://ja.d3js.info/alignedleft/tutorials/d3/
GitHub - mathiasbynens/jquery-placeholder: A jQuery plugin that enables HTML5 placeholder behavior for browsers that aren’t trying hard enough yet
