0
캘린더에 이벤트별로 툴팁을 표시하는 스크립트에 문제가 있습니다. 파이어 폭스와 사파리에서 일하지 마십시오. 왜? 누군가 나를 도울 수 있습니까?자바 스크립트 캘린더 onmouseover
<tr>
<td class="" valign="top"><div WebPartID="64596a6f-6d15-4eac-92b9-df6bc836d31d" HasPers="false" id="WebPartctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d" width="100%" class="ms-WPBody noindex ms-wpContentDivSpace" allowDelete="false" allowExport="false" style="" >
<div id="ctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d">
<div id="ctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d_uPanel">
<table id="ctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d_cln" class="cld" cellspacing="0" cellpadding="2" Title="" border="0" style="border-width:1px;border-style:solid;border-collapse:collapse;">
<tr>
<td colspan="7" style="background-color:Silver;">
<table class="cld_title" cellspacing="0" border="0" style="width:100%;border-collapse:collapse;">
<tr>
<td class="cld_nextPrev" style="width:15%;">
<a href="javascript:__doPostBack('ctl00$m$g_64596a6f_6d15_4eac_92b9_df6bc836d31d$cln','V4900')" style="color:Black" title="Go to the previous month"><span title='Ir para o mês anterior'><</span></a></td>
<td align="center" style="width:70%;">julho de 2013</td><td class="cld_nextPrev" align="right" style="width:15%;">
<a href="javascript:__doPostBack('ctl00$m$g_64596a6f_6d15_4eac_92b9_df6bc836d31d$cln','V4961')" style="color:Black" title="Go to the next month"><span title='Ir para o próximo mês'>></span></a></td></tr>
</table></td></tr><tr>
<th class="cld_weekDayName" align="center" abbr="domingo" scope="col">dom</th>
<th class="cld_weekDayName" align="center" abbr="segunda-feira" scope="col">seg</th>
<th class="cld_weekDayName" align="center" abbr="terça-feira" scope="col">ter</th>
<th class="cld_weekDayName" align="center" abbr="quarta-feira" scope="col">qua</th>
<th class="cld_weekDayName" align="center" abbr="quinta-feira" scope="col">qui</th>
<th class="cld_weekDayName" align="center" abbr="sexta-feira" scope="col">sex</th>
<th class="cld_weekDayName" align="center" abbr="sábado" scope="col">sáb</th></tr>
<tr>
<td class="cld_otherMonth" align="center" style="width:14%;">30</td>
<td class="cld_day" align="center" style="width:14%;">1</td>
<td class="cld_day" align="center" style="width:14%;">2</td>
<td class="cld_today" align="center" style="width:14%;">3</td>
<td class="cld_day" align="center" style="width:14%;">4</td>
<td class="cld_day" align="center" style="width:14%;">5</td>
<td class="cld_weekendDay" align="center" style="width:14%;">6</td>
</tr>
<tr>
<td class="cld_weekendDay" align="center" style="width:14%;">7</td>
<td class="cld_day" align="center" style="width:14%;">8</td>
<td class="cld_day" align="center" style="width:14%;">9</td>
<td class="cld_day" align="center" style="width:14%;">10</td>
<td class="cld_day" align="center" style="width:14%;">11</td>
<td class="cld_day" align="center" style="width:14%;">12</td>
<td class="cld_weekendDay" align="center" style="width:14%;">13</td>
</tr>
<tr>
<td class="cld_weekendDay" align="center" style="width:14%;">14</td>
<td class="cld_day" align="center" style="width:14%;">15</td>
<td class="cld_day" align="center" style="width:14%;">16</td>
<td class="cld_day" align="center" style="width:14%;">17</td>
<td class="cld_day" align="center" style="width:14%;">18</td>
<td class="cld_selected" align="center" ***onmouseover="showMessage***(event,'<font style="font-size:8pt;"><b>12:00</b></font> - Pagamento de Benefícios </br>');" onmouseout="hideMessage();" onclick="location.replace('http://www.banesprev.com.br/SitePages/Eventos.aspx?day=19&month=7&year=2013')" style="color:White;background-color:Silver;width:14%;">19</td>
<td class="cld_weekendDay" align="center" style="width:14%;">20</td>
</tr>
<tr>
<td class="cld_weekendDay" align="center" style="width:14%;">21</td>
<td class="cld_day" align="center" style="width:14%;">22</td>
<td class="cld_day" align="center" style="width:14%;">23</td>
<td class="cld_day" align="center" style="width:14%;">24</td>
<td class="cld_day" align="center" style="width:14%;">25</td>
<td class="cld_day" align="center" style="width:14%;">26</td>
<td class="cld_weekendDay" align="center" style="width:14%;">27</td>
</tr>
<tr>
<td class="cld_weekendDay" align="center" style="width:14%;">28</td>
<td class="cld_day" align="center" style="width:14%;">29</td>
<td class="cld_day" align="center" style="width:14%;">30</td>
<td class="cld_day" align="center" style="width:14%;">31</td>
<td class="cld_otherMonth" align="center" style="width:14%;">1</td>
<td class="cld_otherMonth" align="center" style="width:14%;">2</td>
<td class="cld_otherMonth" align="center" style="width:14%;">3</td>
</tr>
<tr>
<td class="cld_otherMonth" align="center" style="width:14%;">4</td>
<td class="cld_otherMonth" align="center" style="width:14%;">5</td>
<td class="cld_otherMonth" align="center" style="width:14%;">6</td>
<td class="cld_otherMonth" align="center" style="width:14%;">7</td>
<td class="cld_otherMonth" align="center" style="width:14%;">8</td>
<td class="cld_otherMonth" align="center" style="width:14%;">9</td>
<td class="cld_otherMonth" align="center" style="width:14%;">10</td>
</tr>
</table>
<div id="ctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d_dv_message" style="display:none;position:fixed;">
<table id='ctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d_bTip' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td style='font-size:0px !important;'>
<img src='/_layouts/Helper/balloon/top_left.png' width='34' height='32' alt=''></td>
<td style='background:url(/_layouts/Helper/balloon/top.png);font-size:0px !important; background-repeat:repeat-x; vertical-align:bottom !important;' v-align='bottom' height='32'><img src='/_layouts/Helper/balloon/callout.png'/></td>
<td style='font-size:0px !important;'><img src='/_layouts/Helper/balloon/top_right.png' width='34' height='32' alt=''></td>
</tr>
<tr>
<td style='background:url(/_layouts/Helper/balloon/left.png); background-repeat:repeat-y' width='34'></td>
<td style='background:url(/_layouts/Helper/balloon/content.png);font-size:10pt;' id='ctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d_bTip_content'></td>
<td style='background:url(/_layouts/Helper/balloon/right.png); background-repeat:repeat-y' width='34'></td>
</tr>
<tr>
<td><img src='/_layouts/Helper/balloon/bottom_left.png' width='34' height='34' alt=''></td><td style='background:url(/_layouts/Helper/balloon/bottom.png); background-repeat:repeat-x'></td>
<td><img src='/_layouts/Helper/balloon/bottom_right.png' width='34' height='34' alt=''></td>
</tr>
</table>
</div>
</div>
</div></div></td>
</tr>
다음은 whem onmouseover라고하는 javascript 코드입니다.
function showMessage(event, message){
var x = window.document.getElementById('ctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d_dv_message');
x.style.top = ''+(event.clientY + 10)+'px';
x.style.left = ''+(event.clientX - 25)+'px';
x.style.display = 'block';
if (navigator.userAgent.toLowerCase().indexOf('safari') > -1 && navigator.userAgent.toLowerCase().indexOf('chrome') == -1)
{
x.style.position = 'absolute';
x.style.top = event.clientY + '2px';
x.style.display = 'block';
}
var balloon = window.document.getElementById('ctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d_bTip_content');
balloon.innerHTML = message;
}
function hideMessage(){
window.document.getElementById('ctl00_m_g_64596a6f_6d15_4eac_92b9_df6bc836d31d_dv_message').style.display = 'none';
}
캘린더에 이벤트별로 툴팁을 표시하는 스크립트에 문제가 있습니다. 파이어 폭스와 사파리에서 일하지 마십시오. 왜? 누군가 나를 도울 수 있습니까? GET 메시지
내 코드 : 나는 또한 주변에 값을 전달하고, 적은 코드의 모든 것을보다 동적 있도록 angular.js 서비스를 사용하는 것이 좋습니다 것입니다
private string getMessage(DateTime date)
{
var events = from evts in _events
where evts.Start.Day == date.Day && evts.Start.Month == date.Month && evts.Start.Year == date.Year
select evts;
StringBuilder sb = new StringBuilder();
foreach (var evt in events)
sb.AppendFormat("<font style=\"font-size:8pt;\"><b>{0:HH:mm}</b></font> - {1}</br>", evt.Start, evt.Title);
string sOutput = sb.ToString();
return string.IsNullOrEmpty(sOutput) ? "Não há eventos para este dia." : sOutput;
}
리턴 오류 .. 에서 onmouseover = "showMessage (event, '< font style = " font-size : 8pt; "> < B> 18시 </b>을 </FONT> - Evento2 </BR> '); " –
나는 코드 GetMessage 함수 내 게시물을 편집 당신이 나를 도와 @moob 탱크 –
귀하의 GetMessage 함수 방법의 일부가 아닙니다.? 문제는 무엇입니까? 작업 예제 [link] (http://jsbin.com/ecovoj/1/edit)를 보았습니까? 마우스 오버시 이벤트 객체를 전달하고 showMessage 함수를 업데이트하여 수신해야합니다. .! – Moob