- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了一个自定义日历控件,它在大多数情况下都运行良好。我的问题是,无论何时发布,控件都会消失,即使用户仍在悬停也是如此。我希望他们能够更改月份、日期等等,而 divCalendarDropDown
不会消失。有什么建议吗?
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DateTimePickerObject.ascx.cs" Inherits="DateTimePicker.DateTimePickerObject" %>
<script type="text/javascript">
var canHover = true;
var calendarControl = $(".calendarControl"), flip = $(".divCalendarDropDown"),
state = $.cookie("ToggleStatus");
function setCalendarVisibility(className) {
if (canHover) {
var dropDown = document.getElementById("divCalendarDropDown");
dropDown.className = className;
}
};
function OnClick_Calendar() {
var dropDown = document.getElementById("divCalendarDropDown");
if (dropDown.style.height >= 1) {
canHover = true;
dropDown.className = 'divHidden';
}
else {
canHover = false;
dropDown.className = 'divNormal';
};
};
</script>
<style type="text/css">
.textboxCalendar {
position: relative;
display: block;
width: 215px;
}
.imgCalendar {
position: absolute;
left: 225px;
top: 0px;
margin: 0px 5px 0px 4px;
height: 20px;
width: auto;
}
.imgCalendar:hover {
margin: 0px 7px 0px 4px;
height: 21px;
}
div {
float: left;
width: 250px;
top: 0px;
margin-top: -2px;
-webkit-transition:all ease-in-out 1s;
-moz-transition:all ease-in-out 1s;
-ms-transition:all ease-in-out 1s;
-o-transition:all ease-in-out 1s;
transition:all ease-in-out 1s;
border-collapse: separate;
}
div:hover {
}
.divNormal {
height: 0px;
overflow: visible;
}
.divHidden {
height: 0px;
overflow: hidden;
}
.calendar {
background-color: whitesmoke;
position: relative;
font-family: 'Segoe UI', Tahoma;
opacity: 1;
}
.calendar a {
font-weight: bolder;
}
.calendar th {
font-weight: bold;
color: #2C5A96;
}
.nextPrevStyle {
}
.dayHeaderStyle {
}
.dayStyle {
background-color: #E3ECF7;
}
.otherMonthDayStyle {
background-color: #fbfbfb;
}
.selectedDayStyle {
}
.titleStyle {
background-color: #E3ECF7;
}
.todayDayStyle {
background-color: #fbdf93;
}
.weekendDayStyle {
background-color: #c5d6f1;
}
.calendarControl {
position: relative;
z-index: 1;
height: auto;
width: 252px;
}
</style>
<div class="calendarControl">
<asp:TextBox runat="server" ID="textboxCalendar" onMouseOver="setCalendarVisibility('divNormal');" onMouseOut="setCalendarVisibility('divHidden');" onBlur="textboxCalendar_OnBlur()" ReadOnly="True" CssClass="textboxCalendar"></asp:TextBox>
<span id="spanCalendar" class="spanCalendar"><img id="imgCalendar" src="calendar.png" alt="Calendar" class="imgCalendar" onclick="OnClick_Calendar();"/></span>
<div id="divCalendarDropDown" onMouseOver="setCalendarVisibility('divNormal');" onMouseOut="setCalendarVisibility('divHidden');">
<asp:Calendar runat="server" ID="calendarMain" OnSelectionChanged="calendarMain_SelectionChanged" CssClass="calendar" NextPrevFormat="CustomText" NextMonthText=">>" PrevMonthText="<<" SelectionMode="Day" >
<NextPrevStyle CssClass="nextPrevStyle" />
<DayHeaderStyle CssClass="dayHeaderStyle" />
<DayStyle CssClass="dayStyle" />
<OtherMonthDayStyle CssClass="otherMonthDayStyle" />
<SelectedDayStyle CssClass="selectedDayStyle" />
<TitleStyle CssClass="titleStyle" />
<TodayDayStyle CssClass="todayDayStyle" />
<WeekendDayStyle CssClass="weekendDayStyle" />
</asp:Calendar>
</div>
</div>
最佳答案
我会把它放在评论中,但我现在还不能; )
我认为您不能使用 asp:Calendar 控件禁用回发到服务器,因此请尝试向您的 DIV“divCalendarDropDown”添加一个默认类 - 例如
<div id="divCalendarDropDown" class="divNormal" onMouseOver="setCalendarVisibility('divNormal');" onMouseOut="setCalendarVisibility('divHidden');">
如果这不起作用,我会尝试向该 DIV 添加另一个操作,例如 onload 上的 onblur - 例如
<div id="divCalendarDropDown" onload="setCalendarVisibility('divNormal');" onMouseOver="setCalendarVisibility('divNormal');" onMouseOut="setCalendarVisibility('divHidden');">
希望对您有所帮助! JM
关于c# - ASP 自定义日历控件在回发时消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23680538/
我有一个里面 在 GridView 中:
两个问题: 在回发时,当用户单击“提交”时,如何将错误消息添加到验证摘要中? 是否也可以使用内置的 .net 验证控件突出显示特定文本框? 最佳答案 动态创建 CustomValidator 控件并将
我的 Controller 用一个列表填充我的模型,该列表包含出现在我 View 中的 DropDownList 中的 strings。当 View 回发到我的 Controller 时,该列表突然为
我创建了两个输入框,并设置了 JavaScript,以便在达到最大长度时自动聚焦下一个框。它工作正常。但是当触发任何回发事件时,这些值变得清晰。我将 runat="server"放在输入框上,然后输入
我正在开发 asp.net 4.0(Web 表单),每当页面回发以验证凭据时,我都会在登录页面上遇到错误,它会显示以下错误。 Sys.WebForms.PageRequestManagerServer
我目前正在开发一个在 Sharepoint 中运行的 ASP.Net 网站。在解决问题之前,让我先给您一些背景信息。 我开发了 UserControl,然后将其添加为共享点页面上的 Web 部件。其中
我是一名优秀的程序员,十分优秀!