JavaScrpt
Chrome の拡張機能でogpとかを確認するのを作ってみました。 確認できる項目は、 ogp:title ogp:url ogp:description ogp:image canonical title description keywords ogpの状態を確認するのが、HTMLを見たり、facebookのツールで確認したり（これが一番確…
グラデーションを色々と試して設定するのが面倒なので、ゴリゴリ試せるツールを作ってみました。MacのFirefoxと、Safariでしか確認していないですけれど。 線の色とか太さとか、グラデーションの方法とか、UIとか調整したいけれど、とりあえず。 ソース <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>J</title></meta></head></html>…
GoogleMapsのAPIがVersion.3になって使ったことがなかったので、試してみました。 jQuery風になっているんですね、Version.3は。あと、オブジェクトの取り扱いが楽です。 V3のほうが、だいぶいい感じになっていますね。 クリックした場所の経度緯度を取得し…
Movable Type 5が出ることが決まり、色々と話を見てみるとjQueryが管理画面のJavaScriptライブラリとして利用されるようです。 となると、普段はPrototype.jsを利用している人としては、jQueryを勉強しておいた方がいいかなあ、と思うのでした。jQuery+JavaS…
TrackBack欄などに出ているURLをマウスで合わせると、全部選択状態になる事があります。 あれってどうしているんだろう？と思って調べてみたら、簡単でした。 <input onClick="this.select()" type="text" value="hogehogehoge" />select()なんていうメソッドあったんですか！ 知らなかった...。調べたらすぐにわかったよ。
透過PNGを利用したいことが増えてきました。Appleのサイトなんて、多くの画像が透過PNG形式（アルファチャンネルがある）です。8ビットのPNG画像もメジャーになっている感じがします（gifの利用って減っているらしいですが、本当なのかなあ？海外のフリー素…
HTMLのテーブルを1段ごとに色違いにするJavaScriptを、ふと思って作ってみました。 prototype.jsを使いましたが、なくてもいける短いソースです。 使い方 startTableというクラスからスタートして、endTableクラスまで奇数、偶数のtrにclassをつけていきます…
イベントを追加したエレメントに対して、イベント監視を取り消したい場合「removeEventListener」というメソッドがあります（Firefoxとかには）。イベントハンドラでイベント監視を追加し場合は、解除できるのですが、無名関数で監視を追加した場合は解除で…
月指定をしたときの不具合に対応 カレンダー自体にtypeを持たせて、日付のアクションを追加するときに使えるようにしてみた // Day var Day = Class.create(); Day.prototype = { date: '', year: '', month: '', day : '', wDay: '', week: '', isWill: '',…
画像の読み込み確認。img要素について、complateというのがあり、それで読み込んだかどうかを確認できるようです。 var img = $('change'); var imagePath = img.src; var loadingPath = './loader.gif'; var glayerTimer = setInterval(function(){ if(img.…
お仕事で、JavaScriptを書くことがありました。 prototype.jsを使っていたのですが、派手なエフェクトや、見栄えを作りたいと思ったら、なにがいいんだろう？と思っていたら、 Yahoo UI Library リファレンス YUIがあったことを思い出しました。 そうそう、…
下記のJavaScriptを function dump( obj ){ alert(obj.innerHTML); } 下記のHTMLで呼び出したら、動作が異なりました。 <a href="javascript:dump(this);">testa1</a><br /> <a href="#" onclick="dump(this);">testa2</a><br /> <span onclick="dump(this)">testspan</span> なんで違うのかなあ？testa1の場合、undefindが返ってきます。なんでだろう？ こうした呼び出し方というか、イ…
そもそも、Ajax.Baseというオブジェクトがあります。これを継承してそれぞれのクラスが出来ているようです。ということは、Ajax.Baseは、abstractクラス（抽象クラス）とか、インターフェイスとか呼ばれるものなのかな？インターフェイスは、メソッドの提供…
TrimPath Template. Release 1.1.2って、 <br />を <br>とかに変換しちゃうらしい。う〜ん
insertBefore()というメソッドがあるんですね。appendChild()は、追加していくのですが、insertBefore()は、前に追加されます。Firefox2と、IE7でしか確認していないですけれど。 サンプル document.insertBefore(elementA,elementB); elementAをelementBの…
Ajaxのリクエスト結果が、IEでキャッシュされているなあ、と思って調べたら [PHPプロ!] IEでAjaxリクエストをキャッシュさせない方法：CodeZine に書いてあった...
指定したElementを画面中央に表示するJavaScript。 prototype.js使ってます。 こんな感じでいいのかな？ function screenInfomation(){ var screen = new Object(); screen.width = document.body.clientWidth || document.documentElement.clientWidth; // …
JavaScriptで 今日は今月の第何週目か？ を得る方法を考えよう。 追記 答えがあった...。 Blog not found
