nasec blog

プログラミングやPCについての覚え書き
SEARCH
PROFILE
北陸で働くSIer。主にWEB系。
効率化と情報共有を常に模索中。。
音ゲーが好きです。
好奇心旺盛で興味のあるものは何でも飛びつきます!
RECOMMEND
CATEGORIES
ARCHIVES
RECENT COMMENT
  • mkdirで作成したディレクトリに作成と同時に移動する
    h41k4 (04/22)
  • とぅ
    h41k4 (04/22)
  • mkdirで作成したディレクトリに作成と同時に移動する
    totoro (03/30)
  • Xperiaでファイルのダウンロードに失敗する
    h41k4 (12/14)
  • Xperiaでファイルのダウンロードに失敗する
    きむら (12/14)
  • Xperiaでファイルのダウンロードに失敗する
    h41k4 (12/01)
  • Xperiaでファイルのダウンロードに失敗する
    きむら (12/01)
  • 指定したデバイス、パス、またはファイルにアクセスできません。適切なアクセス許可がない可能性があります。
    ゆう (03/16)
  • ネットマーブル(チョコマ)のパズル「ボタン」
    Yero (03/12)
RECENT TRACKBACK
  • 指定したデバイス、パス、またはファイルにアクセスできません。適切なアクセス許可がない可能性があります。
    プレサーチ (11/19)
ブログパーツ
フィードメーター - nasec blog
OTHERS
SPONSORED LINKS
みんなのブログポータル JUGEM
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - |
古いSafari(3.0.4)で文字化けが発生する
古いSafariで、文字化けが発生してしまう件について。
 
3.1.1 にバージョンアップしたら直ったのですが、
古いSarariではAjaxの responseTextの処理に不具合があることが分かりました。
(UTF-8が ISO-8859-1と誤認識されてしまう。)
こちらが参考になります。

小粋空間: Safari の Ajax 文字化け対処
http://www.koikikukan.com/archives/2007/05/04-012703.php

回避策としては、こちらが参考になります。

[ajax] Safari の responseText で UTF-8 コード文字化け回避 Kawanet Tech Blog/ウェブリブログ
http://kawa.at.webry.info/200511/article_9.html

厄介な問題ですね。
| JavaScript | 12:24 | comments(0) | trackbacks(0)
jQueryでtableタグの列ごとに背景色を付ける
jQueryで表の先頭列のみに色をつけたかったのですが、どのようにセレクタを指定
するのか、分からず調べてみました。
parent > child や prev + nextの階層で指定してみましたがうまくいかず、
このような情報に辿りつきました。

jQueryでテーブルの1列ごとにクラス名をつける | NET-KING

$("td:nth-child(1)").addClass("col-1");
のように、nth-child(n)で指定できるようです。子要素フィルタと呼ぶようですね。

   $("td:nth-child(1)").css("background-color", "#FFEC6E");

のように指定してやることで、目的の動作が実現できました。
しかしjQuery本当に便利です。

参考:
Selectors - jQuery 日本語リファレンス
http://semooh.jp/jquery/api/selectors/
:nth-child()疑似クラス (E:nth-child(n))|セレクタ|CSS HappyLife ZERO
http://zero.css-happylife.com/selectors/nth-child.shtml
| JavaScript | 05:50 | comments(0) | trackbacks(0)
javascriptでオブジェクト(object)の中身を表示
良く忘れるのでメモ。

object.toSource()
でオブジェクトの中身を表示することができる。

ただ、IEでは動作しないので、IEの場合は独自にtoSource相当のスクリプトを
実装してあげる必要がある。

下記のソースは参考サイトの2つ目のサイトからの引用です。

function showObject(elm,type){
var str = '「' + typeof elm + "」の中身";
var cnt = 0;
for(i in elm){
if(type == 'html'){
str += '<br />¥n' + "[" + cnt + "] " + i.bold() + ' = ' + elm[i];
}
else {
str += '¥n' + "[" + cnt + "] " + i + ' = ' + elm[i];
}
cnt++;
status = cnt;
}
return str;
}

使いこなせるとすごく便利です!


参考:
Object.toSource - オブジェクトの中身を見る - JavaScriptリファレンス
http://javascriptist.net/ref/Object.toSource.html

オブジェクトの中身を表示する - Archiva
http://archiva.jp/web/javascript/show_object.html


| JavaScript | 04:26 | comments(0) | trackbacks(0)
aタグでのSubmitでハマる
aタグでjavascript:void(0)などを指定して、onClickでSubmitさせる・・
という動作が必要になったときの話です。

ブラウザにより、うまく動かない場合があったので、記しておきたいと思います。

<a href="javascript:hogehoge();">
<a href="javascript:void(0);" onClick="hogehoge();">
<a href="javascript:void(0);" onClick="hogehoge();return false;">

hogehoge()の内部では、下記のようにreturn falseしていました。
function hogehoge(){
  document.form.submit();
  return false;
}

このようなソースがあった場合、各ブラウザでの動作は下記のようになりました。
  IE6 FF
    ○
◆ 漾  
 ○  ○

どうやら、IE6ではaタグのhrefの動作とonClickの動作がかぶってうまくいかないようです。
ということで、hrefにjavascript:void(0)を書く場合はreturn falseするようにしよう。

参考サイト:

[J] a タグの href に # とか javascript:void(0) とかする理由 - Jamz (Tech)
http://jamz.jp/tech/2008/02/javascript_void_0_and_return_false.html

javascript:void(0)について - 燈明日記
http://d.hatena.ne.jp/chaichanPaPa/20080212/1202817741

Re:href="#" onclick の悪習[to-R]
http://blog.webcreativepark.net/2007/08/01-135601.html



| JavaScript | 22:18 | comments(0) | trackbacks(0)
jQuery⇔DOMオブジェクト変換
 すごく久しぶりの更新です・・・・・・。
色々な知識を得て更新したいと思っていましたが、タイミングを逃し・・。

まーそんなことは気にせず、何事もなかったかのようにさらっと書いていきます。

最近jQueryを使う機会が良くあるのですが、jQueryと普通のDOMエレメントの変換(?)
はどのようにやるのだろうと思いました。

調べていくと、このような記事が!!

  • 標準のDOM ElementオブジェクトをjQueryオブジェクトに変換するには?

  • http://www.atmarkit.co.jp/fdotnet/jqueryref/05core/core_03.html

     DOM→jQueryは$()をつけてあげればいいみたいですね。
     例:$(document.body)

  • jQueryオブジェクト から元の DOMオブジェクト を得る

  • http://www13.atpages.jp/~llan/wp/?p=646

     jQuery→DOMの場合は、jQueryオブジェクトの0番目の要素にアクセスすれば良いみたい。
     例:var obj = $("select[name='hoge']");
     var val = obj[0].options[obj[0].selectedIndex].text;

    以上、覚え書きでした。
| JavaScript | 22:52 | comments(0) | trackbacks(0)
新しいウインドウで開く - JavaScriptブックマークレット
ネットサーフィンをしていて、リンクの貼られていないURLを見ることがあります。
そのURLを見たい時、どうしていますか?

私は(タブブラウザではないので・・)新しいウインドウを開き、
コピペしたURLをアドレスバーに貼り付けてサイトに飛んでいます。

でも、このやり方は非常に面倒です。
そこで、ブラウザで範囲選択したURLを新しいウインドウで開くブックマークレットを
作りました。

といっても、やっつけ仕事ですので、もっといいものが他にあると思います。
とりあえず、間に合わせ程度に…。

新しいウインドウを開くブックマークレット

ソース
javascript:void(window.open(document.selection.createRange().text))

エラー処理もしていないので後々気が向いたらver.アップするかも・・?
ttpから始まるアドレスや全角URLにも対応したいな・・

参考URL:
範囲選択しているところをWikipediaで検索するブックマークレット|blog|たたみラボ
http://www.tatamilab.jp/rnd/archives/000206.html
JAVASCRIPT::BOOKMARKLET
http://bookmarklet.daa.jp/
| JavaScript | 13:38 | comments(0) | trackbacks(0)