/**
* artist_profile.jsp 에서 사용하는 스크립트 모음
*
date 2008. 07. 23
@author whitedream
*/
//addArray() : playlist_medium.js 에 정의
/**
* 아티스트명 WEB 상세와 별명을 표시하기위한 HTML 을 리턴한다.
*/
function getHtmlNameDetailNick(nameDetail,nickName){
var arrHtml = new Array();
if(nameDetail!=""){
addArray(arrHtml, nameDetail);
if(nickName!=""){
addArray(arrHtml, " | ");
}
}
if(nickName!=""){
addArray(arrHtml, "");
addArray(arrHtml, nickName+"");
}
return arrHtml.join("");
}
/**
* basket 을 파싱하여 활동년대를 표시하기위한 아이콘 이미지 HTML 을 리턴한다.
*/
function getHtmlActYear(basketUtil, IMAGE_HOME){
var actYearIconNum = 9;
var actYearIconPrefix = new Array("icon_y01","icon_y02","icon_y03","icon_y04","icon_y05",
"icon_y06","icon_y07","icon_y08","icon_y09");
var actYearIconOnSuffix = "_on.gif";
var actYearIconOffSuffix = ".gif";
var isActYear = new Array(actYearIconNum); //
//0 1 2 3 4 5 6 7 8
//1920이전 - 1930 - 1940 - 1950 - 1960 -1970 - 1980 - 1990 - 2000이후
var actYear;
var arrHtml = new Array();
for (var i=1 ; i <= basketUtil.getSize() ; i++){
actYear = Number(basketUtil.getValue(i));
if (actYear - 1920 <= 0) {
isActYear[i-1]=true;
}else if (actYear >= 2000) {
isActYear[actYearIconNum-1]=true;
}else {
isActYear[(actYear - 1920) / 10] = true;
}
}
for (var i=0 ; i < actYearIconNum ; i++){
addArray(arrHtml, "![\"\"](\""+IMAGE_HOME+"/svc/images/common/icon/"); "\\"\\"/")
");
}
return arrHtml.join("");
}
/**
* 연관정보 basket 필드를 파싱하여 표시하기 위한 html 을 리턴한다.
*/
function getHtmlBasketSpanLinkList(basketUtil, basketUtilAux, WWW_HOME){
var arrHtml = new Array();
var BASKET_SIZE = 0;
if (basketUtil.getSize()>5) {
//최대 5개까지 DP
BASKET_SIZE=5;
}else{
BASKET_SIZE = basketUtil.getSize();
}
addArray(arrHtml, "");
for (var i=1 ; i <= BASKET_SIZE ; i++){
//addArray(arrHtml, "");
if(basketUtil.getValue(i)!="2727"){
addArray(arrHtml, "");
}
addArray(arrHtml, basketUtilAux.getValue(i));
if(basketUtil.getValue(i)!="2727"){
addArray(arrHtml, "");
}
if(i+1<=BASKET_SIZE){
addArray(arrHtml, ", ");
}
//addArray(arrHtml, "\n");
}
addArray(arrHtml, "\n");
return arrHtml.join("");
}
/**
* 선호 아티스트 리스트를 통해 아티스트 링크를 표시하기 위한 html 을 리턴한다.
*/
function getHtmlPreferArtist(arrLink, WWW_HOME){
if (arrLink==undefined) return "";
var arrHtml = new Array();
var artistId = 0;
var artistName = "";
for(var i=0; i");
addArray(arrHtml, ""+artistName);
if(i+2\n");
//addArray(arrHtml, "\n");
}
}
return arrHtml.join("");
}
/**
* 선호 아티스트 리스트를 통해 아티스트 링크를 표시하기 위한 html 을 지정길이만큼만 만들어 ".." 을 붙여서 리턴한다.
*/
function getHtmlPreferArtistEllipsis(arrLink, maxLen, WWW_HOME){
if (arrLink==undefined) return "";
var arrHtml = new Array();
var artistId = 0;
var artistName = "";
var strOnlyText = "";
for(var i=0; i");
addArray(arrHtml, ""+artistName);
if(i+2\n");
}else{
addArray(arrHtml, "..");
break;
}
}
}
return arrHtml.join("");
}
/**
* 아티스트 프로필 페이지 메인 관련 script
*/
//아티스트명 WEB 상세와 별명을 표시하기위한 HTML 표시
function setDivNameDetailNick(){
var nameDetailNick = getHtmlNameDetailNick(g_artistEntity.artistNameWebDetail
,g_artistEntity.artistNickName);
document.getElementById("divNameDetailNick").innerHTML = nameDetailNick;
}
//아티스트의 성별을 표시하기 위한 HTML 표시
function setLblSexActType(){
var sex = g_artistEntity.sex;
var actType = g_artistEntity.actTypeName;
var strHtml = "";
if(nvl(actType)!=""){
strHtml+=actType;
if(sex=="M"||sex=="F"||sex=="H"){
strHtml+=" / ";
}
}
if(sex=="M"){
strHtml+="남성";
}else if(sex=="F"){
strHtml+="여성";
}else if(sex=="H"){
strHtml+="혼성";
}
document.getElementById("lblSexActType").innerHTML = strHtml;
}
var g_basketUtil = new BasketUtil();
var g_basketUtilAux = new BasketUtil();
//활동년대를 표시하기위한 아이콘 이미지 HTML 표시
function setDivActYearHtml(){
g_basketUtil.initialize(g_artistEntity.actYearBasket);
var actYearHtml = getHtmlActYear(g_basketUtil, g_imageHome);
document.getElementById("divActYearHtml").innerHTML = actYearHtml;
}
//활동명을 표시하기 위한 HTML 표시
function setDlHistoryName(){
g_basketUtil.initialize(g_artistEntity.historyIdBasket);
g_basketUtilAux.initialize(g_artistEntity.historyNameBasket);
var arrId = new Array();
var arrName = new Array();
//자기 자신인 경우와 Various Artist 를 제외 시킴
var cntTot = 0;
for(var i=1;i<=g_basketUtil.getSize();i++){
if(g_basketUtil.getValue(i)!=g_artistEntity.artistId && g_basketUtil.getValue(i)!="2727"){
arrId[cntTot] = g_basketUtil.getValue(i);
arrName[cntTot] = g_basketUtilAux.getValue(i);
cntTot++;
}
}
if(arrId.length>0){
var arrHtml = new Array();
for(var i=0;i");
arrHtml.push(arrName[i]);
arrHtml.push("");
if(i+1
*/
var playlistUtil = new PlaylistUtil();
playlistUtil.setCommand("AxGetPageListArtistTitleSong");
playlistUtil.setCallback(ajax_cb_artistTitleSongList);
playlistUtil.setRowCount(5);
playlistUtil.setListDivName("divRecentSongList");
function ajax_goPage_frm_title_song(currPage, se101_genre, se102_rowCount, se103_orderBy){
playlistUtil.ajax_goPage_addJsonParam("artistId : \""+artistId+"\", isUseCommTb : \"Y\"", currPage, se101_genre, se102_rowCount, se103_orderBy);
}
function ajax_cb_artistTitleSongList(data) {
if(data.AJAX_ERROR != "SUCCESS") {
ajax_error();
return false;
}
var itemList = data.AJAX_LIST;
var totalCount = Number(itemList[0].totalCount);
if (totalCount > 0) {
var oHD = document.getElementById("artistTitleSongListHD");
var oList = document.getElementById("artistTitleSongList");
var oLabel = document.getElementById("lblTotalTitleSong");
//var oCollectionRules = document.getElementById("divCollectionRulesGuide");
oLabel.innerHTML = g_artistEntity.titleSongTotalCount; //totalCount;
var preList = pre_playlist("divTmp", null, null, null, "up");
var playList = playlist_medium(data, "divTmp", preList, null);
playlistUtil.renamePlaylistFormInfo("divTmp","artistTitleSongList",itemList,"aux1_");
oHD.style.display = "block";
oList.style.display = "block";
//oCollectionRules.style.display = "block";
//임시 div 테그 클리어
document.getElementById("divTmp").innerHTML="";
}
}
var playlistUtil2 = new PlaylistUtil();
playlistUtil2.setCommand("AxGetPageListArtistSong");
playlistUtil2.setCallback(ajax_cb_artistSongList);
playlistUtil2.setRowCount(5);
playlistUtil2.setListDivName("artistSongList");
function ajax_goPage_frm_all_song(currPage, se101_genre, se102_rowCount, se103_orderBy){
playlistUtil2.ajax_goPage_addJsonParam("artistId : \""+artistId+"\", isUseCommTb : \"Y\"", currPage, se101_genre, se102_rowCount, se103_orderBy);
}
function ajax_cb_artistSongList(data) {
if(data.AJAX_ERROR != "SUCCESS") {
ajax_error();
return false;
}
var itemList = data.AJAX_LIST;
var totalCount = Number(itemList[0].totalCount);
if (totalCount > 0) {
var oHD = document.getElementById("artistSongListHD");
var oList = document.getElementById("artistSongList");
var oLabel = document.getElementById("lblTotalSong");
//var oCollectionRules = document.getElementById("divCollectionRulesGuide");
oLabel.innerHTML = g_artistEntity.songTotalCount; //totalCount;
var preList = pre_playlist_2("divTmp", null, null, null);
var playList = playlist_medium(data, "divTmp", preList, null);
playlistUtil2.renamePlaylistFormInfo("divTmp","artistSongList",itemList,"aux2_");
oHD.style.display = "block";
oList.style.display = "block";
//oCollectionRules.style.display = "block";
//임시 div 테그 클리어
document.getElementById("divTmp").innerHTML="";
}else{
//서비스 가능한 곡이 없을 경우 채널듣기 함수를 안내 메시지를 표시하도록 변경한다.
OtherChPlay = function (){
alert('해당 아티스트의 서비스 곡이 없어 채널을 재생할 수 없습니다.');
}
}
}
function ajax_init_frm(){
ajax_goPage_frm_title_song(1);
ajax_goPage_frm_all_song(1);
}
/**
* 앨범탭 클릭시
*/
var albumlistUtil = new PlaylistUtil();
albumlistUtil.setCommand("AxGetPageListArtistAlbum");
albumlistUtil.setCallback(ajaxGetPageListArtistAlbum);
albumlistUtil.setRowCount(10);
albumlistUtil.setListDivName("divArtistAlbumList");
albumlistUtil.setOrderName("gnrDp");
//전체앨범탭의 우측 상단 표시유형에 따른 메뉴를 클릭시 처리함
function onclickAlbumMenu(type){
var oMenuAll;
var oMenuReg;
var oMenuIrreg;
var oMenuJoin;
//메뉴 색상을 없애 선택 안된 상태로 초기화
oMenuAll = document.getElementById("albumMenuAll");
if(oMenuAll!=undefined)oMenuAll.style.color = "";
oMenuReg = document.getElementById("albumMenuReg");
if(oMenuReg!=undefined)oMenuReg.style.color = "";
oMenuIrreg = document.getElementById("albumMenuIrreg");
if(oMenuIrreg!=undefined)oMenuIrreg.style.color = "";
oMenuJoin = document.getElementById("albumMenuJoin");
if(oMenuJoin!=undefined)oMenuJoin.style.color = "";
//클릭된 메뉴 별 처리 수행
if(type=="all"){
document.getElementById("albumMenuAll").style.color = "#FF5400";
ajax_goPage_album(1,"gnrDp");
}else if(type=="reg"){
document.getElementById("albumMenuReg").style.color = "#FF5400";
ajax_goPage_album(1,"reg");
}else if(type=="irreg"){
document.getElementById("albumMenuIrreg").style.color = "#FF5400";
ajax_goPage_album(1,"irreg");
}else if(type=="join"){
document.getElementById("albumMenuJoin").style.color = "#FF5400";
ajax_goPage_album(1,"join");
}
}
function ajax_goPage_album(currPage, se101_genre, se102_rowCount, se103_orderBy){
albumlistUtil.ajax_goPage_addJsonParam("artistId : \""+artistId+"\"", currPage, se101_genre, se102_rowCount, se103_orderBy);
}
//DB에서 넘겨준 data값을 가지고 있는 부분이다.
//Client는 각각 이 부분을 구현해야 한다.
function ajaxGetPageListArtistAlbum(data) {
if(data.AJAX_ERROR != "SUCCESS") {
ajax_error();
return false;
}
var ajaxList = data.AJAX_LIST;
var ajaxListCount = ajaxList[0].list.length;
var ajaxListTotalCount = ajaxList[0].totalCount;
var itemList = data.AJAX_LIST;
var preList = album_pre_playlist("divArtistAlbumList", null, albumlistUtil.getRowCount(), albumlistUtil.getOrderName());
var playList = album_playlist_medium(data, "divArtistAlbumList", preList, preList, menuId);
albumlistUtil.interceptSelBoxOnchange("sel02");
albumlistUtil.interceptSelBoxOnchange("sel03");
albumlistUtil.delSelBoxOption( "sel03", 3, "divArtistAlbumList");
//this.addSelBoxOption = function ( selBoxId, iIndex, optVal, optText, selectedVal, divId){
// albumlistUtil.addSelBoxOption( "sel03", 0, "gnrDp", "선택", albumlistUtil.getOrderName(), "divArtistAlbumList");
document.getElementById("divArtistAlbumPagingList").innerHTML = ajax_paging(albumlistUtil.getCurrentPage(), albumlistUtil.getRowCount(), 10, ajaxListTotalCount);
}
//html이 실행되기전 먼저 처리되는 function으로 (외형이라도)반드시 작성되어야 한다.
function ajax_init_album(){
ajax_init_artistAlbumCnt();
ajax_goPage_album();
}
//전체 앨범탭 클릭시 각 유형별 앨범 수를 구하기 위해 ajax 호출
function ajax_init_artistAlbumCnt(){
if(albumMenuHtml==""){
ajax_request("/AjaxService", { command : "AxGetListArtistProfileAlbumCnt" , artistId : artistId }, ajax_cb_artistAlbumCnt);
}else{
document.getElementById("divAlbumMenu").innerHTML = albumMenuHtml;
}
}
//전체 앨범탭 클릭시 각 유형별 앨범 수를 구하여 저장. 두번째 부터는 ajax 호출 없이 저장된 값을
//dp 하여 서버 부하를 줄이도록 한다.
var albumMenuHtml = "";
function ajax_cb_artistAlbumCnt(data) {
if(data.AJAX_ERROR != "SUCCESS") {
ajax_error();
return false;
}
var itemList = data.AJAX_LIST;
var p_allCnt;
var p_regCnt;
var p_irregCnt;
var p_joinCnt;
entity = itemList[0];
p_allCnt = g_artistEntity.albumTotalCount; //entity.allTotalCount;
p_regCnt = entity.regularTotalCount;
p_irregCnt = entity.irregularTotalCount;
p_joinCnt = Number(p_allCnt) - (Number(p_regCnt) + Number(p_irregCnt)); //entity.joinTotalCount;
albumMenuHtml = getAlbumMenuHtml(p_allCnt,p_regCnt,p_irregCnt,p_joinCnt);
document.getElementById("divAlbumMenu").innerHTML = albumMenuHtml;
}
//전체 앨범 탭 클릭시 상단의 앨범 유형별 갯수를 표시하기 위한 HTML 생성
function getAlbumMenuHtml(p_allCnt,p_regCnt,p_irregCnt,p_joinCnt){
var strHtml = "";
strHtml+="";
strHtml+="";
strHtml+="";
if(p_regCnt!="0"){
strHtml+="";
}
if(p_irregCnt!="0"){
strHtml+="";
}
if(p_joinCnt!="0"){
strHtml+="";
}
strHtml+="
";
return strHtml;
}
/**
* 전체곡 탭 클릭시
*/
var songlistUtil = new PlaylistUtil();
songlistUtil.setCommand("AxGetPageListArtistSong");
songlistUtil.setCallback(ajaxGetPageListArtistSong);
songlistUtil.setRowCount(50);
songlistUtil.setListDivName("divArtistSongList");
//전체곡탭의 우측 상단 표시유형에 따른 메뉴를 클릭시 처리함
function onclickSongMenu(type){
var oMenuAll;
var oMenuTitle;
var oMenuJoin
//메뉴 색상을 없애 선택 안된 상태로 초기화
oMenuAll = document.getElementById("songMenuAll");
if(oMenuAll!=undefined)oMenuAll.style.color = "";
oMenuTitle = document.getElementById("songMenuTitle");
if(oMenuTitle!=undefined)oMenuTitle.style.color = "";
oMenuJoin = document.getElementById("songMenuJoin");
if(oMenuJoin!=undefined)oMenuJoin.style.color = "";
//클릭된 메뉴 별 처리 수행
if(type=="all"){
document.getElementById("songMenuAll").style.color = "#FF5400";
ajax_goPage_song(1,"gnrDp");
}else if(type=="title"){
document.getElementById("songMenuTitle").style.color = "#FF5400";
ajax_goPage_song(1,"title");
}else if(type=="join"){
document.getElementById("songMenuJoin").style.color = "#FF5400";
ajax_goPage_song(1,"join");
}
}
function ajax_goPage_song(currPage, se101_genre, se102_rowCount, se103_orderBy){
songlistUtil.ajax_goPage_addJsonParam("artistId : \""+artistId+"\"", currPage, se101_genre, se102_rowCount, se103_orderBy);
}
//DB에서 넘겨준 data값을 가지고 있는 부분이다.
//Client는 각각 이 부분을 구현해야 한다.
function ajaxGetPageListArtistSong(data) {
if(data.AJAX_ERROR != "SUCCESS") {
ajax_error();
return false;
}
var ajaxList = data.AJAX_LIST;
var ajaxListCount = ajaxList[0].list.length;
var ajaxListTotalCount = ajaxList[0].totalCount;
var itemList = data.AJAX_LIST;
var preList = pre_playlist("divTmp", null, songlistUtil.getRowCount(), songlistUtil.getOrderName(), "up");
var endList = pre_playlist("divTmp", null, songlistUtil.getRowCount(), songlistUtil.getOrderName());
//alert("start");
//var startTime = new Date().getTime();
var USE_TITLE_HOT_ICON;
//대표곡인경우 Title, Hot 아이콘 표시안함
if(songlistUtil.getGenreName()=="title"){
USE_TITLE_HOT_ICON = false;
//전체곡,참여곡인 경우만 Title, Hot 아이콘 표시함
}else{
USE_TITLE_HOT_ICON = true;
}
var playList = playlist_medium(data, "divTmp", preList, endList, undefined,undefined,USE_TITLE_HOT_ICON);
songlistUtil.renamePlaylistFormInfo("divTmp","divArtistSongList",itemList,"aux4_");
songlistUtil.interceptSelBoxOnchange("sel02");
songlistUtil.interceptSelBoxOnchange("sel03");
songlistUtil.delSelBoxOption( "sel03", 2, "divArtistSongList");
//function ( selBoxId, iIndex, optVal, optText, selectedVal, divId)
songlistUtil.addSelBoxOption( "sel03", 1, "songName","곡명",songlistUtil.getOrderName(),"divArtistSongList");
//var endTime = new Date().getTime();
//alert("end : " + (endTime - startTime) +" ms");
/*
if(songlistUtil.getGenreName()==""||songlistUtil.getGenreName()=="gnrDp"){
try{
songlistUtil.insertIcon("ab_list","artistall",itemList);
}catch(e){
}
}
*/
document.getElementById("divArtistSongPagingList").innerHTML = ajax_paging(songlistUtil.getCurrentPage(), songlistUtil.getRowCount(), 10, ajaxListTotalCount);
//document.getElementById("txtTmp").value=document.getElementById("divArtistSongList").innerHTML;
//임시 div 테그 클리어
document.getElementById("divTmp").innerHTML="";
}
//html이 실행되기전 먼저 처리되는 function으로 (외형이라도)반드시 작성되어야 한다.
function ajax_init_song(){
ajax_init_artistSongCnt();
ajax_goPage_song();
}
//전체곡 탭 클릭시 각 유형별 곡 수를 구하기 위해 ajax 호출
function ajax_init_artistSongCnt(){
if(songMenuHtml==""){
ajax_request("/AjaxService", { command : "AxGetListArtistProfileSongCnt" , artistId : artistId }, ajax_cb_artistSongCnt);
}else{
document.getElementById("divSongMenu").innerHTML = songMenuHtml;
}
}
//전체곡 탭 클릭시 각 유형별 곡 수를 구하여 저장. 두번째 부터는 ajax 호출 없이 저장된 값을
//dp 하여 서버 부하를 줄이도록 한다.
var songMenuHtml = "";
function ajax_cb_artistSongCnt(data) {
if(data.AJAX_ERROR != "SUCCESS") {
ajax_error();
return false;
}
var itemList = data.AJAX_LIST;
var p_allCnt;
var p_titleCnt;
var p_joinCnt;
entity = itemList[0];
p_allCnt = g_artistEntity.songTotalCount; //entity.allTotalCount;
p_titleCnt = g_artistEntity.titleSongTotalCount; //entity.titleTotalCount;
p_joinCnt = entity.joinTotalCount;
songMenuHtml = getSongMenuHtml(p_allCnt,p_titleCnt,p_joinCnt,songlistUtil.getGenreName());
document.getElementById("divSongMenu").innerHTML = songMenuHtml;
}
//전체곡 탭 클릭시 상단의 앨범 유형별 갯수를 표시하기 위한 HTML 생성
function getSongMenuHtml(p_allCnt,p_titleCnt,p_joinCnt,p_subMenu){
//초기 기본 선택된 서브메뉴 "all"
var allStyleColor=" style=\"color:#FF5400;\"";
var titleStyleColor="";
//서브메뉴가 지정된 경우 선택 표시를 변경
if(p_subMenu=="title"){
allStyleColor="";
titleStyleColor = " style=\"color:#FF5400;\""
}
var strHtml = "";
strHtml+="";
strHtml+="";
strHtml+="";
if(p_titleCnt!="0"){
strHtml+="";
}
if(p_joinCnt!="0"){
strHtml+="";
}
strHtml+="
";
return strHtml;
}
/**
* 뮤직비디오 탭 클릭시
*/
var mvlistUtil = new PlaylistUtil();
mvlistUtil.setCommand("AxGetPageListArtistMv");
mvlistUtil.setCallback(ajaxGetPageListArtistMv);
mvlistUtil.setRowCount(10);
mvlistUtil.setListDivName("divArtistMvList");
function ajax_goPage_mv(currPage, se101_genre, se102_rowCount, se103_orderBy){
mvlistUtil.ajax_goPage_addJsonParam("artistId : \""+artistId+"\"", currPage, se101_genre, se102_rowCount, se103_orderBy);
}
//DB에서 넘겨준 data값을 가지고 있는 부분이다.
//Client는 각각 이 부분을 구현해야 한다.
function ajaxGetPageListArtistMv(data) {
if(data.AJAX_ERROR != "SUCCESS") {
ajax_error();
return false;
}
var ajaxList = data.AJAX_LIST;
var ajaxListCount = ajaxList[0].list.length;
var ajaxListTotalCount = ajaxList[0].totalCount;
var itemList = data.AJAX_LIST;
var preList = mv_pre_playlist("divTmp", null, null, mvlistUtil.getOrderName());
var playList = mv_playlist_medium(data, "divTmp", preList, preList, menuId);
mvlistUtil.renamePlaylistFormInfo("divTmp","divArtistMvList",itemList,"aux3_","mv");
mvlistUtil.interceptSelBoxOnchange("sel03");
mvlistUtil.delSelBoxOption( "sel03", 3, "divArtistMvList");
document.getElementById("divArtistMvPagingList").innerHTML = ajax_paging(mvlistUtil.getCurrentPage(), mvlistUtil.getRowCount(), 10, ajaxListTotalCount);
//document.getElementById("txtTmp").value = document.getElementById("divArtistMvList").innerHTML;
//임시 div 테그 클리어
document.getElementById("divTmp").innerHTML="";
}
//html이 실행되기전 먼저 처리되는 function으로 (외형이라도)반드시 작성되어야 한다.
function ajax_init_mv(){
ajax_goPage_mv();
}