Skip to content

Instantly share code, notes, and snippets.

@Truesun
Created April 3, 2012 09:09
Show Gist options
  • Select an option

  • Save Truesun/2290583 to your computer and use it in GitHub Desktop.

Select an option

Save Truesun/2290583 to your computer and use it in GitHub Desktop.
jquery & YUI
YUI
//按鈕切換
Y.one('#fc_face').on("click",function(){//切換表情
Y.one('#message').focus();
Y.one('#fc_face').addClass('btnSubmitUI_s');
Y.one('#fc_face').removeClass('btnCancelUI_s');
Y.one('#fc_number').removeClass('btnSubmitUI_s').addClass('btnCancelUI_s');
Y.one('#fc_more').removeClass('btnSubmitUI_s').addClass('btnCancelUI_s');
Y.one('#fc_faceList').show();
Y.one('#fc_numberList').hide();
Y.one('#fc_moreList').hide();
});
Y.one('#fc_number').on("click",function(){//切換數字
Y.one('#message').focus();
Y.one('#fc_number').addClass('btnSubmitUI_s');
Y.one('#fc_number').removeClass('btnCancelUI_s');
Y.one('#fc_face').removeClass('btnSubmitUI_s').addClass('btnCancelUI_s');
Y.one('#fc_more').removeClass('btnSubmitUI_s').addClass('btnCancelUI_s');
Y.one('#fc_faceList').hide();
Y.one('#fc_numberList').show();
Y.one('#fc_moreList').hide();
});
Y.one('#fc_more').on("click",function(){//切換更多
Y.one('#message').focus();
Y.one('#fc_more').addClass('btnSubmitUI_s');
Y.one('#fc_more').removeClass('btnCancelUI_s');
Y.one('#fc_face').removeClass('btnSubmitUI_s').addClass('btnCancelUI_s');
Y.one('#fc_number').removeClass('btnSubmitUI_s').addClass('btnCancelUI_s');
Y.one('#fc_faceList').hide();
Y.one('#fc_numberList').hide();
Y.one('#fc_moreList').show();
});
-----------------------------------------------------------------
jQuery
/*3月2X號作的版本吧....*/
/*$jq("#fc_face").click(function(){//切換表情
$jq(this).addClass("btnSubmitUI_s");
$jq(this).removeClass("btnCancelUI_s");
$jq("#fc_number").removeClass("btnSubmitUI_s").addClass("btnCancelUI_s");
$jq("#fc_more").removeClass("btnSubmitUI_s").addClass("btnCancelUI_s");
$jq("#fc_faceList").show();
$jq("#fc_numberList").hide();
$jq("#fc_moreList").hide();
});
$jq("#fc_number").click(function(){//切換數字
$jq(this).addClass("btnSubmitUI_s");
$jq(this).removeClass("btnCancelUI_s");
$jq("#fc_face").removeClass("btnSubmitUI_s").addClass("btnCancelUI_s");
$jq("#fc_more").removeClass("btnSubmitUI_s").addClass("btnCancelUI_s");
$jq("#fc_faceList").hide();
$jq("#fc_numberList").show();
$jq("#fc_moreList").hide();
});
$jq("#fc_more").click(function(){//切換更多
$jq(this).addClass("btnSubmitUI_s");
$jq(this).removeClass("btnCancelUI_s");
$jq("#fc_face").removeClass("btnSubmitUI_s").addClass("btnCancelUI_s");
$jq("#fc_number").removeClass("btnSubmitUI_s").addClass("btnCancelUI_s");
$jq("#fc_faceList").hide();
$jq("#fc_numberList").hide();
$jq("#fc_moreList").show();
});
@Truesun
Copy link
Copy Markdown
Author

Truesun commented Apr 3, 2012

    /*3/27號作的版本
    $jq("#fc_faceList,#fc_numberList,#fc_moreList").hide();
    $jq("#btnList").find("div").click(function(){
        $jq("#btnList div").removeClass("btnSubmitUI_s").addClass("btnCancelUI_s");
        $jq(this).addClass("btnSubmitUI_s").removeClass("btnCancelUI_s")
        });
    $jq("#fc_face").click(function(){
        $jq("#fc_faceList").show();
        $jq("#fc_numberList,#fc_moreList").hide();
        });
    $jq("#fc_number").click(function(){
        $jq("#fc_numberList").show();
        $jq("#fc_faceList,#fc_moreList").hide();
        });
    $jq("#fc_more").click(function(){
        $jq("#fc_moreList").show();
        $jq("#fc_faceList,#fc_numberList").hide();
        });
    */

@Truesun
Copy link
Copy Markdown
Author

Truesun commented Apr 3, 2012

    /*3/29號版本*/
    $jq("#btnList div").on("click",function(){
        $jq(this).addClass("btnSubmitUI_s").removeClass("btnCancelUI_s");
        });

    $jq("#fc_face").on("click",function(event){
            $jq("#fc_faceList").show();
            $jq("#fc_numberList,#fc_moreList").hide();
        });
    $jq("#fc_number").on("click",function(event){
            $jq("#fc_numberList").show();
            $jq("#fc_faceList,#fc_moreList").hide();
        });
    $jq("#fc_more").on("click",function(event){
            $jq("#fc_moreList").show();
            $jq("#fc_faceList,#fc_numberList").hide();
        });

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment