|
อายุ-เพศ |
|
วันเดือนปีเกิด |
|
สถาบันการศึกษา |
|
อาชีพ |
|
งานอดิเรก |
|
ความสนใจ |
|
|
|
|
|
|
|
|
- Group ตัวอย่าง
var imgImageSection1TabActive = new Image(93, 15);
imgImageSection1TabActive.src = '/images/section_1_0.gif';
var imgImageSection1TabInActive = new Image(93, 15);
imgImageSection1TabInActive.src = '/images/section_1_s.gif';
var imgImageSection2TabActive = new Image(166, 15);
imgImageSection2TabActive.src = '/images/section_2_0.gif';
var imgImageSection2TabInActive = new Image(166, 15);
imgImageSection2TabInActive.src = '/images/section_2_s.gif'
var imgImageSection3TabActive = new Image(160, 15);
imgImageSection3TabActive.src = '/images/section_3_0.gif';
var imgImageSection3TabInActive = new Image(160, 15);
imgImageSection3TabInActive.src = '/images/section_3_s.gif';
var imgImageSectionMain1TabActive = new Image(52, 34);
imgImageSectionMain1TabActive.src = '/Home/images/h_entertain_on.jpg';
var imgImageSectionMain1TabInActive = new Image(52, 34);
imgImageSectionMain1TabInActive.src = '/Home/images/h_entertain.jpg';
var imgImageSectionMain2TabActive = new Image(52, 34);
imgImageSectionMain2TabActive.src = '/Home/images/h_sport_on.jpg';
var imgImageSectionMain2TabInActive = new Image(52, 34);
imgImageSectionMain2TabInActive.src = '/Home/images/h_sport.jpg'
var imgImageSectionMain3TabActive = new Image(93, 34);
imgImageSectionMain3TabActive.src = '/Home/images/h_crime_on.jpg';
var imgImageSectionMain3TabInActive = new Image(93, 34);
imgImageSectionMain3TabInActive.src = '/Home/images/h_crime.jpg';
function SetTab(strTableID, strdisplayStyle)
{
var tblTable = document.getElementById(strTableID);
tblTable.style.display = strdisplayStyle;
return true;
}
function SetImage(strImage, imgNewImage)
{
var imgImage = document.images[strImage];
imgImage.src = imgNewImage.src;
}
function SelectTab(longSection)
{
switch (longSection) {
case 1 :
SetTab('tblSection1', 'block');
SetImage('imgSection1', imgImageSection1TabActive);
SetTab('tblSection2', 'none');
SetImage('imgSection2', imgImageSection2TabInActive);
SetTab('tblSection3', 'none');
SetImage('imgSection3', imgImageSection3TabInActive);
break;
case 2 :
SetTab('tblSection1', 'none');
SetImage('imgSection1', imgImageSection1TabInActive);
SetTab('tblSection2', 'block');
SetImage('imgSection2', imgImageSection2TabActive);
SetTab('tblSection3', 'none');
SetImage('imgSection3', imgImageSection3TabInActive);
break;
case 3 :
SetTab('tblSection1', 'none');
SetImage('imgSection1', imgImageSection1TabInActive);
SetTab('tblSection2', 'none');
SetImage('imgSection2', imgImageSection2TabInActive);
SetTab('tblSection3', 'block');
SetImage('imgSection3', imgImageSection3TabActive);
break;
}
return true;
}
function SelectTabMain(longSection)
{
switch (longSection) {
case 1 :
SetTab('tblSectionMain1', 'block');
SetImage('imgSectionMain1', imgImageSectionMain1TabActive);
SetTab('tblSectionMain2', 'none');
SetImage('imgSectionMain2', imgImageSectionMain2TabInActive);
SetTab('tblSectionMain3', 'none');
SetImage('imgSectionMain3', imgImageSectionMain3TabInActive);
break;
case 2 :
SetTab('tblSectionMain1', 'none');
SetImage('imgSectionMain1', imgImageSectionMain1TabInActive);
SetTab('tblSectionMain2', 'block');
SetImage('imgSectionMain2', imgImageSectionMain2TabActive);
SetTab('tblSectionMain3', 'none');
SetImage('imgSectionMain3', imgImageSectionMain3TabInActive);
break;
case 3 :
SetTab('tblSectionMain1', 'none');
SetImage('imgSectionMain1', imgImageSectionMain1TabInActive);
SetTab('tblSectionMain2', 'none');
SetImage('imgSectionMain2', imgImageSectionMain2TabInActive);
SetTab('tblSectionMain3', 'block');
SetImage('imgSectionMain3', imgImageSectionMain3TabActive);
break;
}
return true;
}
function SelectTabMainLite(longSection)
{
switch (longSection) {
case 1 :
SetTab('tblSectionMain1', 'block');
SetTab('tblSectionMain2', 'none');
SetTab('tblSectionMain3', 'none');
break;
case 2 :
SetTab('tblSectionMain1', 'none');
SetTab('tblSectionMain2', 'block');
SetTab('tblSectionMain3', 'none');
break;
case 3 :
SetTab('tblSectionMain1', 'none');
SetTab('tblSectionMain2', 'none');
SetTab('tblSectionMain3', 'block');
break;
}
return true;
}
var isClickTab=false;
function clickTabAuto(id) {
if(isClickTab == false) {
SelectTabMain(id);
}
}
|
|
|
|