2011年01月27日

JavaScript:JavaScript で hidden属性<input type=”hidden” name=”name” value=”value”>を作成する

JavaScriptでsubmitするときに分岐してデータを入れたり入れなかったりできます。


function make_hidden( name, value, formname ){
 var q = document.createElement('input');
 q.type = 'hidden';
 q.name = name;
 q.value = value;
 if (formname){
  document.forms[formname].appendChild(q);
 }else{
  document.forms[0].appendChild(q);
 }
}

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>