ネットサービスとかGoogleとか豆知識とか。

Index > Javascript > Googleがやりそうにないから
Javascript
2006年06月06日 02:17

Googleがやりそうにないから

  • このエントリーをはてなブックマークに追加
  • ... PV
スポンサード リンク

野球の成績入力用ウェブアプリケーションとかおそらくGoogleは作らないだろうから、JavaScriptとかDHTMLとかAjaxとか使って使いやすさ重視で作ってみようかと思った次第。理想とするインタフェースはGoogle Calendarだったりします。

なのでまずは「クリックした座標を取得する」というのを調べてました。これはIEの場合とFireFoxの場合とでやり方が異なるらしいです。IEの場合はこんな感じです。

if (window.createPopup) {  x = event.clientX;  y = event.clientY;  if (y + 200 > document.body.clientHeight) {   y -= 180;  } }

これをonClickで呼び出す関数の中に書きます。window.createPopupというやつはIE5.5以降かどうかを判定できるらしいです。document.body.clientHeightでウィンドウの表示領域の高さを取得して、y座標の調節に使ってます。レイヤーがウィンドウからはみ出ないようにするための処理です。

FireFoxの場合はこうなります。

window.onmousedown = getMousePoint; function getMousePoint(evt) {  x = evt.clientX;  y = evt.clientY;  if (y + 200 > window.innerHeight) {   y -= 180;  } }

window.onmousedownにイベント発生時の処理を記述した関数を渡します(という表現でいいのかな?)。ウィンドウの表示領域の高さは、FireFoxの場合はwindow.innerHeightで取得します。

作る欲求がいつまで続くか分かりませんが、まぁコツコツやります。

【参考】
http://www.tryhp.net/dynamic07.htm
http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter05/013/index.html