@Konboi memo

主に技術に関してつらつらと。

JavaScript

JavaScriptで矢印キーが聞かなくて嵌った

個人的に作っているときに嵌った。 keydown keydownはkeyが押された時に発火するイベント keydown 文字が入力するときに発火するイベント ※ 矢印キーでは発火しない これで嵌った。 参考URL http://shinbashi.hatenablog.com/entry/20090312/1236849347 JavaSc…

audioタグに関して

audioタグに関してPCのブラウザとスマフォのブラウザで挙動が 微妙にちがかったのでメモっておきます。今回自分が実装していて違いがあったのは、 autoplay autobuffer (もしかしたら、もっと違いがあるのはあるかも....)autoplay,autobufferは自動的に再生…

JavaScriptでちょいとつまずいたのでメモ。

自分の要素を削除する?っていうのかな。 ・・・ を消すのに子要素なら 親要素を指定して、子要素を削除する 親obj.removeChild(削除するオブジェクト); で削除できる。けど動的にだしてIDが動的に変わるものを削除するときにはまった。結局 Obj.parentNode.…

Google Chart API を使ってみた♪

おはようございます!! 昨日から7月とか......\(^o^)/昨日は、バイトである値をグラフにして表示するっていう部分を作ってました! グラフの部分をGoogle Chart APIを使って作ったのでメモがてらに。今回は折れ線グラフだったんでここを見ればだいたい解…

 今日中にできなかった...orz

なんかこれが 研究室の本棚にあったのでちょいと借りてサンプルをどんどんここで動かそうと思い立ったのですが、今日中に1つ、このサンプルを作り上げるはずがむりだった...orz悔しい。なんていうのかな...サイトではエラーがでてないのに動かないから??…

 jQueryでのイベント取得と画像切替

今回はマウスが置かれたときと離されたときに画像が切り替わるイベントを jQueryを使うとjavascriptだけで書くときと微妙に違っていたので書いておく。普通にjavascriptで書くと <html> <input type="image" src="image" id="button" onmouseover="hoge();" onmouseout="huga();"> </html> <script> var btn = document.getElementById("button") function hoge(){ btn.src …

 テキストエリアの角を丸くする。

-webkit-border-radius:10px; これを使うとテキストエリアの角が丸くなる。 css3が対応していないと、何の意味もないけど。

文字列同士の計算

cssの値を取得してきて、100px下に表示させた。 その時つまずいたのが、文字列同士の計算。 var height = $("#hoge").css("top"); height = parseFloat(height) + parseFloat("150px"); $("#hoge").css("top", height + "px"); parseFloatでうまくいった。 …

$.ajax

jQueryでxmlhttprequestやって成功したときの処理をどうやるか忘れてたのでメモっておく。 $.ajax({ type:"GET", url:src.Xml, success:function(data){ parseXML(data); //短いならココで処理しちゃってもいいのかも。 } }); つまり success:の後に処理を書…