socialforge/app/views/layouts/_base_feedback.html.erb

<style type="text/css">
	#scrollsidebar{ font-size:12px; font-family:"微软雅黑","宋体"; line-height:1.9; background:#F6F7F8; font-style:normal;}
    #scrollsidebar div,html,img,ul,li,p,body,h1,h2,h3,h4,p,a,table,tr,td,fieldset,input,span,ol{ }
    #scrollsidebar div,img,tr,td,table{ border:0;}
    #scrollsidebar ol,ul,li{ list-style-type:none}
    #scrollsidebar .cl{ clear:both; overflow:hidden; }
    #scrollsidebar a{ text-decoration:none;}

    html{ overflow-x:hidden;}
    .scrollsidebar{ position:fixed;bottom:1px; right:1px; background:none; }
    .side_content{width:154px; height:auto; overflow:hidden; float:left; }
    .side_content .side_list {width:154px;overflow:hidden;}
    .show_btn{ width:0; height:112px; overflow:hidden; float:left;margin-top: 200px; cursor:pointer;}
    .show_btn span { display:none;}
    .close_btn{width:24px;height:24px;cursor:pointer;}
    .side_title,.side_bottom,.close_btn,.show_btn {background:url(/images/sidebar_bg.png) no-repeat; }
    .side_title {height:35px;}
    .side_bottom { height:8px;}
    .side_center {font-family:Verdana, Geneva, sans-serif; padding:0px 12px; font-size:12px;}
    .close_btn { float:right; display:block; width:21px; height:16px; margin:9px 10px 0 0; _margin:16px 5px 0 0;}
    .close_btn span { display:none;}
    .side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
    .msgserver { margin:2px 0px 0px 4px; padding-top: 0px}
    .msgserver a { background:url(/images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}
    .opnionText{ width:122px; height:180px; border-color: #DFDFDF; background:#fff; color:#999; padding:3px; font-size:12px;}
    .opnionButton{ display:block; background:#15bccf; width:130px; height:23px; margin-top:5px; text-align:center; padding-top:3px;}
    .opnionButton:hover{background: #0fa9bb; }

/* blue skin as the default skin */
.side_title {background-position:-195px 0;}
.side_center {background:url(/images/blue_line.png) repeat-y center;}
.side_bottom {background-position:-195px -50px;}
 .close_btn {background-position:-44px 0;}
 .close_btn:hover {background-position:-66px 0;}
.show_btn {background-position:-119px 0;}
 .msgserver a {color:#15bccf; }
 .msgserver a:hover { text-decoration:underline; }
</style>
<script>
	/* =================================================
//
// jQuery Fixed Plugins 1.3.1
// author :
// Url:
// Data : 2012-03-30
//
// ???? : float --> ????[left or right]
//		  minStatue --> ??С???????show_btn
//		  skin      --> ???????
//		  durationTime --> ??????
//????  :
		  $("#scrollsidebar2").fix({
		  	float : 'right',	//default.left or right
			minStatue : true,	//default.false or true
			skin : 'green',		//default.gray or yellow ??blue ??green ??orange ??white
		  	durationTime : 1000 //
		  });
//
// =================================================*/

(function($){
    $.fn.fix = function(options){
        var defaults = {
            float : 'right',
			minStatue : true,
			skin : 'blue',
			durationTime : 1000
        }
        var options = $.extend(defaults, options);

        this.each(function(){
            //???????
			var thisBox = $(this),
				closeBtn = thisBox.find('.close_btn' ),
				show_btn = thisBox.find('.show_btn' ),
				sideContent = thisBox.find('.side_content'),
				sideList = thisBox.find('.side_list')
				;
			var defaultTop = thisBox.offset().top;	//????????top

			thisBox.css(options.float, 0);
			if(options.minStatue == "true"){
				$(".show_btn").css("float", options.float);
				sideContent.css('width', 0);
				show_btn.css('width', 25);

			}
			//close???
			closeBtn.bind("click",function(){
				sideContent.animate({width: '0px'},"fast");
            	show_btn.stop(true, true).delay(300).animate({ width: '25px'},"fast");
            	cookiesave('minStatue','true','','','');
			});
			//show???
			 show_btn.bind("click",function() {
	            $(this).animate({width: '0px'},"fast");
	            sideContent.stop(true, true).delay(200).animate({ width: '154px'},"fast");
	            cookiesave('minStatue','false','','','');
	        });



        });	//end this.each
    };
})(jQuery);


$(function(){
	$("#button1").click(function(){
		myTips("<%= l(:label_feedback_success) %>","success");
	});

})

function f_submit()
{
    $("#new_memo").submit();
}

function cookiesave(n, v, mins, dn, path)
{
    if(n)
    {
		
	    if(!mins) mins = 365 * 24 * 60;
		if(!path) path = "/";
	    var date = new Date();
		
	    date.setTime(date.getTime() + (mins * 60 * 1000));
		
	    var expires = "; expires=" + date.toGMTString();
		
	    if(dn) dn = "domain=" + dn + "; ";
	    document.cookie = n + "=" + v + expires + "; " + dn + "path=" + path;

    }
}
function cookieget(n)
{
    var name = n + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i<ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(name) == 0){
            return c.substring(name.length,c.length);}

	}
	return false;
}
</script>


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><%= l(:label_feedback) %></title>

</head>
<body style="height:auto" >
<!-- ?ú?? ???? -->
<div class="scrollsidebar" id="scrollsidebar" style="float: right">
    <div class="side_content">
        <div class="side_list">
            <div class="side_title"><a title="<%= l(:label_feedback) %>" class="close_btn"><span><%= l(:label_feedback) %></span></a></div>
            <div class="side_center">
                <div class="custom_service">
                  <% get_memo %>
				  <%= form_for(@new_memo, :url => create_feedback_forum_path(@public_forum)) do |f|  %>
         		    <%= f.text_area :subject, :class => "opnionText", :placeholder => l(:label_feedback_tips) %>
          			<%= f.hidden_field :content, :required => true , :value => l(:label_feedback_value) %>
		  			 <%#= f.submit :value => l(:label_memo_create), :class => "opnionButton", :id => "button1" %>
          			<a href="javascript:void(0);" class="opnionButton" style=" color:#fff;" id="" onclick="f_submit();"><%= l(:label_submit)%></a>
				  <% end %>   			   			                
                </div>                               
                <div class="msgserver">
                   	<a href="http://user.trustie.net/users/12/user_newfeedback" style="color: #15BCCF;"><%= l(:label_technical_support) %>黄井泉</a>
                    <a href="http://user.trustie.net/users/34/user_newfeedback" style="color: #15BCCF;"><%= l(:label_technical_support) %>白&nbsp;&nbsp;&nbsp;羽</a>
                </div>
            </div>
            <div class="side_bottom"></div>
        </div>
    </div>
    <div class="show_btn"><span><%= l(:label_submit)%></span></div>
</div>
<!-- ?ú?? ?á?? -->
<script type="text/javascript">
$(function() {
	$("#scrollsidebar").fix({
		float : 'right',	//default.left or right
		minStatue : cookieget('minStatue'),
		skin : 'green',	//default.gray or blue
		durationTime : 600
	});
});
</script>

</body>
</html>