Archive for the Category javascript

 
 

jQuery1.5から追加されたjQuery.camelCase()を使ってみた。

jQuery.camelCase()とは

jQuery1.5から追加されたメソッドで、ハイフンで区切られた文字列をキャメルケースに置き換えてくれます。

jQuery.data()やjQuery.css()の中で使われているかんじ。

1.5以前からも置き換えはやってたようですが、1.5からjQuery.camelCase()ができたみたい。


Den ganzen Beitrag lesen…

IE9のサイトの固定をやってみた js編

msSiteModeActivateについて修正しました。

前回に引き続き、IE9ちゃんとWIn7ちゃんのあわせ技を攻略していきます。

JavaScriptを使って出来る事

  • スタートメニューに登録する
  • タスクバーのアイコンに小さいアイコンをオーバーレイ
  • オーバーレイしたアイコンを消す
  • オーバーレイしたアイコンを点滅させる。
  • タスクバーのアイコンを光らせる
    • メソッドはあるけど、動きません
  • サムネイルボタンの画像を変更する
    • タスクバーのアイコンでマウスオーバーすると出てくるボタンがサムネイルボタン
  • サムネイルボタンをクリックしたらページに何かしらを反映させる
  • ジャンプリストを作成する
  • ジャンプリストを削除する
  • jsonを取ってきてジャンプリストに表示する。

デモとかコードを見たほうが早い・・・


Den ganzen Beitrag lesen…

IE9のサイトの固定をやってみた metaタグ編

IE9の固定サイトを使ってみたので、まずはmetaタグの指定方法をまとめておく。

固定するとどうなるの?

こんな風になります。

ss1

画像はjsdo.itで作ったサンプルです。

  • ホームボタンのアイコン画像
  • 戻るボタンの色
  • 進むボタンの色
  • ウィンドウサイズ

などをカスタマズ可能です。


Den ganzen Beitrag lesen…

jQuery1.2.3でarea要素にhoverメソッドが効かない

そもそも1.2.3って・・・

以下のコードが動かなかった。

$('map area').hover(
  function(){
    alert('on');
  },
  function(){
    alert('off');
  }
);
1.5.2にすれば動くのですが(他のバージョンは確認してない)

とりあえず1.2.3でも動くようにする為にmouseovermouseoutで代用します。

$('map area').mouseover(function(){
  alert('on');
});
$('map area').mouseout(function(){
  alert('off');
});

なんでだろうね!

おまけ

jQuery 1.2 map area hover ie で検索したら事例があったよ! http://groups.google.com/group/jquery-en/browse_thread/thread/8fefc900532f7727

no.deのクーポンをもらった。

やっとクーポンが発行された!

前回の申し込んでみたから10日たってついにクーポンが取得できました!

実は

「Welcome to the Joyent Node.js SmartMachine Service」という題名のメールも着てました。

ファイルを上げるにはgitを使うらしいので

適当なフォルダを作って、git初期化実行。

$ mkdir ~/Dropbox/Work/NodeJS
$ cd ~/Dropbox/Work/NodeJS
$ git init

  • XX.X.XXX.XXはPublic IP addressです。
  • SMARTMACHINESで確認できます。

$ git remote add 任意のリモートリポジトリ名 node@XX.X.XXX.XX:repo

server.jsを作る

var http = require('http');
var port = process.env.PORT || "8000";
var msg = 'こんにちは!こんにちは!';
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});
  res.end(msg);
}).listen(Number(port));
console.log('Server running at http://geckotang.no.de:' + port);

server.jsをコミットしてプッシュ

$ git add .
$ git commit -m "create server.js"
$ git push 任意のリモートリポジトリ名 master

いざ確認…!

  • http://geckotang.no.de/で確認できるようなのですができない…
  • IPアドレス直打ちなら見れるのですが…
  • なんでだろう。

SSHでつなぐには。

$ ssh node@XX.X.XXX.XX