キーワード検索「click」
174
jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場...
87
$('#demo0 input').click(function(){$('#demo0dst').text(showTextInPNG($('#demo0img').get(0)));});Perlでテキストを取り出すソースコードは以下のとおり。#!/usr/bin/env perluse strict;use warnings;use Imager;use autodie;my $img = ...
62
ちょっとしたコードの解説 せっかくなので、どういうコードなのかというのを、さらっとみましょう。 jQuery(function($) { //data-hrefの属性を持つtrを選択しclassにclickableを付加 $('tbody tr[data-href]').addClass('clickable') //ata-hrefの属性を持つtrをクリックしたら動作 .click( funct...
51
SpryMap - lightweight javascript click and drag map script | candrews.net ドラッグ＆ドロップできる地図を実装できる3KBの軽量JSライブラリ「SpryMap」。 JSだけなら3KBで記述された軽量なスクリプトになっています。jQuery等のライブラリにも依存していないので手軽に使うことが可能。 こうしたライブラリは他にもあり...
44
これと同じことはiPhone/iPad標準装備のMapアプリでも当然できますし、Twitterクライアントの多くがこれと同様の機能を備えているわけですが、自作もこの程度には楽ということで。Enjoy!Dan the Geocoderhtml<input type="submit" value="Where am I?" onclick="gmap.whereami()"><div id="gmap...
37
はてなブログ、HTML モードで色々な JavaScript が通っちゃって楽しいんですが、生で JavaScript を書く上で多少注意するべき点があります。例えば、お行儀の良い人でしたら jQuery を使う際以下のように $() を使わずに jQuery() と明示的に記述するはずです。 <script type="text/javascript">// <
Quick Tip: Mimic a Click Event with CSS | Nettuts ピュアCSSでonclickイベントをシュミレーションするデモ。 :target 擬似クラスを利用して、クリックイベントをシュミレーションしたデモが公開されていました。 「Zoom In」を押すと画像がアニメーションしながらズームします。Chrome等のWebkitベースのブラウザで見てみてください...
25
jQueryは互換性を保ちつつも洗練されたAPIを取り入れているので、新しく書くときは新しいAPIを使った方が良い。liveとかセレクタの:hoverとかはBad Partsだ。 jQuery.fn.on / jQuery.fn.offlive/delegate/bind/click等は滅びた。全てonを使おう。 また、data引数を使う場合は必ずdataをオブジェクトかnullにする。dataが...
20
jQueryにはイベント制御のAPIとして、clickやmouseoverの元になるbindの他に、同じような呼び出し方のliveやdelegateが提供されている。 bindはDOM APIで提供されているaddEventListenerのwrapperだが、liveは以下のような実装になっている。 1. 第一引数のイベント名でdocument objectにlive用のイベントハンドラーをbi...
132
2.Select how to combine themRun all combined bookmarkletsDisplay a menu at theof the page▼Close the menu after I click a menu itemClose the menu if I click elsewhere on the page
288
Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from t...
22
ダウンロード・ソースコード Github: ahomu/GAS MITライセンスです。色々とご自由に。 より身近なイベントトラッキングを提供 メインフィーチャとして、gas.jsはイベントトラッキングをより身近にしてくれます。 従来のイベントトラッキング Event Tracking Guide - Google Analytics — Google Developersより Play oncli...
122
A simple, modern, framework-independent, well-tested, unobtrusive, notification system. Samples (click to view): humane("Welcome Back"); 392 has been updated")'> humane("Record <b>392</b> has been upd...
22
Enables keyboard enhancement for iPad. Enables click sound of the above keyboard enhancement. Enables smart indent.
823
Bored?Kick assDrag this bookmarklet to your bookmarks bar or a tab and start having some fun on other pages too!Tip: It works great to vaporize annoying ads.How toSteer with the arrow-keys.Shoot with ...
15
jQueryで、ページ内リンクや、ページの先頭にリンクするときにアニメーションでスクロールさせたいときのスクリプトです。まぁ、皆さん普通に使っていると思うので今更感はばりばりですが・・・・ 余談ですが、 $('a').click(function(){ return false; }) みたいに、falseを返すと、URLの書き換えをしなくなります。なので、ページ内リンクなどをに使うときは、ret...
101
Animated Portfolio GalleryToday we will create an animated portfolio gallery with jQuery.The gallery will contain a scroller for thumbnails and acontent area where we will display details about the po...
14
経過報告 1iv / lv5がES5 Conformance Suiteでpassすべきtestを全てpassしましたFAILしてるものはtestが間違ってたり, RegExp.prototype.compileのようにES5にはいらなかったり
utatane-constellation.tumblr.com
17
![[Facebook]FMBLに画像スライダーを設置｜skuare.net](http://capture.heartrails.com/200x130?http://www.skuare.net/2011/02/facebookfmbl.html)
[Facebook]FMBLに画像スライダーを設置Tweet Check[メモ]FacebookファンページのFBMLで使えるタグ11選に続きまた、FacebookのFMBLネタ。 今回はJavaScriptも使って画像スライダーを作成します。 導入イメージ@facebook via：FBJS Animation. Part 3 - Fx accordion and slider設定方法 まずはh...
16
前提知識として以下が必要です。リンクのようなボタンを作る: Days on the Moonjavascript scheme でボタンを作るのは ? | ヨモツネットボタンみたいにclickイベントに使うためだけに<a href=”#”>とか(下の例の1,2番目)やるのが嫌いで、どうやるのがスマートorシンプルなんだろと思って書き出したもの。(input、button 要素がでてこないのはスタイ...
