ASP.NET linkbutton avoid click twice in iOS
ASP.NET linkbutton avoid click twice in iOS
HTML
<div id="menutech">
<div id="Toolbar_TechToolbar1_pnlIncidents" class="dropdown-menu">
Incidents / SR
<ul>
<li id="Toolbar_TechToolbar1_pnlNewIncidentsList" class="toplistitem ">
<a id="Toolbar_TechToolbar1_lnkNewIncidentsList" href="javascript:__doPostBack('ctl00$Toolbar$TechToolbar1$lnkNewIncidentsList','')">
<span>Nouveaux</span>
</a>
</li>
<li id="Toolbar_TechToolbar1_pnlOpenIncidentsList" class=" ">
<a id="Toolbar_TechToolbar1_lnkOpenIncidentsList" href="javascript:__doPostBack('ctl00$Toolbar$TechToolbar1$lnkOpenIncidentsList','')">
<span>Ouverts</span>
</a>
</li>
<li id="Toolbar_TechToolbar1_pnlMyIncidentsList" class=" ">
<a id="Toolbar_TechToolbar1_lnkMyIncidentsList" class="default" href="javascript:__doPostBack('ctl00$Toolbar$TechToolbar1$lnkMyIncidentsList','')">
<span>Mes incidents / SR</span>
</a>
</li>
<li id="Toolbar_TechToolbar1_pnlCreateIncident" class=" bottomlistitem">
<a id="Toolbar_TechToolbar1_lnkNewIncident" href="javascript:__doPostBack('ctl00$Toolbar$TechToolbar1$lnkNewIncident','')">
<span>Créer un incident / SR</span>
</a>
</li>
</ul>
</div>
</div>
CSS
/*
COLORS:
Green : #7BA400
Light Green : #E2EBC7
Title text highlight: #7CA501
Dark Blue : #004C85
Light Bleu : #71BADC
Very Light Bleu : #E0F0F7
Error panel background:#E9B7B7
Tooltip Yellow: #FFFFE1
Dark Gray: #3D3D3D
*/
/* STYLE RESET */
body, table, td, tr, h1, h2, h3, h4, div, span, li, ul, ol, input
{
padding:0px;
margin:0px;
border-collapse:collapse;
}
/* BODY GENERAL */
body
{
font-family:Trebuchet MS;
font-size:85%; /* Default size (16px) for Trebuchet MS is too big */
}
.body-margin
{
/* SI ON VEUT DES MARGES À DROITE ET À GAUCHE */
margin-top:0px;
margin-bottom:0px;
margin-right:30px;
margin-left:30px;
background-color:#004C85;
}
.body-content
{
padding:5px;
padding-top:2px;
color:#004C85;
background-color:#FFFFFF;
min-height:100%;
}
a:link, a:active, a:hover, a:visited {
color:#004d86;
}
a img {
border:0;
}
/* HEADER */
#header
{
padding-top:5px;
}
#header .header-content
{
width:100%;
}
#header .left
{
text-align:left;
}
#header .center
{
text-align:center;
}
#header .right
{
vertical-align:top;
text-align:right;
padding-right:3px;
}
/* Team Announcements Header */
.teamannouncement
{
margin-top:8px;
margin-left:50px;
margin-right:50px;
display:none;
}
.teamannouncement-table
{
padding:1px;
background-color:#FFFFE1;
width:100%;
}
.teamannouncement-table td
{
border:solid 2px #004C85;
border-collapse:collapse;
padding-left:3px;
padding-right:3px;
padding-top:5px;
}
.teamannouncement-teamname
{
font-weight:bold;
}
.teamannouncement-message
{
}
.teamannouncement-message p
{
margin:0px;
padding:0px;
}
/* MENU BAR */
.menubar
{
padding-top:4px;
padding-bottom:4px;
padding-right:2px;
padding-left:2px;
background-color: #71BADC;
font-weight:bold;
margin-top:8px;
margin-bottom:8px;
min-height:20px;
text-transform:uppercase;
...
JavaScript
require(['jquery'], function ($) {
$().ready(function () {
$("#menutech div.dropdown-menu").mouseover(openDropDown);
$("#menutech div.dropdown-menu").mouseout(closeDropDown);
});
function openDropDown() {
$(this).addClass("open");
$(this).children("ul").addClass("open");
}
function closeDropDown() {
$(this).removeClass("open");
$(this).children("ul").removeClass("open");
}
});