修改问题反馈弹框！
This commit is contained in:
parent
520e9c73aa
commit
84bfd30fc5
|
|
@ -1,49 +1,122 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<style type="text/css">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
body{ font-size:12px; font-family:"微软雅黑","宋体"; line-height:1.9; background:#fff; font-style:normal;}
|
||||||
<head>
|
div,html,img,ul,li,p,body,h1,h2,h3,h4,p,a,table,tr,td,fieldset,input,span,ol{ }
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
div,img,tr,td,table{ border:0;}
|
||||||
<title>意见反馈浮窗</title>
|
ol,ul,li{ list-style-type:none}
|
||||||
|
.cl{ clear:both; overflow:hidden; }
|
||||||
|
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; color:#fd6e2a; 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>
|
<script>
|
||||||
function mypostion(o){
|
/* =================================================
|
||||||
var width=$(window).width();
|
//
|
||||||
var height=$(window).height();
|
// jQuery Fixed Plugins 1.3.1
|
||||||
var divW=$(o).outerWidth();
|
// author :
|
||||||
var divH=$(o).outerHeight();
|
// Url:
|
||||||
var left=(width-divW)/2+$(window).scrollLeft();
|
// Data : 2012-03-30
|
||||||
var top=(height-divH)/2+$(window).scrollTop();
|
//
|
||||||
return {"left":left,"top":top};
|
// <20><><EFBFBD><EFBFBD> : float --> <20><><EFBFBD><EFBFBD>[left or right]
|
||||||
};
|
// minStatue --> <20><>С״̬<D7B4><CCAC>ֻ<EFBFBD><D6BB>show_btn
|
||||||
|
// skin --> Ƥ<><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||||
|
// durationTime --> <20><><EFBFBD>ʱ<EFBFBD><CAB1>
|
||||||
|
//<2F><><EFBFBD><EFBFBD> :
|
||||||
|
$("#scrollsidebar2").fix({
|
||||||
|
float : 'right', //default.left or right
|
||||||
|
minStatue : true, //default.false or true
|
||||||
|
skin : 'green', //default.gray or yellow <20><>blue <20><>green <20><>orange <20><>white
|
||||||
|
durationTime : 1000 //
|
||||||
|
});
|
||||||
|
//
|
||||||
|
// =================================================*/
|
||||||
|
|
||||||
function myTips(msg,status){
|
(function($){
|
||||||
if(status!="success" && status!="error"){status="error";};
|
$.fn.fix = function(options){
|
||||||
if (status=="success") {
|
var defaults = {
|
||||||
$("body").append('<div class="ui-mask" id="ui-mask"></div><div class="change_success" id="change_success"><!--span class="send_close" onclick="$(this).parent().remove();$("#ui-mask").remove();"></span--><i></i>'+msg+'</div>');
|
float : 'left',
|
||||||
var my=mypostion("#change_success");
|
minStatue : false,
|
||||||
$("#change_success").css({"position":"absolute","z-index":"9999999","top":my.top+"px","left":my.left+"px"});
|
skin : 'blue',
|
||||||
$("#ui-mask").show();
|
durationTime : 1000
|
||||||
$("#change_success").show();
|
}
|
||||||
setTimeout(function(){
|
var options = $.extend(defaults, options);
|
||||||
$("#change_success,#ui-mask").fadeOut("slow",function(){
|
|
||||||
$("#ui-mask").remove();
|
this.each(function(){
|
||||||
$("#change_success").remove();
|
//<2F><>ȡ<EFBFBD><C8A1><EFBFBD><EFBFBD>
|
||||||
|
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; //<2F><><EFBFBD><EFBFBD><EFBFBD>Ĭ<EFBFBD><C4AC>top
|
||||||
|
|
||||||
|
thisBox.css(options.float, 0);
|
||||||
|
if(options.minStatue){
|
||||||
|
$(".show_btn").css("float", options.float);
|
||||||
|
sideContent.css('width', 0);
|
||||||
|
show_btn.css('width', 25);
|
||||||
|
|
||||||
|
}
|
||||||
|
//Ƥ<><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||||
|
if(options.skin) thisBox.addClass('side_'+options.skin);
|
||||||
|
|
||||||
|
|
||||||
|
//<2F><><EFBFBD><EFBFBD>scroll<6C>¼<EFBFBD>
|
||||||
|
$(window).bind("scroll",function(){
|
||||||
|
var offsetTop = defaultTop + $(window).scrollTop() + "px";
|
||||||
|
thisBox.animate({
|
||||||
|
top: offsetTop
|
||||||
|
},
|
||||||
|
{
|
||||||
|
duration: options.durationTime,
|
||||||
|
queue: false //<2F>˶<EFBFBD><CBB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>붯<EFBFBD><EBB6AF><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||||
|
});
|
||||||
|
});
|
||||||
|
//close<73>¼<EFBFBD>
|
||||||
|
closeBtn.bind("click",function(){
|
||||||
|
sideContent.animate({width: '0px'},"fast");
|
||||||
|
show_btn.stop(true, true).delay(300).animate({ width: '25px'},"fast");
|
||||||
});
|
});
|
||||||
},2500);
|
//show<6F>¼<EFBFBD>
|
||||||
}
|
show_btn.click(function() {
|
||||||
else{
|
$(this).animate({width: '0px'},"fast");
|
||||||
$("body").append('<div class="ui-mask" id="ui-mask"></div><div class="change_error" id="change_error"><!--span class="send_close" onclick="$(this).parent().remove();$("#ui-mask").remove();"></span--><i></i>'+msg+'</div>');
|
sideContent.stop(true, true).delay(200).animate({ width: '154px'},"fast");
|
||||||
var my=mypostion("#change_error");
|
});
|
||||||
$("#change_error").css({"position":"absolute","z-index":"9999999","top":my.top+"px","left":my.left+"px"});
|
|
||||||
$("#ui-mask").show();
|
}); //end this.each
|
||||||
$("#change_error").show();
|
|
||||||
setTimeout(function(){
|
};
|
||||||
$("#change_error,#ui-mask").fadeOut("slow",function(){
|
})(jQuery);
|
||||||
$("#ui-mask").remove();
|
|
||||||
$("#change_error").remove();
|
|
||||||
});
|
|
||||||
},1000);
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
$(function(){
|
$(function(){
|
||||||
|
|
@ -59,92 +132,54 @@ function f_submit()
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style type="text/css">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
/*浮窗*/
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
/*body{ height:3000px; font-family:'微软雅黑';}*/
|
<head>
|
||||||
/*div,ul,li,body,h3,p{margin:0; padding:0;}*/
|
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
|
||||||
#roll a{ text-decoration:none;}
|
<title>意见反馈</title>
|
||||||
#roll{ background:url(/images/f_opnion.jpg) 0 0 no-repeat;width:157px; height:332px; position:absolute;}
|
<link href="css/sidebar.css" rel="stylesheet" type="text/css" />
|
||||||
.opnionBox{ width: 130px; height:146px; margin:76px auto 20px; }
|
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
|
||||||
.opnionText{ width: 120px !important; height:130px; outline:none; border:none !important;padding: 0 5px !important; color: #03a8bb;line-height:1.5; font-size:12px; }
|
<script type="text/javascript" src="js/sidebar.js"></script>
|
||||||
a.opnionButton{ width:40px; height:20px; display:block; margin:0 auto;font-size:14px; color:#fd6e2a; font-weight: bold; }
|
|
||||||
a:hover.opnionButton{ text-decoration:underline;}
|
|
||||||
.opnionCall{ color:#03a8bb; font-size:12px; width:105px; margin:0 auto;}
|
|
||||||
.opnionCall .tectitle{ font-size:14px; alignment-adjust: central; color:#03a8bb; margin-bottom:8px,}
|
|
||||||
/*提示框*/
|
|
||||||
.ui-mask{background-color:#000;opacity:0.5;filter:alpha(opacity=50);width:100%;height:100%;position:fixed;_position:absolute;left:0;top:0;z-index:9999998;display:none;}
|
|
||||||
.change_success{
|
|
||||||
display:block;
|
|
||||||
height:60px;
|
|
||||||
width:300px;
|
|
||||||
line-height:1.9;
|
|
||||||
font-size:14px;
|
|
||||||
font-weight:500;
|
|
||||||
background:#fff;
|
|
||||||
color:#1395a4;
|
|
||||||
border:5px solid #1395a4;
|
|
||||||
font-size:14px;
|
|
||||||
padding:30px 20px;
|
|
||||||
position: absolute;
|
|
||||||
_position: absolute;
|
|
||||||
left:0;
|
|
||||||
top:0;
|
|
||||||
z-index:9999999;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
<body style="height:auto">
|
||||||
<body>
|
<!-- ´úÂë ¿ªÊ¼ -->
|
||||||
<div id="roll">
|
<div class="scrollsidebar" id="scrollsidebar">
|
||||||
<div class="opnionBox">
|
<div class="side_content">
|
||||||
|
<div class="side_list">
|
||||||
<% get_memo %>
|
<div class="side_title"><a title="意见反馈" class="close_btn"><span><%= l(:label_feedback) %></span></a></div>
|
||||||
<%= form_for(@new_memo, :url => create_feedback_forum_path(@public_forum)) do |f| %>
|
<div class="side_center">
|
||||||
<div class="actions" style="max-width:680px;">
|
<div class="custom_service">
|
||||||
<p style="margin:0; padding:0;">
|
<% get_memo %>
|
||||||
<%= f.text_area :subject, :class => "opnionText",:placeholder => "有什么想说的，尽管来咆哮吧~~"%>
|
<%= form_for(@new_memo, :url => create_feedback_forum_path(@public_forum)) do |f| %>
|
||||||
</p>
|
<%= f.text_area :subject, :class => "opnionText",:placeholder => "有什么想说的，尽管来咆哮吧~~"%>
|
||||||
<p style="margin:0; padding:0;">
|
<%= f.hidden_field :content, :required => true ,:value=>'该贴来自用户反馈！'%>
|
||||||
<%= f.hidden_field :content, :required => true ,:value=>'该贴来自用户反馈！'%>
|
<%#= f.submit :value => l(:label_memo_create), :class => "opnionButton", :id => "button1" %>
|
||||||
</p>
|
<a href="javascript:void(0);" class="opnionButton" id="" onclick="f_submit();">提 交</a>
|
||||||
<%#= f.submit :value => l(:label_memo_create), :class => "opnionButton", :id => "button1" %>
|
<% end %>
|
||||||
<a href="javascript:void(0);" class="opnionButton" id="" onclick="f_submit();">提 交</a>
|
</div>
|
||||||
<% end %>
|
<div class="msgserver">
|
||||||
</div>
|
<p>
|
||||||
|
<a href="http://user.trustie.net/users/12/user_newfeedback"><%= l(:label_technical_support) %>黄井泉</a></br>
|
||||||
|
<a href="http://user.trustie.net/users/34/user_newfeedback"><%= l(:label_technical_support) %>白 羽</a>
|
||||||
</form>
|
</p>
|
||||||
<div class="clear"></div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="side_bottom"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="show_btn"><span>提交</span></div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- ´úÂë ½áÊø -->
|
||||||
<div class="opnionCall">
|
<script type="text/javascript">
|
||||||
<div class="tectitle">技术支持：</div>
|
$(function() {
|
||||||
<p style="margin:0; padding:0;" ><%= l(:label_course_adcolick) %><a href="http://user.trustie.net/users/12/user_newfeedback">黄井泉</a><br>
|
$("#scrollsidebar").fix({
|
||||||
<%= l(:label_course_adcolick) %><a href="http://user.trustie.net/users/34/user_newfeedback">白羽</a></p>
|
float : 'right', //default.left or right
|
||||||
</div>
|
//minStatue : true,
|
||||||
|
skin : 'green', //default.gray or blue
|
||||||
</div>
|
durationTime : 600
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
<script>
|
|
||||||
var roll=document.getElementById('roll'),
|
|
||||||
initX=0,
|
|
||||||
initY,
|
|
||||||
compY,
|
|
||||||
sp=15,
|
|
||||||
//可调整时间间隔，步进值不宜过大，不然IE下有点闪屏；
|
|
||||||
timeGap=5,
|
|
||||||
doc=document.documentElement,
|
|
||||||
docBody=document.body;
|
|
||||||
compY=initY=100;
|
|
||||||
roll.style.right=initX+"px";
|
|
||||||
;(function(){
|
|
||||||
var curScrollTop=(doc.scrollTop||docBody.scrollTop||0)-(doc.clientTop||docBody.clientTop||0);
|
|
||||||
//每次comP的值都不一样；直到roll.style.top===doc.scrollTop+initY；
|
|
||||||
compY+=(curScrollTop+initY-compY)/sp;
|
|
||||||
roll.style.top=Math.ceil(compY)+"px";
|
|
||||||
setTimeout(arguments.callee,timeGap);
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
@ -2282,4 +2282,5 @@ zh:
|
||||||
label_answer: 答案：
|
label_answer: 答案：
|
||||||
label_poll_answer_valid_result: 以上为有效问答题答案！
|
label_poll_answer_valid_result: 以上为有效问答题答案！
|
||||||
label_answer_total: 总计：
|
label_answer_total: 总计：
|
||||||
|
label_technical_support: 技术支持：
|
||||||
|
label_feedback: 意见反馈
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
Loading…
Reference in New Issue