JavaScript
※ 2019/05/10 追記 直ったようです アトラシアンサポートです。一部の環境でTrelloを利用時に日本語の変換でフォーカスが次に移ってしまう問題の修正版を今朝リリースしました。リリースは段階的に適用されるため、ご利用の環境で修正が未反映の方につきまし…
時間はないけど,実験のTA中とか暇なので作ってみよう!というわけで爆裂ブロック崩しJavaScript版に挑戦. もちろんIEでは絶対に動きません.自己満足です. ちなみに今のところFireFoxでも重すぎてお話しにならなそう. Chrome限定の予感.とりあえず,本…
右クリック検知にはcontextmenuなるプロパティがあるらしいですが、FireFoxでは右クリックと同時にクリックも呼び出されちゃいます。 そんなわけで、mouseupかmousedownを使いましょう。mouseupが本来の動作に近いのかもしれない。 var icon = document.getE…
FireFoxのアドオンとかでXULに対して hoge { display: none; } を使う場合の注意。 noneは良いけど、他の値はうまく動かない。使う場合は hoge { display: -moz-box; } を使う。visibilityの時はcollapseにしておけば問題ないらしい。参考:http://piro.saku…
POSTする先がUTF8ならいいのかな?問題はUTF8じゃない時。 普通は文字コードを指定するパラメタか何かあって、それを元に受け取る側で文字変換してくれればいいんだけど、今回はmixiエコーにポストしようとしていたので見事に弾かれた。 仕方ないからEUCに変…
var Application = Cc["@mozilla.org/fuel/application;1"].getService(Ci.fuelIApplication); モジュールではApplicationが定義されていないため、自前で定義してやる必要がある・・・んだと思う。追記 CCもCiも定義されていないので、正確には↓ const Cc =…
XULにおいて <description>ほげほげ</discription> のように書くと文字列は自動的に折り返してくれるようになる。 が、XULにはinnerHTMLとかinnerTextがない。 descritptionのvalueプロパティに文字列を格納しても一行になってしまう。 var desc = document.createElement("description"…
element.style.* で取得できるのはインラインCSSだけ。 function getStyle(element, style) { if(!/*@cc_on!@*/false) { var cs = document.defaultView.getComputedStyle(element, null); var value = cs.getPropertyValue (style); return value; } else {…
http://cgi14.plala.or.jp/uz/ubbs/wforum.cgi?mode=allread&pastlog=0001&no=182&page=20&act=pastkeydownは文字通り、なにかのキーが押されたときに反応する。keypressは「文字が入力」された時に反応する。という感じらしい。なのでkeypressでは矢印キー…
本日三つ目のエントリー うち二つがIEのダメエントリー。 マウスオーバーでクラス名を変更しようとして e.setAttribute("class", "hoge"); のように実行しても、クラス名が変わる(二重になる?)だけで、cssは反映されない。 どうもIEの実装が終わってるら…
これはIEが悪いのかどうかわからないが、とりあえずメモ。 foreachのような挙動をするものとしてfor (var i in data)見たいな文がある。が、これはforeachではない。らしい。詳しくはこちら http://d.hatena.ne.jp/amachang/20070202 for (var i in document…
var test = { url : "http://example.com", text : "test", } って書くとIEではエラー。text : "test", の「,」が曲者。FireFoxとかでは問題ないが、IEではエラーになるようです。
for (var i in data) { getElementsByName("div").item(i).addEventListener("click", function() { alert(i) }, false); }こんな風にして、期待しているのは 一個目のdivでは0 二個目のdivでは1 みたいな出方。しかしそうならない。 仮にdata[10]だとすると…
以前、Googleデスクトップのガジェットを作るときにgessyさんの作ったLEAFBANK APIを利用させてもらおうとしたら 「JSONP作ってないから、JSONP作って使っちゃいなYO」 というようなことを言われて 「なるほどなるほど、JSONP使ったほうがいいですね」 って…
GoogleデスクトップでAjaxを使う場合は、普段と勝手が少し違うみたいだ。 シンプルなAjaxの書き方は以下なかんじ var httpObj; function loadTextFile() { httpObj = new XMLHttpRequest(); httpObj.onload = displayData; httpObj.open("GET","data.txt",tr…
クロージャについてって言っておいて、肝心のクロージャについて触れてなかったので書きます。 クロージャとは・・・・・・リーフってください。っていうと丸投げすぎるので、なんとなくしかわかってないですけど一生懸命自分なりの解釈を書きたいと思います。 基…
自分で全部JavaScriptを書いているのならいいけれども、どこかにぶち込んで使ってもらうような、ライブラリチックな使い方をするときは注意したいこと。$(function())は$(document).ready(function())の省略系で、この記述が複数個あっても何も問題ない。が…
IE(多分6まで)でのborderプロパティの値を0にしてやると、ブラウザの周りを囲っている1pxの線が消せます。 コレをやると、背景色をそろえてやればあら不思議、まるでブラウザにくっついてるようにみえる・・・わけですが、そのあたりもDOCUMENT TYPEによ…
「一位は皆さんすでに分かってると思いますが、一つだけなにか凄いのがまじってましたよね」 という前置きのもと、一位をかっさらってきました。 あでぃんごぁーとしてはこれくらい当然にやってこなきゃいけないですね。 何やら、JavaScriptを使ったリッチな…
いまいち調べキレなかったけれども、サウンド系はブラウザでいろいろと処理が違うので厄介そうである。 FireFoxなんかは、QuickTimeのプラグインで再生してたりするようなので、古いとならないのか?要調査。 前回はMP3ファイルだけしか利用できなかったので…
GEO BATTLERでキャラクターの攻撃時に音声や効果音が出したかったので調べた。 prototype.jsのプラグインであるscriptaculousでどうやらできるらしい。 使い方はいたって簡単。 Sound.play('sword.mp3');楽勝っすね。 因みに同時に音を鳴らしたい場合は Soun…
大学の課題だったのでJSPで作っていたけれども、とりあえずPHPにしてせっかくだから公開しようかなん。と思うております。 今のところネックなのが6つのAPIを順番に叩いているため、どうしてもキャラクター作成に時間がかかってしまうということ。 んで、JSP…
ではスクロールバーなしのサイズを取ってこれないIEでどうするか。 というわけで、以下の手段をとることにする。 ・現在の横幅を取得 ・すべての要素の一番右端に当たるx座標を取得 ・横幅<x座標ならばスクロールバーありとして、表示領域を-15pxする みた…
今、常にブラウザの下らへんに表示されるツールバーもどきを作ってるわけですが、その際に重要になってくるのがブラウザの表示領域。 ブラウザのの表示領域-もどきの高さ = y座標 となるわけですが、ブラウザ間で取得できる表示領域は違うし、DOCUMENT TYPE…
Debeloper Toolbarに比べると、機能はすくないもののIEのDOM解析できるツールは他にもあったみたいです。 「DebugBar」というものです。http://www.debugbar.com/download.php 全体的に機能はやはりDebeloper Toolbarに劣るものの、JavaScriptの解析はこちら…
ブラウザでのCSSやJavaScriptの解析の定番と言えば「Fire bug」ですね。 IEやSafari、OperaではJavaScript版の「Fire bug lite」なんかが定番ですね。 しかし「Developer Toolbar」なんてMicrosoftが出してる純正のツールがあるみたいです。とりあえずCSSや…
http://rapa.jp/w_3/bonji.html どうやらサイトそのものをでくくっちゃって、ツールバーもどきはなぜかでくくれている。 のpositionプロパティをabsoluteにして、mouseMoveイベントを取ってきて、 topとleftを操作して動かしている模様。それだけでこうなる…
さてさて、開発中のGEO BATTLERですが、開発言語がJAVAってことでレンタルサーバじゃ公開できないのでサンプルを表示できないのが残念です。 大学休み入ったらPHPかRubyで書き直して公開しようかと思います。 勉強がてらRubyかなぁ・・・。 さておき。GEO BA…
そんなわけで、CSS3のアニメーションを実装するために色々と検証してみる。 前回は //パターン1 #box1 { -webkit-transition-propaty: all; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-in-out; }といった感じに紹介しまし…
重い。遅い。もっさりすぎる。 とはいえ、それはそれなりの情報を画面に表示している状態に限った話で、一画面に収まる程度の画像なり文字列ならばそこまで重たくない・・・はず。 あとJavaScriptのメモリも開放してやらなければいけないのかもしれない。 今ま…