GitHub - jairajs89/Touchy.js: A simple light-weight JavaScript library for dealing with touch events
// The HTML element that to watch for touches var touchMe = document.getElementById('touch-me'); // Touchy.js creates a single global object called 'Touchy' var toucher = Touchy(touchMe, function (hand, finger) { // this === toucher // toucher.stop() : stop watching element for touch events // toucher.start(): start watching element for touch events // This function will be called for every finger
迷惑メール防止のための メールアドレス収集ロボット対策アドレス暗号化スクリプト2
メールアドレス収集ロボット対策のために字面を読んでも分からない形式に メールアドレスを暗号化します。 これにより、メールアドレスを収集するロボットが閲覧した際はメールアドレスと して認識できずに収集することが出来ません。 収集することが出来ないため迷惑メール送信者の手にメールアドレスが渡らず 迷惑メールが送られて来ることもありません。 なお、利用者がメール送信操作をしたときにはJavaScriptプログラムが 実行され、正常に扱えるように復号します。 収集ロボット対策として エンティティーにエンコード(エンティティー化)する方法がよく使われますが、 デコードを行うのは容易なため対策としては不十分です。 これに対し、本方式は暗号化を用いており下記サイトで収集できるか調査した結果、 メールアドレスを収集できないことを確認しています。 『メールアドレス収集ロボットを使用した収集確認』
複数のjsライブラリを利用する際にonloadを書き換える方法[to-R]
複数のjsライブラリを利用する際にonloadを書き換える方法 複数のJavaScriptライブラリを利用していて、正常に動作しないや、どちらか一方しか動作しないなどの状況に陥ることがあります。 原因は様々なのですが、一番多いのがJavaScriptライブラリのonload記法に依存する問題です。 onload記法とはJavaScriptを実行するタイミングをonloadイベント（ブラウザがすべてを読み込んでから実行）に設定する際の書き方です。 DreamWeaverを利用している方は、以下のようなソースをよく見るかもしれません。 <body onload="MM_preloadImages('hogehoge')"> これはonloadイベントにMM_preloadImagesという関数を設定しているという意味です。 他にもソースコード中の window.onload = functio
![複数のjsライブラリを利用する際にonloadを書き換える方法[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
「お気に入りに登録」ボタンでお気に入りに追加してもらう｜JavaScript Tips
「お気に入りに登録」ボタンでお気に入りに追加してもらう Javascript です。 通常のスクリプトでは IE のみで Firefox では使えませんが、このスクリプトは Firefox でもお気に入りに追加することが出来ます。 <script language="JavaScript" type="text/JavaScript"> <!-- function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true; }
全角数字を半角数字に変える方法 - JavaScript
全角数字で入力されたものを半角数字に変換することが出来ます。ユーザが全角・半角のどちらで入力しても半角数字に変換できるため統一したデータを得ることが出来ます。
実験室 | ヨモツネット
JavaScript 関連の記事 Web サイトの制作の負担を減らしたり、Web ブラウザの機能を補うための JavaScript ライブラリを公開しています。 GNU General Public License の範囲で個人利用、商用利用を問わず自由にご利用いただけます。(動作の結果、損害をもたらしても保証はしかねますのでご利用いただく場合には十分にテストをしてください。) もし、不具合や不明点などがありましたらフィードバックをいただければ幸いです。 iframe の高さを内容に応じて自動で調節する JS 他 IE 6 以下で CSS の E:hover, E:active を有効にする JS Internet Explorerバグ対処 OS にあわせた font-famiry を PHP または、JavaScript で適用する FirefoxInternet ExplorerOpe
GlassBox 透明感のあるデザインをJavaScriptで実装する
GlassBox Don't panic! It's not magic. It's only a simple solution to create another kind of boxes. GlassBox is a lightweight JavaScript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and "Flash-like" effects. The GlassBox library .. is easy to use, customizable and skinnable comes with a coheren
自分が使いやすいと思ったJSを混ぜ混ぜしてみる｜CSS HappyLife
JavaScriptいぢってるのは楽しいけど、書くことはまったく出来ないので、似たような機能を持つのが多い中でも選ぶ理由の一つが、class名が気に入るかとかhtmlがごちゃごちゃしないかとかそんな基準だったり。 んで、jQueryのプラグインの中でもjquery_autoさんがぼちぼち気に入ったけど、class名が！とか思ったので、いぢって自分用にしてみました。 そんな事してたら、他の便利なJavaScriptも足してみたくなったので、足したりしてたらこんなんなりましたっていうのを公開。 今回その実験に使わせていただいたJavaScriptたちは以下。 jquery.js interface.js thickbox.js jQuery_Auto.js yuga.js heightLine.js 上記の色々なJSたちを自分用にしたサンプル？デモ？とダウンロードは以下。 サンプルページ ダウ
超クールなカレンダー型日付入力補助用JSライブラリ:phpspot開発日誌
Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements. 超クールなカレンダー型日付入力補助用JSライブラリ。 次のような個性的なカレンダーで入力補助が可能です。 オシャレでかわいいカレンダー スタイルされたクールなカレンダー 写真入りのカレンダー mootoolsを使っていて次のように初期化するだけで簡単に使えるみたい myCal1 = new Calendar({ date1: 'd/m/Y' }, { direc
Interface Elements の Scrollto でページ内リンクをスムースにする - Interface Elements - Postal Search Ajax API with jQuery - Postal Search APIs & Solutions
Interface elements for jQuery の Scrollto を使って、ページ内リンクのジャンプを、スムースにスクロールするようにします。 いわゆる普通のページ内リンクだと、即ジャンプしてしまうので、油断しているとページ内のどこにジャンプしたのか判断できなくなることがありました。が、Scrollto を使ってスクロールするようにしたところ、ページ内リンクの振る舞いが視覚的になり、何が起こっているのか判断しやすくなりました。 Scrollto を使ったスクロールは、次のようなページ内リンクがあったとすると、 <a href="#Postal">Postal オブジェクト</a> そのスクロール先は、ページ内リンクで指定した # 以降の id を持つ要素になります。ページ内リンクは name 属性を使うことが多いようですが、Scrollto を使うときは id 属性である必
Portfolio > JavaScript > yuga.js :: Kyosuke.jp
About this script CSS Nite LP2で紹介した、優雅なWeb制作のためのJavaScript、yuga.jsです。主な機能は次のとおりです。 class="btn"でロールオーバー 自分にリンクしていればclass="current" 自分にリンクしている画像は置き換え 外部リンクは自動で外部ウインドウ ページ内リンクはするするアニメ 直接画像にリンクするとthickbox CSSでデザイン用のクラス付加 ニュース 2008/03/23 jquery1.2.3、thickbox3.1を利用した0.5.1を公開しました。interface.jsを使わずにするするスクロールを実装しています。 2007/06/18 jquery1.1.2、thickbox3を利用した0.3.0を公開しました。前のものより動作速度がUPしています。 サンプル トップとプロフィールしかない
Interface.jsで簡単スムーススクロール - Emotional Web
This domain may be for sale!
ソースがシンプルなJSによるロールオーバー｜CSS HappyLife
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。（あ、音声ブラウザを配慮したらという場合です） さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
エンドユーザーが「使いやすい!」を実現する(かもしれない)8つの技術とテクニック集! | Webディレクションやってます blog
Webディレクターとして名村晋治がプロジェクトマネージメントやディレクション業務に当たっている時に感じている問題解決の手法やセミナー等で話をしている内容、自身が使っているプロマネにおけるツールなどWebディレクションに関する情報の紹介しています。 名村は、Webサイトを見ていて、「こうなった使いやすいかな?」と思ったりする技術を集めておくのは、まぁ、趣味みたいなものです(笑) ただ、自分がエンジニアではないので、システム側ではなくて、表層技術側の方で出来る実装内容を集めているのですが、備忘録代りにエントリーしておきたいと思います。 CSSを使わずに画像を使ったSEOマークアップが簡単にできるjavascript CSSにより画像置換の良し悪しは別途議論するとして[謎]、システム側にさっさかHTMLを渡さないと行けなくて、かつ未だに細かいところに調整が入っているので、その場合には、システム側
Coda-Slider 1.1#5
3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Niall DohertyFounder and lead editor at eBiz Facts Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]フォームのボタンやチェックボックスをかわいくするスクリプト | コリス
http://homepage3.nifty.com/aokura/jscript/z2h_digit.html
http://www.wing-sanuma.co.jp/staff/Func/JavaScript_Com/8.html
http://cssglobe.com/post/1281/open-external-links-in-new-window-automatically
Mj-site Blog [ A new wave comes there ] » jQueryによるマウスオーバで自動画像切り替え