DamnIT - JavaScript Error Handling DamnIT is a free service that emails you when a user encounters a JavaScript error in your webpages. ページのJavaScriptでエラーがあった場合はメールで通知してくれるサービス 自分の使っている環境ではエラーが全くなくとも、他のプラットフォームではどうなっているか分かりません。 というわけで、ページにスクリプトを埋め込んでおいて、エラーが発生した場合にメールしてくれるサービス 例えば、次のようなコードをページに仕込んでおきます <script type='text/javascript' src='https://damnit.jupiterit.com/damnit.js?_APPKEY_'> </script>
dhtmlxTabbar - AJAX powered DHTML JavaScript Tabbar component with rich API dhtmlxTabbar is a JavaScript tabbar control for creating dynamic tabbed-navigation interface. リッチなタブUIを実現「dhtmlxTabbar」。 次のような、縦横にタブを付けられるJSライブラリの紹介です。 見た目がクールなので、デザインが気になる人も、そのまま使ってもよさそうです。 タブ以外にも同じシリーズで多数のUIコンポーネント公開されているみたい dhtmlxTree dhtmlxGrid dhtmlxTreeGrid dhtmlxMenu dhtmlxCalendar dhtmlxColorPicker dhtmlxSlider dht
なんだかよくわからないタイトルの勉強会をやってきました。 #「いってきた」じゃなくて「やってきた」 今回の内容は事前に告知していたのはサイ本読書会だったのですが、 実際には読書メインではなく、わいわいとした感じですごくいい感じ◎ はじめは僕の「サイ本を読む前にとりあえず全体流しとけ」系の プレゼンをやらせてもらったのですが、なんというか、 例題として出した関数の中で return してないとか怪しげな部分が いくつかあって、やや絶望しながらプレゼンしてましたw 今日一番おいしかったのはid:monjudohが教えてくれたFireBugの使い方講座。 コンソールにログを吐く方法 console.log("hoge"); プロファイルをする方法 console.profile(); //処理 console.profileEnd(); オブジェクトをダンプする方法 dir(obj); Fire
Fading JavaScript Tooltips 2kb デモ スクリプトは2KBの超軽量で、ツールチップに表示できるのはテキストだけでなく、HTMLのタグも使用できるので改行(<br />)や画像(<img>)なども表示できます。 対応ブラウザは、IE6+, Firefox, Opera and Safari となっています。
いろいろためしたけど、以下が一番楽 // 変更 element.runtimeStyle.cssText = ' width: 100%; height: 100%'; // 戻す element.runtimeStyle.cssText = ''; 特に、戻すときに cssText 以外のプロパティを空にしても、おかしな挙動をするので cssText を使うといい。 しかも IE だけは、 CSSStyleSheet オブジェクトにも cssText が使える // これも IE だけ var sheet = document.createStyleSheet(); sheet.cssText = 'div { hoge: hoge; fuga: fuga } div div { piyo: piyo }'; sheet.cssText = '';
jsmap jsmap(仮称)は、県名や州名の選択をするためのポップアップを表示するスクリプトです。(入力補助スクリプト)JavaScriptによる都道府県入力補助「jsmap」 都道府県の入力が簡単です。 これは知っておいたほうがよさそうです。
こんにちは、笹亀です。 MacBookを購入して1ヶ月経ち、操作やアプリケーションなどにも慣れてきたのですが、先週の火曜日になにもしていないのに、液晶に謎の線が現れ、故障してしまいました。先週の金曜日に業者に無償修理に出していたのですが、本日MacBookの液晶が新品に変わって戻ってきました。Macの修理の対応の早さに驚きました。ありがたいことです^^ Firefoxでは、URLやメールアドレスなどの長い半角英数字をtableタグのtdタグなどに入れた場合に折り返して表示することができずに重なって表示されていまう場合があります。先日、Firefoxの上記の仕様でデザインが崩れると報告をいただいた際に対応した方法をご紹介したいとおもいます。 以前のブログでご紹介した通り(http://blog.asial.co.jp/202)、IEやSafariでの半角英数字のCSSを使用して自動折り返しを
paranoidferret.com is for sale Please prove you're not a robot
どうやら 以下の方法で判定することができるようです。 // リクエストオブジェクトを作る var req = new ActiveXObject('Microsoft.XMLHTTP'); // フラグの準備 var sended = false; // readystatechange イベントを待つ req.onreadystatechange = function() { if (req.readyState == 4) { // キャッシュに存在しない場合 if (sended) { alert('loaded'); } // キャッシュに存在する場合 else { alert('cached'); } } }; // 通信開始 req.open('GET', 'hoge'); req.send(); // フラグを立てる sended = true; 解説 IE では、キャッシュ
base2 のコードを見ていたら便利そうだったのでメモ http://code.google.com/p/base2/ 文字列から正規表現を作るとき RegExp("^hoge$"); // hoge とマッチ RegExp("^\\\\$"); // \ とマッチ RegExp("^\\[hoge\\]$"); // [hoge] とマッチ という感じで、バックスラッシュをいっぱい書かなければいけないので 以下のような関数を用意してやって function _r(str) { return (str + '').replace(/([\/()[\]{}|*+-.,^$?\\])/g, "\\$1"); } こんな感じで match(RegExp('^' + _r(prefix) + 'unko'), 'unko'); めもめも
要素が挿入された瞬間を取得する 今までは出来ないと思っていたのですが、今日いろいろ試していて出来る方法が分かりました。 ですので、ちょっと紹介したいと思います。今のところアイデアなので、実用性は?です。 方法 HTML に以下の style 要素を挿入することで実現することができます。 <style type="text/css"> * { display: expression(function() { if (!this.__mark) { this.__mark = true; alert('inserted node: ' + this.tagName); } return ''; }.apply(this)); } </style> 実際に例を見てみましょう http://amachang.art-code.org/ieexpression/000.html <!DOCTYPE
Pablotron: PersistJS: Cross Browser Client-Side Persistent Storage Without Cookies I just released PersistJS, a client-side JavaScript persistent storage library. クッキーを使わないでブラウザに設定情報を保存できる「PersistJS」。 通常、ブラウザに設定を保存というと、クッキーですが、容量が4KBまでで、毎回ブラウザ間でデータの通信が発生したりして使いづらい面もあります。 PersistJS は Flash8,gears, localstorage,最終的にはcookieなどのバックエンドから使えるものを選んで、ローカルにデータを保存するためのJavaScriptライブラリです。 ストレージ次第で数メガのデータを保存すること
変数という入れ物 前回の「第1回 そろそろ本気で学びませんか?」では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて、JavaScriptを使ってHTMLのコンテンツを入れ替える方法を紹介しました。 今回の最終目標は、formのデータを読み込んでBMI計算プログラム(BMIとは、Body Mass Indexの略で、肥満度の指数としてよく使われます)を作っていきたいと思います。まずは、実行結果をこのページの動画を見ながら確認してください。 また、このサンプルファイルはダウンロードできますので、こちらを見ながら勉強していきましょう。 プログラミング言語には必ず変数というものがあります。変数とは、簡単に言うとデータの入れ物です。データを一時的に保管するために、変数というものを使います。 変数名は、自由に決めることができますが、変数名の最初を数値にしたり、JavaS
これはひどい /%20 と /%25%32%30 はリンク先が違うのに、 IE6 では判断する術がない。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <a id="id0" href="a%20a">foo</a> <a id="id1" href="a%25%32%30a">foo</a> <script> var elm0 = document.getElementById('id0'); var elm1 = document.getElementById('id1'); alert(elm0.href == elm1.href); // true alert(elm0.getAttribute('href') == elm1.ge
NETTUTSのエントリーから、タブを上下にアニメーションで切り替えるナビゲーションのスタイルシートとjQueryを使用したスクリプトの紹介です。 タブ型のインターフェイスとしては、ちょっと珍しい動きをするナビゲーションです。
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー&ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く