JavaScript

---

追記 Hatena::Letに投稿してみました。

http://let.hatelabo.jp/cancer6/let/gYC-ypbCp6mDIQ

Google Font API なるものが公開されていたのでちょっと遊んでみた。 下記の一文を”Twitterのページを開いている状態”でロケーションバーにはりつけてエンターキーどーん。

javascript:(function(s){s.src="http://unolabo.boo.jp/misc/googleapi/google_fonts.js";document.body.appendChild(s)})(document.createElement('script'));

JSについては下記。

Continue reading

—————-【追記(2010/03/26 19:07)】—————- 下記の方法でやっていたところ、再度エラーが出る(例によって表示はされないけど)ので、 結局 window.parent.fn() で取りました。

エラーがでたりでなかったりなんなんだよもう。。

昨日のiframeの続きで、 iframe の中の子ページから親の関数を呼び出したかったので、 とりあえず window.parent.fn() で取ってみました。

すると、IE6で動かない。 きっとスコープ的な何かがおかしいんだろうなぁと思い、 window.parent.document.fn() とか色々試しつつ調べつつ。 そうこうしているうちにこんな記事を発見。

parent – hoshikuzu | star_dust の書斎

これによると、IEの場合 document.parentWindow なるものが存在するらしい。 へーなんかきもい。

それでもとりあえず6以外ではちゃんと動いてたので、6だけに適用。なんか怖いし。 document.parentWindow.fn() で無事取得できました。

こんな感じ

if(undefined !== window.ActiveXObject && $.browser.version.indexOf('6.') != -1){
  document.parentWindow.ｆｎ();
}else{
  window.parent.fn();
}

っていう JavaScript を書いたとき、 func1 の処理が完全に終わってから func2 の処理を行いたい。 そんなことを考えてたわけなのですが。 どうにかしてうまいこと処理したい、そう思って調べてたら、

動的スクリプトローディング（さんざん既出だと思うけど｜IT戦記

こんな記事を発見。 jQuery が完全に読み込まれたのを確認してから実際の処理を行う、というものなのだったので一部拝借。

Continue reading

去る1月14日にjQueryの最新版1.4がリリースされました。 既に出遅れた感全開ですが気にせず書いてきましょう。

とりあえず気になった新機能とか

Continue reading

元ネタはこちら、問題文もこちら http://ameblo.jp/programming/entry-10001721422.html

実際に書いたコード(そのまま)

var Cards = {
  "deal" : function(numPlayers, deck){
    var cardsNum = deck.length,
        results = [];
    for(var i=0; i<numPlayers; i++){
      if(cardsNum/numPlayers < 1){
        results[i] = "\"\"";
      }
      else{
        var _temp = [];
        for(var j=i; j<cardsNum; j+=numPlayers){
          _temp.push(deck.charAt(j));
        }
        results[i] = "\"" + _temp.join('') + "\"";
      }
      alert(results[i]);
    }
/*
    for(i=0; i<numPlayers;i++){
      var _temp = [];
      var cpp = Math.floor(cardsNum/numPlayers); //cards per player
      for(j=0; j<cpp; j++){
        _temp.push(((cardsNum/numPlayers) < 1) ? "" : deck.charAt(j*cpp + i));
      }
      results[i] = _temp.join('');
        console.log(results[i]);
    }
*/
//      document.getElementById('result').innerHTMl = "results:{\"" + results.join('\", \"') + "\"};
  }
}

所要時間：40分 …orz

コメントアウトで消してるところで30分ほどかかっておりました。 ただ着眼点変えてみてからは10分かかってないので、ひらめき力の問題のようです。

もっとがんばろう。。。

げこがなにか作ってたのでいじってみた。

http://unolabo.boo.jp/twitter/talkTwitter/ FF2/3/3.5　Chrome4　Safari3/4　で確認。 IE6-8 Opera Chrome3では動きませんでした。

元記事はこちら http://jp.techcrunch.com/archives/20091214the-unofficial-google-text-to-speech-api/

げこが使ってたjQueryFlexPlayerがどうもFF以外ではまともに動かないようなので、ｊPlayerに変えただけです。

これを使って目下モリモリ作り中。。。

げこ さんの発言:

　　　　　　　　 ,. -‐'''''""¨¨¨ヽ 
　　　　 　 　 (.＿＿,,,... -ｧァﾌ|　　　　　　　　　　あ…ありのまま 今　起こった事を話すぜ！ 
　 　 　 　 　 |i i|　 　 }!　}} /／| 
　　　　 　 　 |l､{　 　j}　/,,ｨ//｜　　　　　　　『おれはDD_belatedPNG.jsを使ってIE6で透過PNGを使ってたんだ。 
　　　　　　　 i|:!ヾ､ﾉ／ u {:}//ﾍ　　　　　　　　だが戻るボタンを押した途端PNG指定した要素の位置が全てずれてやがったんだ。』 
　　　　　　　 |ﾘ u' }　 ,ﾉ　,!V,ﾊ | 
　　 　 　 ／´fト､{ﾙ{,ィ'ｅﾗ　, ﾀ人　　　　　　　　な…　何を言ってるのか　わからねーと思うが 
　　　　 /' 　 ヾ|宀| {´,)⌒/ |<ヽﾄiゝ　　　　　　　　おれも何をされたのかわからなかった 
　　　　,ﾞ　 ／ )ヽ iLﾚ 　u' |　| ヾｌﾄﾊ〉 
　　 　 |／_／　 ﾊ !ニ⊇　'／:} 　V:::::ヽ　　　　　　　　頭がどうにかなりそうだった… 
　　　 /／ 二二二7'T'' ／u'　__ /:::::::/｀ヽ 
　　　/'´r　-―一ｧ‐ﾞＴ´　'"´ ／::::／-‐ 　＼　　　　position:absolute; だとか hasLayout だとか 
　　 / // 　 广¨´ 　/'　　 ／:::::／´￣｀ヽ ⌒ヽ　　　　そんなチャチなもんじゃあ　断じてねえ 
　　ﾉ ' /　 ノ:::::ー-､___／:::::／/ 　 　 　 ヽ　　} 
_／｀丶　/::::::::::::::::::::::::::￣`ー-{:::...　　　 　　　ｲ　 もっと恐ろしいものの片鱗を味わったぜ…

でも、なんか hasLayout がらみくさい気もするよ。 position:static; にしたら直ったし。

一昔前のサイトにはよくあった、メーラーを立ち上げるリンク

<a href="mailto:hogehoge@hoge.ne.jp">お問い合わせ</a>

ですが、久々に使う機会がありました。 このリンクを叩いてメーラーが起動した際に、「件名」や「本文」を入れたい、とのことでした。

とりあえず一般的な方法としては、

<a href="mailto:hogehoge@hoge.ne.jp?subject=件名&amp;body=本文">お問い合わせ</a>

とするのですが、 これがなかなか厄介なようです。 環境によっては記入される「件名」や「本文」が文字化けするようです。

そこで、タイトルの通り検証を行ってみました。何故 Outlook と Thunderbird なのかは、たまたま手元にあったからです。

前置きはいいからできんの？できないの？ って言う人もいると思うので結論から書いてしまうと、

一つのリンク(一つの<a>タグ)で Outlook、Thunderbird 共に共通の表示をさせる(文字化けさせない)ことは現状不可能

と考えられます。

つまり、どちらも文字化けさせないためには お問い合わせ (文字化けする方はこちら) のようにリンクを二つに分けなければいけないわけです。 (ただし、今回は上記のとおり Outlook と Thunderbird でしか検証を行っていないため、メーラーによってはリンクがもっと増える可能性はあります。)

で、検証した内容とかは下記。

Continue reading

—————-【追記(2009/11/25 14:26)】—————- ” photoshop jsx 置き場所 “　でググってきた人がいたようなので追記。 基本どこに置いてても構わないはずで、 [ファイル] → [スクリプト] → [参照] から対象のディレクトリを選択すれば読み込めるはずです。

自分は [Program Filesまでのパス]/Adobe/Adobe Photoshop CS4/Presets/Scripts/ に置いてます(デフォルトのスクリプトがいっぱい置いてあるところ)。

CS3以前の場合 [Program Filesまでのパス]/Adobe/Adobe Photoshop CS3/プリセット/スクリプト/ とかだった気がします。

まぁ、ここに置いておけばごちゃごちゃにならないんじゃなかろうか、ということで。

———————-追記ここまで———————-

ちょっと必要に迫られたのでさくっと書いてみました。 PhotoshopScript(っていうのかな？)です。

機能自体は至って単純で、 PSDが入ってるディレクトリを選択 → GIFを保存するディレクトリを選択 → じっくり待つ それだけ。

Continue reading

うちの会社はちょっとまぁ、 古きを重んじる会社な訳でして。

<a href="hoge.html" onclick="window.open'('hoge.html', 'myWin', 'width=300, height=500');">クリック</a>

みたいなのがあったのですが。

ソースが見づらくなるのでとっても嫌なのです。

jQueryとか使えば一発ですし、そうじゃなくてもclassとかつけてちょこちょこやれば済む話なんですが、 それはなんか違うな、と。

というわけでせめて、

<a href="hoge.html" onclick="hoge();">クリック</a>

という形でなんとかお願いできませんか、と。

そういうわけで早速、

Continue reading