|
|
<style type="text/css">
|
|
|
#scrollsidebar{ font-size:12px; font-family:"微软雅黑","宋体"; line-height:1.9; background:#fff; 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;}
|
|
|
.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
|
|
|
.scrollsidebar{position:absolute; z-index:999; top:150px;}
|
|
|
.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; margin-top:50px; float:left; 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:46px;}
|
|
|
.side_bottom { height:8px;}
|
|
|
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
|
|
|
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 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:10px 0 4px 4px;}
|
|
|
.msgserver a { background:url(/images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}
|
|
|
.opnionText{ width:120px; height:180px; border-color:#cecece; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#999; padding:3px;}
|
|
|
a.opnionButton{ display:block; font-weight: bold; margin:-25px auto 0; text-align:center;}
|
|
|
a:hover.opnionButton{ text-decoration:underline;}
|
|
|
|
|
|
|
|
|
/* 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 : false,
|
|
|
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);
|
|
|
|
|
|
}
|
|
|
//???????
|
|
|
if(options.skin) thisBox.addClass('side_'+options.skin);
|
|
|
|
|
|
|
|
|
//????scroll???
|
|
|
$(window).bind("scroll",function(){
|
|
|
var offsetTop = defaultTop + $(window).scrollTop() + "px";
|
|
|
thisBox.animate({
|
|
|
top: offsetTop
|
|
|
},
|
|
|
{
|
|
|
duration: options.durationTime,
|
|
|
queue: false //???????????????????
|
|
|
});
|
|
|
});
|
|
|
//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("您的意见已经反馈到公共贴吧的新手讨论吧，我们会第一时间解决您的问题，谢谢支持！","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>意见反馈</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="意见反馈" 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 => "有什么想说的，尽管来咆哮吧~~"%>
|
|
|
<%= f.hidden_field :content, :required => true ,:value=>'该贴来自用户反馈！'%>
|
|
|
<%#= f.submit :value => l(:label_memo_create), :class => "opnionButton", :id => "button1" %>
|
|
|
<a href="javascript:void(0);" class="opnionButton" style=" color:#fd6e2a;" id="" onclick="f_submit();">提 交</a>
|
|
|
<% end %>
|
|
|
</div>
|
|
|
<div class="msgserver">
|
|
|
<p>
|
|
|
<a href="http://user.trustie.net/users/12/user_newfeedback" style="color: #15BCCF;"><%= l(:label_technical_support) %>黄井泉</a></br>
|
|
|
<a href="http://user.trustie.net/users/34/user_newfeedback" style="color: #15BCCF;"><%= l(:label_technical_support) %>白 羽</a>
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="side_bottom"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="show_btn"><span>提交</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> |
