function load_knows(bid){
var page_load=$.cookie('buty_topic_load');
load_book_detail(bid);
if( page_load==0){
$('#topic_content').fadeIn().animate({width:'920px',left:40},1600,function(){
$('#knows_content').css('visibility','hidden');
$('#topic_content div.buty_knows_topic_con').css('visibility','visible');
$('#topic_content div.close').fadeIn();
});
setTimeout(function (){
$('#knows_tabs').css('position','absolute');
$('#knows_tabs').animate({left:-160},600);
},1400);
$.cookie('buty_topic_load','1');
}
$.cookie('after_run','0');
$.cookie('run_fun','')
$.cookie('book_id','');
}
// 美容知識內容
function load_book_detail(bid){
$.ajax({
type: 'post',
url: 'modules/member_data.php',
dataType: 'json',
data: {query_op:'buty_knows_detail',book_id:bid
},
complete :function(){},
success: function(rt){
var book=rt.buty_knows_detail;
var tstr='<div class="buty_knows_topic_con">'+book[0].Doobook_artrNo;
var mem_power=$.cookie('mem_power');
if(mem_power>='7'){
tstr+='<div style="display:inline;float:right;"><button name="mody_art_bt">編輯</button></div>';
}
tstr+='</div>';
tstr= tstr+'<div class="buty_knows_topic_con"><hr>'+book[0].art_con+'</div>';
var blank_block='<div style="float:left;width:850px;height:50px;">&nbsp;</div>';
$('#topic_content div.topic_content').html(tstr+blank_block);
$('#topic_content div.topic_content').fadeIn();
var t_height=$('#topic_content div.topic_content').height();
if(t_height==0){
t_height=900;
}
$('#buty_knows').animate({height:(t_height+100)+'px'});
$('button[name=mody_art_bt]').click(function (){
$('#knows_tabs div').each(function (){
var cr_class=$(this).attr('class').split(' ').slice(-1);
if(cr_class=='selected'){
var class_type= $(this).attr('name');
show_mody_chapter(class_type,'mody',bid);
}
});
});
}
});
}
// 美容知識內容
function reload_book_detail(bid){
$.ajax({
type: 'post',
url: 'modules/member_data.php',
dataType: 'json',
data: {query_op:'buty_knows_detail',book_id:bid
},
complete :function(){},
success: function(rt){
var book=rt.buty_knows_detail;
var tstr='<div class="buty_knows_topic_con" style="visibility:visible">'+book[0].Doobook_artrNo;
var mem_power=$.cookie('mem_power');
if(mem_power>='7'){
tstr+='<div style="display:inline;float:right;"><button name="mody_art_bt">編輯</button></div>';
}
tstr+='</div><div class="buty_knows_topic_con" style="visibility:visible"><hr>'+book[0].art_con+'</div>';
var blank_block='<div style="float:left;width:950px;height:50px;">&nbsp;</div>';
$('#topic_content div.topic_content').html(tstr+blank_block);
$('#topic_content div.topic_content').fadeIn();
$('button[name=mody_art_bt]').click(function (){
$('#knows_tabs div').each(function (){
var cr_class=$(this).attr('class').split(' ').slice(-1);
if(cr_class=='selected'){
var class_type= $(this).attr('name');
show_mody_chapter(class_type,'mody',bid);
}
});
});
}
});
}
function load_editor(){
$("#chapter_content").cleditor({width:850 , height:500})[0].focus();
}
//上傳文章圖片視窗
function show_upload(bid){
$("#upload_dialog_"+bid).remove();
jQuery("<div/>", {id: 'upload_dialog_'+bid}).appendTo("body");
$("#upload_dialog_"+bid).attr('title','上傳圖片');
var d_str='<button id="upload_bt_'+bid+'">選擇檔案</button>';
$("#upload_dialog_"+bid).html(d_str);
$("#upload_dialog_"+bid).dialog("destroy");
$("#upload_dialog_"+bid).dialog({ height: 80, modal: false });
var button=$('#upload_bt_'+bid),interval;
var upload_func=new AjaxUpload(button, {
action: 'modules/upload-handler.php', name: 'knows_pic',
data: { bid :bid,page:'buty_knows' },
onSubmit : function(file, ext){
button.text('上傳中');
interval = window.setInterval(function(){
var text = button.text();
if (text.length < 20){
button.text(text + '.');
} else {
button.text('上傳中');
}
}, 200);
},
onComplete: function(file, response){
button.text('上傳檔案');
window.clearInterval(interval);
this.enable();
// var rn=floor_rand(1,2000);
//$('div [name=small_img_'+eid+']').css('background-image','url(http://butyshop.com/e_news/p'+eid+'_s.png?rn='+rn);
if(response.length>0){
alert(response);
}
list_chapter_pics(bid);
}
});
}
//列出文章圖片
function list_chapter_pics(bid){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'list_chapter_pics',bid:bid
},
complete :function(){},
success: function(rt){
var count=rt.count;
var pic_str='';
if(count>0){
pic_str+='<div>圖片網址：<input name="chapter_pic_link" type="text" style="width:500px;"></div>';
var pic_list=rt.pic_list
for(var i=0;i<pic_list.length;i++){
var pic_name=pic_list[i].name;
var img_id=pic_list[i].img_id;
pic_str+='<div class="ch_pics"><div class="deletex" name="'+img_id+'">X</div>';
pic_str+='<img src="images/book/'+pic_name+'" height=160>';
pic_str+='</div>';
}
}else{
pic_str+='<div></div>';
}
$('#knows_pic_list_panel').html(pic_str);
$('.ch_pics').click(function (){
var slink=$(this).find('img').attr('src');
$('input[name=chapter_pic_link]').val(web_url+slink);
});
$('input[name=chapter_pic_link]').click(function (){
$('input[name=chapter_pic_link]').select();
});
$('.deletex').click(function (){
var img_id=$(this).attr('name');
if(confirm('確定刪除圖片？')){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'html',
data: {query_op:'del_chapter_pic',img_id:img_id
},
complete :function(){},
success: function(rt){
list_chapter_pics(bid);
}
});
}
});
}
});
}
//新增修改刪除文章
function show_mody_chapter(class_type,op,bid){
var mem_power=$.cookie('mem_power');
if(mem_power>='7'){
$('#chapter_content').remove();
$('#add_dic_word_form').remove();
$('#add_dic_word_form_content').remove();
jQuery("<div/>", {id: "add_dic_word_form"}).addClass('add_dic_word_overlay').appendTo("body");
$('#add_dic_word_form').html('<div id="add_dic_word_form_content"></div>');
var dic_str='<div style="float:left;">';
dic_str+='標題：<input type=text style="width:410px" name="chapter_title"></div>';
dic_str+='分類<select name="class_type">';
dic_str+='<option value="1">美容新知分享</option>';
dic_str+='<option value="2">肌膚保養常識</option>';
dic_str+='<option value="3">彩妝知識技巧</option>';
dic_str+='<option value="4">芳療SPA錦囊</option>';
dic_str+='<option value="5">美髮美體保養</option>';
dic_str+='</select>';
dic_str+='<div style="float:left;"><br><textarea id="chapter_content" style="width:840px;height:500px;z-index:99999" name="chapter_content"></textarea></div>';
dic_str+='<div style="float:left;width:800px;">';
dic_str+='<button name="add_chapter_bt"></button>';
if(op=='mody'){ dic_str+='<button name="del_chapter_bt">刪除</button>';
dic_str+='<button name="upload_chapter_pic_bt">上傳圖片</button>';
}
dic_str+='</div>';
dic_str+='<div style="display:inline-block;width:840px;position:releative" id="knows_pic_list_panel">';
dic_str+='</div>';
$('#add_dic_word_form').width('850px').height('auto');
$('#add_dic_word_form_content').html(dic_str);
var add_dic_word_form=$('#add_dic_word_form').overlay({
fixed:false,
oneInstance: true, api: true,
onClose:function (){
// $('#chapter_content').remove();
// $('#add_dic_word_form').remove();
// $('#add_dic_word_form_content').remove();
},
onBeforeLoad:function (){
if(class_type!=''){
$('select[name=class_type]').val(class_type);
}
if(op=='mody'){
$.ajax({ type: 'post', url: 'modules/member_data.php', dataType: 'json',
data: {query_op:'buty_knows_detail',book_id:bid },
complete :function(){},
success: function(rt){
var book=rt.buty_knows_detail;
$('input[name=chapter_title]').val(book[0].Doobook_artrNo);
$('textarea[name=chapter_content]').val(book[0].art_con);
load_editor();
}
});
list_chapter_pics(bid);
}else{
load_editor();
}
}
});
add_dic_word_form.load();
//新增
if(op=='new'){ $('button[name=add_chapter_bt]').text('新增'); }
if(op=='mody'){ $('button[name=add_chapter_bt]').text('修改');
}
$('button[name=add_chapter_bt]').click(function (){
var book_art=$('input[name=chapter_title]').val();
var art_con=$('textarea[name=chapter_content]').val();
var new_class_type=$('select[name=class_type]').val();
var book_class=$('select[name=class_type]').find(":selected").text();
var err=0;var err_str='';
if(book_art==''){ err++;err_str+='請輸入標題'+"\n"; }
if(art_con==''){ err++;err_str+='請輸入內容'+"\n"; }
if(err==0){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',dataType: 'json',
data: {query_op:'mody_chapter',book_art:book_art,bid:bid,op:op,
art_con:art_con,class_type:new_class_type,book_class:book_class},
complete :function(){},
success: function(rt){
var add_dic_word_form=$('#add_dic_word_form').overlay();
add_dic_word_form.close();
if(op=='new'){list_topic_list(class_type);}
if(op=='mody'){
list_topic_list(class_type);
reload_book_detail(bid);
}
}
});
}else{
alert(err_str);
}
});
//刪除
$('button[name=del_chapter_bt]').click(function (){
if(confirm('刪除此篇文章？')){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'del_chapter',bid:bid },
complete :function(){},
success: function(rt){
var add_dic_word_form=$('#add_dic_word_form').overlay();
add_dic_word_form.close();
$.cookie('buty_topic_load','0');
var pos=$("#knows_content").position();
var p_left=pos.left;
var p_top=pos.top;
$('#topic_content div.close').fadeOut();
$('#topic_content div.buty_knows_topic_con').css('visibility','hidden');
$('#knows_content').css('visibility','visible'); //列表
$('#topic_content').animate({width:'10px',left:p_left+740},800,function(){
$('#topic_content div.topic_content').fadeOut();
$(this).fadeOut();
$('#buty_knows').css('height','auto');
});
setTimeout(function (){ //左側選單歸位
$('#knows_tabs').animate({left:0},600);
$('#knows_tabs').css('position','releative');
},200);
$.cookie('buty_topic_load','0');
list_topic_list(class_type);
}
});
}
});
//上傳圖片
$('button[name=upload_chapter_pic_bt]').click(function (){
show_upload(bid);
});
}//end power==9
}
//分類輸出
function knows_list_layout(rt){
var count=rt.count;
var mem_power=$.cookie('mem_power');
var list_str='';
var adm_str='';
if(count>0){
var rts=rt.buty_knows_list;
for(var i=0;i<rts.length;i++){
var book_id=rts[i].book_id;
var title=rts[i].Doobook_artrNo;
list_str+='<div class="buty_know_title" name="'+book_id+'">';
list_str+='<div class="title_pointer">&nbsp;</div><div style="display:inline;float:left;">'+title+'</div>';
if(mem_power>='7'){
list_str+='<div style="display:inline;float:right;"><button name="mody_art_bt">編輯</button></div>';
}
list_str+='</div>';
}
}else{
list_str+='<div>抱歉未搜尋到相關文章！</div>';
}
var blank_block='<div style="float:left;width:850px;height:50px;">&nbsp;</div>';
if(mem_power>='7'){
adm_str+='<div style="display:inline;float:left;"><button name="add_art_bt">新增文章</button></div>';
}
$('#knows_content').html(adm_str+list_str+blank_block);
if(mem_power>='7'){
//新增
$('button[name=add_art_bt]').click(function (){
$('#knows_tabs div').each(function (){
var cr_class=$(this).attr('class').split(' ').slice(-1);
if(cr_class=='selected'){
var class_type= $(this).attr('name');
show_mody_chapter(class_type,'new','');
}
});
});
//修改
$('button[name=mody_art_bt]').click(function (){
var bid=$(this).parent().parent().attr('name');
$('#knows_tabs div').each(function (){
var cr_class=$(this).attr('class').split(' ').slice(-1);
if(cr_class=='selected'){
var class_type= $(this).attr('name');
show_mody_chapter(class_type,'mody',bid);
}
});
});
}
//標題按下
$('div.buty_know_title').click(function (){
$('div.buty_know_title').each(function (){
$(this).removeClass('kt_selected');
});
$(this).addClass('kt_selected');
$('div.buty_know_title').hover();
});
$('div.buty_know_title').hover(function (){
$(this).find('div:eq(0)').addClass('selected');
},function (){
var cr_class=$(this).attr('class').split(' ').slice(-1);
if(cr_class!='kt_selected'){
$(this).find('div:eq(0)').removeClass('selected');
}
});
//按下標題
$('div.buty_know_title').click(function (){
var tshow=$('#topic_content').css('display');
if(tshow=='none'){
var page_load=$.cookie('buty_topic_load');
var buty_knows_pre_height=$('#buty_knows').height();
$.cookie('buty_knows_pre_height',buty_knows_pre_height);
var bid=$(this).attr('name');
load_book_detail(bid);
if( page_load=='0'){
$('#topic_content').fadeIn().animate({width:'920px',left:60},800,function(){
$('#knows_content').css('visibility','hidden');
$('#topic_content div.buty_knows_topic_con').css('visibility','visible');
$('#topic_content div.close').fadeIn();
});
setTimeout(function (){
$('#knows_tabs').css('position','absolute');
$('#knows_tabs').animate({left:-100},600);
},700);
$.cookie('buty_topic_load','1');
}
}
});
}
//美容知識列表
function list_topic_list(class_type){
$.ajax({
type: 'post',
url: 'modules/member_data.php',
dataType: 'json',
data: {query_op:'buty_knows_list',class_type:class_type
},
complete :function(){},
success: function(rt){
knows_list_layout(rt);
}
});
}
//載入美容知識
function loading_buty_knows(){
$.cookie('buty_topic_load','0');
var str='<div id="knows_tabs_shell"><div id="knows_tabs">';
str=str+'<div name="1" id="knows_tabs_1" class="knows_tabs">&nbsp;</div>';
str=str+'<div name="2" id="knows_tabs_2" class="knows_tabs">&nbsp;</div>';
str=str+'<div name="3" id="knows_tabs_3" class="knows_tabs">&nbsp;</div>';
str=str+'<div name="4" id="knows_tabs_4" class="knows_tabs">&nbsp;</div>';
str=str+'<div name="5" id="knows_tabs_5" class="knows_tabs">&nbsp;</div>';
str=str+'</div></div>';
str=str+'<div id="knows_content"><div style="height:800px;">&nbsp;</div></div>';
str=str+'<div id="topic_content"><div class="topic_content"></div><div class="close"></div</div>';
$('#buty_knows').html(str);
$('#knows_tabs div').click(function (){
//if($('#topic_content').css('display')!="block"){}
var cr= $(this).attr('id');
$('#knows_tabs div').each(function (){
var ar= $(this).attr('id');
$(this).removeClass('selected');
});
$('#'+cr).addClass('selected');
var class_type=$(this).attr('name');
list_topic_list(class_type);
});
var pos=$("#knows_content").position();
var p_left=pos.left;
var p_top=pos.top;
$('#topic_content').css({'left':p_left+740,'top':p_top});
//list_topic_list('1');
list_rand_topic();
$('#knows_tabs_1').addClass('selected');
//回收
$('#topic_content div.close').click(function (){
$.cookie('buty_topic_load','0');
$(this).fadeOut();
$('#topic_content div.buty_knows_topic_con').css('visibility','hidden');
$('#knows_content').css('visibility','visible'); //列表
$('#topic_content').animate({width:'10px',left:p_left+740},800,function(){
$('#topic_content div.topic_content').fadeOut();
$(this).fadeOut();
$('#buty_knows').css('height','auto');
});
setTimeout(function (){ //左側選單歸位
$('#knows_tabs').animate({left:0},600);
$('#knows_tabs').css('position','releative');
},200);
$.cookie('buty_topic_load','0');
});
}
//成分說明
function load_dic_desc(dic_id){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'html',
data: {query_op:'load_dic_desc',
dic_id:dic_id
},
complete :function(){},
success: function(rt){
$('div[name=desc_'+dic_id+']').html('成分說明:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+rt);
$('div[name=desc_'+dic_id+']').show();
}
});
}
//應用產品
function creat_app_form(){
var select_pd_str='<div name="app_content"></div>';
$('#app_form').remove();
jQuery("<div/>", {id: "app_form"}).addClass('buty_app_overlay').appendTo("body");
$('#app_form').html(select_pd_str);
}
//顯示隱藏成分說明
function toggle_show_desc(dic_id){
var tp=$('#pd_detail_box').css('display');
if(tp!='block'){
if($('div[name=desc_'+dic_id+']').css('display')=='none'){
//$('#'+dic_id).find('div.s_desc').css('visibility','hidden');
$('#'+dic_id).find('div.s_desc').hide();
$('#'+dic_id).find('div.e_name').width('auto');
$('#'+dic_id).find('div.c_name').width('auto');
var e_width=$('#'+dic_id).find('div.e_name').width();
var c_width=$('#'+dic_id).find('div.c_name').width();
if(e_width<=150){ $('#'+dic_id).find('div.e_name').width('150px');}
if((e_width+c_width)>900){
$('#'+dic_id).find('div.e_name').width('480px');
$('#'+dic_id).find('div.c_name').width('350px;');
}
load_dic_desc(dic_id);
}else{
$('div[name=desc_'+dic_id+']').hide();
$('#'+dic_id).find('div.s_desc').show();
$('#'+dic_id).find('div.e_name').width('150px');
$('#'+dic_id).find('div.c_name').width('140px');
}
}
}
//新增字彙
function show_add_dic_word(){
$('#add_dic_word_form').remove();
jQuery("<div/>", {id: "add_dic_word_form"}).addClass('add_dic_word_overlay').appendTo("body");
$('#add_dic_word_form').html('<div id="add_dic_word_form_content"></div>');
var dic_str='<div style="float:left;">中文：<input type=text style="width:550px" name="new_cname"></div>';
dic_str+='<div style="float:left;">英文：<input type=text style="width:550px" name="new_ename"></div>';
dic_str+='<div style="float:left;">成分說明:<br><textarea style="width:600px;height:100px;" name="new_desc"></textarea></div>';
dic_str+='<div style="float:left;"><button name="add_dic_word_bt">新增成分</button></div>';
$('#add_dic_word_form_content').html(dic_str);
var add_dic_word_form=$('#add_dic_word_form').overlay({
expose: {color: '#333',loadSpeed: 200,opacity: 0.9},
oneInstance: true, api: true,
onBeforeLoad:function (){
}
});
add_dic_word_form.load();
$('button[name=add_dic_word_bt]').click(function (){
var c_name=$('input[name=new_cname]').val();
var e_name=$('input[name=new_ename]').val();
var new_desc=$('textarea[name=new_desc]').val();
var err=0;var err_str='';
if(c_name==''){err++;err_str+='請輸入中文名稱'+"\n";}
if(e_name==''){err++;err_str+='請輸入英文名稱'+"\n";}
if(new_desc==''){err++;err_str+='請輸入成分說明'+"\n";}
if(err==0){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'html',
data: {query_op:'add_dic_word',c_name:c_name,e_name:e_name,new_desc:new_desc },
complete :function(){},
success: function(rt){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',data: {query_op:'buty_dic_search',dic_id:rt,query_word:e_name },
complete :function(){},
success: function(rt){
dic_query_layout(rt);
}
});
add_dic_word_form.close();
}
});
}else{
alert(err_str);
}
});
}
//修改字彙
function show_mody_dic_word(dic_id){
$('#add_dic_word_form').remove();
jQuery("<div/>", {id: "add_dic_word_form"}).addClass('add_dic_word_overlay').appendTo("body");
$('#add_dic_word_form').html('<div id="add_dic_word_form_content"></div>');
var dic_str='<div style="float:left;">中文：<input type=text style="width:550px" name="new_cname"></div>';
dic_str+='<div style="float:left;">英文：<input type=text style="width:550px" name="new_ename"></div>';
dic_str+='<div style="float:left;">成分說明:<br><textarea style="width:600px;height:100px;" name="new_desc"></textarea></div>';
dic_str+='<div style="float:left;"><button name="modify_dic_word_bt">修改成分</button><button name="del_dic_word_bt">刪除成分</button></div>';
$('#add_dic_word_form_content').html(dic_str);
var add_dic_word_form=$('#add_dic_word_form').overlay({
expose: {color: '#333',loadSpeed: 200,opacity: 0.9},
oneInstance: true, api: true,
onBeforeLoad:function (){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'get_dic_word',dic_id:dic_id },
complete :function(){},
success: function(rt){
var rt=rt.results;
var e_name=rt[0].e_name;
var c_name=rt[0].c_name;
var desc=rt[0].desc;
$('input[name=new_cname]').val(c_name);
$('input[name=new_ename]').val(e_name);
$('textarea[name=new_desc]').val(desc);
}
});
}
});
add_dic_word_form.load();
//刪除
$('button[name=del_dic_word_bt]').click(function (){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'del_dic_word',dic_id:dic_id
},
complete :function(){},
success: function(rt){
load_rand_words();
add_dic_word_form.close();
}
});
});
//修改
$('button[name=modify_dic_word_bt]').click(function (){
var c_name=$('input[name=new_cname]').val();
var e_name=$('input[name=new_ename]').val();
var new_desc=$('textarea[name=new_desc]').val();
var err=0;var err_str='';
if(c_name==''){err++;err_str+='請輸入中文名稱'+"\n";}
if(e_name==''){err++;err_str+='請輸入英文名稱'+"\n";}
if(new_desc==''){err++;err_str+='請輸入成分說明'+"\n";}
if(err==0){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'modify_dic_word',dic_id:dic_id,c_name:c_name,e_name:e_name,new_desc:new_desc },
complete :function(){},
success: function(rt){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'buty_dic_search',dic_id:dic_id,query_word:e_name
},
complete :function(){},
success: function(rt){
dic_query_layout(rt);
}
});
add_dic_word_form.close();
}
});
}else{
alert(err_str);
}
});
}
// 字典搜尋結果輸出
function dic_query_layout(rt){
var count=rt.count;
var rst=rt.results;
var q_word=rt.q_word;
var dic_type=rt.dic_type;
var str='';
var mem_power=$.cookie('mem_power');
var amd_str='';
if(mem_power==9){
amd_str='<button name="add_dic_word">＋</button>';
}
str+='<div id="left_nil" class="dic_nil">&nbsp;</div>';
str+='<div id="right_nil" class="dic_nil">&nbsp;</div>';
if(count>0){
if(dic_type=='search'){
str=str+'<div class="dic_result dic_result_type" style="float:left;" >搜尋"'+q_word+'"的結果共：'+count+'筆符合'+amd_str+'</div>';
}
if(dic_type=='rand'){
str=str+'<div class="dic_result dic_result_type" style="float:left;" >隨機成分'+amd_str+'</div>';
}
for(var i=0;i<rst.length;i++){
var app_nums=0;
var full_e_name=rst[i].full_e_name;
var full_c_name=rst[i].full_c_name;
var dic_id=rst[i].dic_id;
var desc=rst[i].description;
var app_nums =rst[i].app_nums;
var href_str="http://www.google.com.tw/search?&lr=lang_zh-TW&hl=zh-TW&source=hp&q="+full_e_name;
str=str+'<div id="'+dic_id+'" class="dic_result_block">';
str=str+'<div class="dic_result">';
str=str+'<div class="e_name" title="'+full_e_name+'">'+full_e_name+'</div>';
str=str+'<div class="c_name" title="'+full_c_name+'">'+full_c_name+'</div>';
if(app_nums>0){ var s_width='450px';}else{
var s_width='490px';
}
str=str+'<div class="s_desc" style="width:'+s_width+'; " title="'+dic_id+'">'+desc+'</div>';
str=str+'<div style="margin-top:1px;float:right"><a href="'+href_str+'" target=_new > <img src="images/s_google.png" style="vertical-align:middle" width=23 height=23 title="google search"> </a></div>';
if(app_nums>0){
str=str+'<div class="buty_app" ref="'+dic_id+'" name="'+app_nums+'" style="float:right">&nbsp;</div> ';
}
if(mem_power==9){
str+='<button name="mody_dic_word" style="width:10px;float:right">E</button>';
}
str=str+'</div>';
str=str+'<div class="desc" name="desc_'+dic_id+'"></div>';
str=str+'</div>';
}
}
var blank_block='<div style="float:left;width:950px;height:50px;">&nbsp;</div>';
$('#buty_dic_result').html(str+blank_block);
//擊點展開
$('div.dic_result').click(function (){
var dic_id=$(this).parent().attr('id');
toggle_show_desc(dic_id);
});
$('button[name=mody_dic_word]').click(function (){
var dic_id=$(this).parent().parent().attr('id');
var mem_power=$.cookie('mem_power');
if(mem_power==9){ show_mody_dic_word(dic_id); }
});
//新增字典
$('button[name=add_dic_word]').click(function (){
var mem_power=$.cookie('mem_power');
if(mem_power==9){ show_add_dic_word(); }
});
//應用產品
$('div[class=buty_app]').click(function (){
$('#buty_dic_result div[class=desc]').each(function (){ $(this).hide();});
var dic_id=$(this).attr('ref');
var app_nums=$(this).attr('name');
creat_app_form();
var app_form=$('#app_form').overlay({
oneInstance: true,
closeOnClick:false,
api: true,expose: {color: '#3433fc',loadSpeed: 200,opacity: 0.9},
onBeforeLoad:function (){
//===================================================
$('#app_form').height('auto');
var idex=$('#app_form').css('z-index');
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'query_apply_product',
dic_id:dic_id
},
complete :function(){},
success: function(rt){
var total=rt.total;
var pd_str='';
if(total>0){
var rts=rt.result;
for(var i=0;i<rts.length;i++){
var pd_id=rts[i].pd_id;
var pd_name=rts[i].pd_name;
var con=rts[i].pd_con;
var price=rts[i].price;
var sale_code=rts[i].sale_code;
var video_file=rts[i].video_file;
var qty=rts[i].pd_stockqty;
pd_str=pd_str+'<div class="lc_div" style="border:1px solid #666666;">';
pd_str=pd_str+'<div class="thumb_div_a" id="'+pd_id+'">';
pd_str=pd_str+'';
pd_str=pd_str+'<img src="gallery/'+pd_id+'main.png" width="50" title="'+pd_id+'" rel="#pd_info" />';
pd_str=pd_str+'</div>';
pd_str=pd_str+'<div class="has_cmp_div" name="cmp_icon"><img src="images/button_2.png"></div>';
pd_str=pd_str+'<div class="ops_div">';
//購
pd_str=pd_str+'<div class="buy_bt buy_bt_S" name="buty_pd">&nbsp</div>';
if(video_file!='none'){
pd_str=pd_str+'<div name="pd_video" class="buy_bt video_bt_S" rel="div.overlay">&nbsp;</div>';
}
// pd_str=pd_str+'<div class="push_to_friend">推</div>';
pd_str=pd_str+'</div>'; //end ops_div
pd_str=pd_str+'<div class="info_div_a">'+pd_name+'<br>'+con+'&nbsp;'+price+'元</div>';
pd_str=pd_str+'</div>';
}
}
$('#app_form div[name=app_content]').html(pd_str);
$('.thumb_div_a').click(function (){
var id=$(this).attr('id');
fly_out_pd(id)
});
//購買
$('.ops_div div[name=buty_pd]').click(
function (event){
var pa=$(this).parent().parent();
var cr_class=pa.attr('class').split(' ').slice(-1);
var pd_id=pa.find(':first-child').attr('id');
add_to_cart(pd_id);
var moux=event.pageX+15;
var mouy=event.pageY+15;
$.cookie('moux',moux);
$.cookie('mouy',mouy);
}
);
}
});
//===================================================
}
});
app_form.load();
});
}
//搜尋字典
function buty_search(query_word) {
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'buty_dic_search',
query_word:query_word,
dic_id:''
},
complete :function(){},
success: function(rt){
dic_query_layout(rt);
}
});
}
function buty_search_b() {
var query_word=$('#buty_dic_query').val();
if(query_word.length>0){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'buty_dic_search',
query_word:query_word,
dic_id:''
},
complete :function(){},
success: function(rt){
dic_query_layout(rt);
}
});
}
}
//熱門搜尋
function load_hot_words(){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'load_hot_words'
},
complete :function(){},
success: function(rt){
var rts=rt.hot_words;
var h_str='<div style="float:left;;margin-right:5px;">熱門：</div>';
for(var i=0;i<rts.length;i++){
h_str=h_str+'<div class="hot_word_list" >'+rts[i]+'</div>';
}
$('#hot_query_words').html(h_str);
$('div.hot_word_list').click(
function (){
var q_word=$(this).text();
var panel=$("#buty_knows_menu").tabs().getCurrentPane().attr('id');
if(panel=="buty_dic"){ buty_search(q_word); }
if(panel=="buty_knows"){ knows_search_b(q_word); }
$('#buty_dic_query').val(q_word);
}
);
}
});
}
////隨機十篇知識
function list_rand_topic(){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'list_rand_topic' },
complete :function(){},
success: function(rt){
knows_list_layout(rt);
}
});
}
//隨機十個成分
function load_rand_words(){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'load_rand_words'
},
complete :function(){},
success: function(rt){
dic_query_layout(rt);
}
});
}
//載入查字典
function loading_buty_dic(){
var cc=$('#buty_dic').html();
if(cc==''){
var str='<div id="buty_dic_result" style="position:releative;float:left; ">';
$('#buty_dic').html(str);
load_rand_words();
}
load_hot_words();
}
function load_word(dic_id,q_word){
$('#buty_dic_query').val(q_word);
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'buty_dic_search',
dic_id:dic_id,
query_word:q_word
},
complete :function(){},
success: function(rt){
dic_query_layout(rt);
$.cookie('after_run','0');
$.cookie('run_fun','')
$.cookie('rdic_id','');
$.cookie('rdic_name','');
}
});
}
function rand ( n )
{
return ( Math.floor ( Math.random ( ) * n + 1 ) );
}
//載入隨機知識/ 成分
function load_rand_knows(){
var rwidth= ["540", "600", "660","500"];
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'load_rand_knows'
},
complete :function(){},
success: function(rt){
//===============================================================
var count=rt.count;
var rst=rt.results;
var books=rt.books;
var q_word=rt.q_word;
var str='';
if(count>0){
for(var i=0;i<rst.length;i++){
var tw=rand(3);
var full_e_name=rst[i].full_e_name;
var full_c_name=rst[i].full_c_name;
var dic_id=rst[i].dic_id;
var desc=rst[i].description;
str=str+'<div name="'+dic_id+'" class="kw_dic_result_block" style="width:'+rwidth[tw]+'px">';
str=str+'<div class="dic_tube kw_dic_result" name="dic" style="width:'+(rwidth[tw]-25)+'px">';
str=str+'<div class="kw_content" style="width:'+(rwidth[tw]-55)+'px" >'+full_e_name+full_c_name+desc+'</div>';
str=str+' </div>';
str=str+'<div class="tails"></div>';
str=str+'</div>';
}
for(var i=0;i<books.length;i++){
var tw=rand(3);
var book_art=books[i].book_art;
var book_id=books[i].book_id;
var art_con=books[i].art_con;
str=str+'<div name="'+book_id+'" class="kw_dic_result_block" style="width:'+rwidth[tw]+'px">';
str=str+'<div class="knows_tube kw_dic_result" name="knows" style="width:'+(rwidth[tw]-25)+'px">';
str=str+'<div class="kw_content" style="width:'+(rwidth[tw]-55)+'px" >【'+book_art+"】&nbsp;"+art_con+'</div>';
str=str+'</div>';
str=str+'<div class="tails"></div>';
str=str+'</div>';
}
}
$('#rand_knows_panel').html(str);
$('.kw_dic_result_block').hover(function (){
var fs=$(this).find('div:eq(0)').attr('name');
if(fs=='dic'){
$(this).find('div:eq(2)').css('background-image','url(images/butyknows/know_tail_o.png)');
$(this).find('div:eq(0)').css('background-image','url(images/butyknows/tube_o.png)');
}
if(fs=='knows'){
$(this).find('div:eq(2)').css('background-image','url(images/butyknows/know_tail_p.png)');
$(this).find('div:eq(0)').css('background-image','url(images/butyknows/tube_p.png)');
//var cc=$(this).find('div:eq(2)').attr('class');
//alert(cc);
}
},function (){
var fs=$(this).find('div:eq(0)').attr('name');
if(fs=='dic'){
$(this).find('div:eq(0)').css('background-image','url(images/butyknows/tube_oi.png)');
}
if(fs=='knows'){
$(this).find('div:eq(0)').css('background-image','url(images/butyknows/tube_pb.png)');
}
$(this).find('div:eq(2)').css('background-image','url(images/butyknows/know_tail_w.png)');
}
);
$('div.kw_dic_result').click(function (){
var kclass=$(this).attr('name');
if(kclass=='dic'){
var dic_id=$(this).parent().attr('name');
var q_word=$(this).find('div.e_name').text();
$.cookie('after_run','1');
$.cookie('run_fun','load_word');
$.cookie('rdic_id',dic_id);
$.cookie('rdic_name',q_word);
$("#buty_knows_sub_menu").tabs().click(2);
$("#buty_knows_menu").tabs().click(2);
}
if(kclass=='knows'){
var book_id=$(this).parent().attr('name');
$.cookie('after_run','1');
$.cookie('run_fun','load_knows');
$.cookie('book_id',book_id);
$('#buty_knows').html('');
$("#buty_knows_sub_menu").tabs().click(1);
$("#buty_knows_menu").tabs().click(1);
}
});
//===============================================================
}
});
}
// 愛美知識搜尋
function knows_search(){
var query_word=$('#buty_dic_query').val();
if(query_word.length>0){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'knows_search',
query_word:query_word
},
complete :function(){},
success: function(rt){
knows_list_layout(rt);
}
});
}
}
function knows_search_b(query_word){
$.ajax({
type: 'post',
url: 'modules/buty_dic.php',
dataType: 'json',
data: {query_op:'knows_search',
query_word:query_word
},
complete :function(){},
success: function(rt){
knows_list_layout(rt);
}
});
}
//切換搜尋
function bind_search(type){
if(type=='dic'){ var query_op='buty_dic_sugest';
$('button[name=search_dic_bt]').click(buty_search_b);
$('#buty_dic_query').keypress(function(e){
if(e.keyCode==13){ buty_search_b(); }
});
}
if(type=='knows'){ var query_op='buty_knows_sugest';
$('button[name=search_dic_bt]').click(knows_search );
$('#buty_dic_query').keypress(function(e){
if(e.keyCode==13){ knows_search(); }
});
}
//============================================================================
$("#buty_dic_query").autocomplete({
source: function(request, response) {
$.ajax({
url: "modules/buty_dic.php",
dataType: "json",
data: {
query_op:query_op,
maxRows: 12,
query_word: request.term
},
success: function(data) {
response($.map(data.results, function(item) {
return {
label: item.name ,
value: item.name
}
}))
}
})
},
minLength: 2,
select: function(event, ui) {
if(type=='dic'){ buty_search(this.value); }
if(type=='knows'){ knows_search_b(this.value); }
},
open: function() {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
},
close: function(event, ui) {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
if(type=='dic'){ buty_search(this.value); }
if(type=='knows'){ knows_search_b(this.value); }
}
});
//============================================================================
}
//愛美知識家初始化
function page_buty_knowledge_init(){
var tabs=['knowledge_buty','knowledge_skin','knowledge_dictionary'];
$('#page_buty_knowledge').load('modules/tpl/buty_knowledge_tpl.php',function (){
var buty_menu=$("#buty_knows_menu").tabs("div.buty_panel",{ effect: 'fade',onClick:function(index){
var panel=$("#buty_knows_menu").tabs().getCurrentPane().attr('id');
if(panel=='buty_dic'){
$('button[name=search_dic_bt]').text('查字典');
$('#buty_knows_search_form').show();
bind_search('dic');
var tc=$('#buty_dic').html();
if(tc==''){ loading_buty_dic(); }
if($.cookie('after_run')==1){
if($.cookie('run_fun')=='load_word'){
var dic_id=$.cookie('rdic_id');
var q_word=$.cookie('rdic_name');
var tb= buty_menu=$("#buty_knows_menu").tabs();
tb.click(2);
load_word(dic_id,q_word);
}
}
}
if(panel=='buty_knows'){
$('button[name=search_dic_bt]').text('找知識');
$('#buty_knows_search_form').show();
bind_search('knows');
var tc=$('#buty_knows').html();
if(tc==''){
loading_buty_knows();
}
if($.cookie('after_run')==1){
if($.cookie('run_fun')=='load_knows'){
var book_id=$.cookie('book_id');
load_knows(book_id);
}
}
}
if(panel=='buty_knows_home'){
$('#buty_knows_search_form').hide();
}
}});
var menu_div='buty_knows_sub_menu';
$("#"+menu_div).tabs("#"+menu_div+" div.cart_panel", {
tabs: 'img.cart_tabs',
effect: 'horizontal',onClick:function(index){
var idx=$("#"+menu_div).tabs().getIndex();
$("#buty_knows_menu").tabs().click(idx);
$("#"+menu_div+' .cart_tabs').each(function (){
var vid=$(this).attr('id');
$(this).attr('src','images/butyknows/'+vid+'_48a.png');
});
var cid=tabs[idx];
$('#'+cid).attr('src','images/butyknows/'+cid+'_48c.png');
}
}); //子選單 end
$("#"+menu_div+' img.cart_tabs').hover(function (){
var tab=$("#"+menu_div).tabs().getCurrentTab().attr('id');
var bid=$(this).attr('id');
if(tab!=bid){
$(this).attr('src','images/butyknows/'+bid+'_48b.png');
}
},function (){
var tab=$("#"+menu_div).tabs().getCurrentTab().attr('id');
var bid=$(this).attr('id');
if(tab!=bid){
$(this).attr('src','images/butyknows/'+bid+'_48a.png');
}
});
/*
$("#buty_knows_sub_menu").tabs("#buty_knows_sub_menu div.buty_knows_panel", {
tabs: 'button',current:'buty_knows_current',
effect: 'horizontal',onClick:function(index){
var idx=$("#buty_knows_sub_menu").tabs().getIndex();
$("#buty_knows_menu").tabs().click(idx);
}
});
*/
load_hot_words();
load_rand_knows();
if($.cookie('after_run')==1){
if($.cookie('run_fun')=='load_word'){
//$("#buty_knows_menu").tabs().click(2);
$("#buty_knows_sub_menu").tabs().click(2);
}
}
});
}