Hi ,

I want to change the CSSClass of message box as runtime.
From Code behind we have achieve this through

If AlertType = 1 Then
W_Alert.ContentStyleActive.CssClass = "AlertContent AlertSucessContent"
ElseIf AlertType = 2 Then
W_Alert.ContentStyleActive.CssClass = "AlertContent AlertOtherContent"
End If

where W_Alert is the EOweb message box control.

We want to do same through JS. However we could not find the approoiate property for the same. Hence we have done some wrokaround.

JS code

function CSSChange(flag) {

var el = document.getElementById("W_Alert_msg_bd");

var p = el.parentNode;
if (flag == 1)
el.parentNode.className = "AlertContent AlertSucessContent";
if (flag == 0)
el.parentNode.className = "AlertContent MsgboxContent";
if (flag == 2)
el.parentNode.className = "AlertContent AlertOtherContent";

}

All CSS classes contains background image as the property

e.g .AlertSucessContent
{
background-image: url('../Images/ico_success.png');
background-position:10px 10px;
background-repeat:no-repeat;
}

It works perfectly.Only problem is when user clicks outside the msgbox for the first time the background image disappers or the default class gets applied instead of dynamically rendered class.
This problem occurs for the first time only i.e if mssage box appears second time on the same page CSS class does not change even after mouse click.
Problem is only for alert through JS and not thorugh code behind.

Please help in this regard.



Thanks & Regards,
Vishakha Vaidya