2011年01月27日

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>

    • 0 Comment |
    • 0 Trackback |
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+")");
    });
}
    • 0 Comment |
    • 0 Trackback |
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>






    • 0 Comment |
    • 0 Trackback |
2010年08月10日

JavaScript:印刷するボタンを作る。

印刷するボタンを作り、印刷ダイアログを表示させる。


<a href="javascript:void(0)" onclick="window.print();">印刷する。</a>
    • 0 Comment |
    • 0 Trackback |
2010年08月06日

JavaScript:何秒後かに実行する。setTimeout

文字の表示するタイミングをずらしたい時などに。

[JavaScript]
setTimeout( function() {
 $("#dataList").html('<div class="deta_list">3秒後に表示されます。</div>');
}, 3000);

[HTML]
<div id="dataList"></div>
    • 0 Comment |
    • 0 Trackback |