任意の位置でタブメニューを開いておく

こんにちは山田です。

タブ付きのメニューってありますよね。
それを、初期状態で受け取った数字によって、
開始タブを任意に変えることをやりました。
その備忘録です。
タブとそれに紐づくパネルが同時操作されます。
タブの部分は、クラス名に"tabCurrent"があるもの
パネル部分は、目的のdivタブのみ表示をさせています。



HTML

　　
消防車
　　
救急車


　　

  　　　

　　　　　　
赤い
　　　　　　
大型車
　　　　
　　
　　

 　　　　

　　　　　　
白いい
　　　　　　
中型車
　　　　　
　　

JavaScript

$(function() {
 var num = "<%=ID %>";//サーバサイドから値渡し
 var $currentTab = $("#tab" + num);
 $currentTab.addClass("tabCurrent");
 //パネル側も同様にやる
 var $currentPanel = $("#panel" + num);
 $(".vehiclePropaty").hide();
 $currentPanel.fadeIn("fast");
});

Read More

jQueryでHTMLにテキストを表示させる方法

こんにちは山田です。

ｊQueryでHTML上にテキストを表示させる方法です。
使うのは以下の構文です。

.text(textString)

引数のtextStringはマッチした要素内に挿入するテキスト文字列です
実際に使ったソースは下のようになります。

勝手ながらスペースの問題で、格納した文字の0番目のみをテキストとして表示させて、2個目以上は「…他」と表示させてました。
実際に表示される位置はid名が ”plceText”の要素になります。
参考になりますでしょうか？

//表示させたいテキストを配列で用意する（disp_yourText）
if(disp_yourText.length > 0)
{
 if(disp_yourText.length > 1)
 {
  $('#placeText').text(disp_yourText[0] + "...他");
 }
 else{
  $('#plceText').text(disp_yourText[0]);
 }
}

Read More