2011年01月27日

javascript:HTMLのタイトルをJavaScriptで変更する。

HTMLの<title>タイトル</title>の内容を書き換える

document.title = "テスト";

中身を変える場合
$("title").text("テスト")

mixi共有ボタン設置

配信元はこちら
こちら使わせて頂きましたありがとうございました。
http://www.drk7.jp/MT/archives/001324.html


コメントに全角文字を入れると文字化ける。
mixiはEUCみたい。
文字コードを変換してくれるライブラリを使う。

ダウンロード


<script type="text/javascript" src="js/ecl_new.js"></script>


<a href="http://mixi.jp/recent_voice.pl?status="+EscapeEUCJP(コメントを入れる)+"+http://toyota.jp/sp/whatsup/" title="mixi" id="btn_mixi" target="_blank"><img src="images/btn_mixi.gif" alt="mixi" width="22" height="22" /></a>

2011年01月15日

javascript:マウスオーバーで背景画像を変える

javascript、マウスオーバーで背景画像を変える方法


   
$(function(){
    $('#btn').mouseover(function(){
        var bglink = '../images/btn_ov.gif';
        $("#sb-nav-close").css("background-image","url("+bglink+")");
    });
   
    $('#btn').mouseout(function(){
        var bglink = '../images/btn.gif';
        $("#sb-nav-close").css("background-image","url("+bglink+")");
    });
}
2011年01月14日

javascript:window.openでサブウィンドウを開く

javascriptでサブウィンドウを開く方法。
簡単なことだけども注意したい点もありますね。
hrefにURLを設定してonclickでwindow.openをすると親ウィンドウが遷移してしまったりみたいなことがあります。

例1)
function winOpen() {
window.open('example.html', 'windowname', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes');
}


例2)
<a href="javascript:void(window.open('example.html', 'windowname', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes'));">テスト</a>

例3)
<a href="javascript:void(0);" onclick="window.open('example.html', 'windowname', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes');">テスト</a>

例3)
この場合、JavaScriptが有効の場合は小窓、無効または実装されていない 場合は普通のハイパーリンクとなります。
<a href="example.html" onclick="window.open(this.href, 'windowname', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes'); return false;">テスト</a>






2011年01月13日

jQery:画像を先読みする

このような形で画像のパスをカンマで区切ったデータが先読みされます。


$(function(){
 $.preLoadImages('images/btn_category_img_5_on.gif','images/btn_category_img_5_off.gif');
}

(function($) {
 var cache = [];
 // 引数に画像URLを配列で渡す
  $.preLoadImages = function() {
   var args_len = arguments.length;
   for (var i = args_len; i--;) {
    var cacheImage = document.createElement('img');
    cacheImage.src = arguments[i];
    cache.push(cacheImage);
   }
   return cache;
  }
})(jQuery)