problème Ajax avec Internet explorer
Bonjour,
j'utilise depuis peu AJAX dans mes application asp.net, j'ai essayé d'utiliser le control : RoundedCornersExtender sur un Panel.
En fait, j'ai un bouton lorsque vous cliquez dessus j'affiche le panel s'il n'est pas déjà affiché sinon je le cache donc : j'ai le code suivant :
Code:
1 2 3 4 5 6 7 8 9
|
<td align ="right">
<ajaxtoolkit:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID="PanelNotif" Radius="8"> </ajaxtoolkit:RoundedCornersExtender>
<asp:Panel ID="PanelNotif" CssClass="panelHidden" runat="server">
<div align="center" style="padding-top: 11px">
<asp:LinkButton ID="LinkUpdate" runat="server" CssClass="linksHidden" Text="Update duration"></asp:LinkButton>
</div>
</asp:Panel>
</td> |
et dans mon bouton image :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
|
<img alt="text" src="images/feux/noNotifDuration.png" class="btImage" onclick="showPanelUpdate()"/>
<script type="text/javascript">
function showPanelUpdate() {
var panel = document.getElementById('PanelNotif');
var linkUpdate = document.getElementById('LinkUpdate');
if (panel.className == "panelHidden") {
panel.className = "panelVisible";
linkUpdate.className = "links";
}
else
panel.className = "panelHidden";
}
</script> |
Mon fichier CSS contient :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
.panelHidden
{
Width:150px;
Height:35px;
display:none;
}
.panelVisible
{
Width:150px;
Height:35px;
display:inline-block;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8.5pt;
background-color: White;
border: solid 1px orange;
} |
maintenant tout cela fonctionne tres bien sous Chrome et Firefox mais pas dutout Internet Explorer :@
sur IE il m'affiche juste le cadre du panel en orange mais pas le contenu du panel ni la couleur d’arrière plan donc le diplay fonctionne bien mais pas AJAX là ou il y'a le changement des bordures !!!
Merci pour votre aide