Error Message Box..

Home ›

ASP.NET Forums » General ASP.NET » Client Side Web Development » Error Message Box..

Shortcuts

Previous Next

Last post 05-12-2008 10:27 PM by bubblesnout. 6 replies.

Sort Posts:

Error Message Box..

05-12-2008, 11:42 AM

Contact

274 point Member
srachuri
Member since 04-10-2008, 8:20 PM
Texas
Posts 550

hi frinds..

Page.ClientScript.RegisterStartupScript(this.GetType(), "myAlertBox", "alert('User not there.')", true);

Using this I displyed a popup message box on the scree when user is not there..

my question is i need to insert one button on the popup message box so that if click that it should close that window.. can anyone help me out

i need this one in ASP.NET

Thanks

Re: Error Message Box..

05-12-2008, 12:18 PM

Contact

4,089 point Contributor
TonyDong
Member since 02-01-2006, 6:30 PM
BC, Canada
Posts 802

You can try to use DIV to popup your message with close button to close that window.

Don't forget to click "Mark as Answer" on the post(s) that helped you.

Re: Error Message Box..

05-12-2008, 3:13 PM

Contact

274 point Member
srachuri
Member since 04-10-2008, 8:20 PM
Texas
Posts 550

Hi thanks for replying me back...

Can you give sample code for me in asp.net that will help me I think .

ASAP...

Thanks

Re: Error Message Box..

05-12-2008, 5:16 PM

Contact

Answer

4,089 point Contributor
TonyDong
Member since 02-01-2006, 6:30 PM
BC, Canada
Posts 802

just use visibility=hidden or display=none to hidden your div

<div id="divDetail">Close button here</div>

function divToggle(divID) {

if (document.getElementById(divID).style.display == 'none')

document.getElementById(divID).style.display = 'block';

else document.getElementById(divID).style.display = 'none';

}

</script>

Don't forget to click "Mark as Answer" on the post(s) that helped you.

Re: Error Message Box..

05-12-2008, 7:07 PM

Contact

Answer

1,037 point Participant
bubblesnout
Member since 08-08-2007, 6:54 PM
Posts 238

On your page:

Then just call the 'ConfirmClose()' javascript method however it seems necessary.

Re: Error Message Box..

05-12-2008, 10:05 PM

Contact

1,092 point Participant
blodfox777
Member since 07-12-2007, 12:30 PM
Posts 159

Hi this demo is more cool.

<html> 
<head> 
</head> 
<body> 
<a href="1.htm" onmouseover="sAlert('hello');" >Hi move here</a> 
<script type="text/javascript" language="javascript"> 
function sAlert(str){ 
   var msgw,msgh,bordercolor; 
   msgw=400;//Width
   msgh=100;//Height 
   titleheight=25 //title Height
   bordercolor="#336699";//boder color
   titlecolor="#99CCFF";//title color
  
   var sWidth,sHeight; 
   sWidth=document.body.offsetWidth; 
   sHeight=screen.height; 
   var bgObj=document.createElement("div"); 
   bgObj.setAttribute('id','bgDiv'); 
   bgObj.style.position="absolute"; 
   bgObj.style.top="0"; 
   bgObj.style.background="#777"; 
   bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; 
   bgObj.style.opacity="0.6"; 
   bgObj.style.left="0"; 
   bgObj.style.width=sWidth + "px"; 
   bgObj.style.height=sHeight + "px"; 
   bgObj.style.zIndex = "10000"; 
   document.body.appendChild(bgObj); 
    
   var msgObj=document.createElement("div") 
   msgObj.setAttribute("id","msgDiv"); 
   msgObj.setAttribute("align","center"); 
   msgObj.style.background="white"; 
   msgObj.style.border="1px solid " + bordercolor; 
   msgObj.style.position = "absolute"; 
   msgObj.style.left = "50%"; 
   msgObj.style.top = "50%"; 
   msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; 
   msgObj.style.marginLeft = "-225px" ; 
   msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"; 
   msgObj.style.width = msgw + "px"; 
   msgObj.style.height =msgh + "px"; 
   msgObj.style.textAlign = "center"; 
   msgObj.style.lineHeight ="25px"; 
   msgObj.style.zIndex = "10001"; 
    
   var title=document.createElement("h4"); 
   title.setAttribute("id","msgTitle"); 
   title.setAttribute("align","right"); 
   title.style.margin="0"; 
   title.style.padding="3px"; 
   title.style.background=bordercolor; 
   title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; 
   title.style.opacity="0.75"; 
   title.style.border="1px solid " + bordercolor; 
   title.style.height="18px"; 
   title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"; 
   title.style.color="white"; 
   title.style.cursor="pointer"; 
   title.innerHTML="Close"; 
   title.onclick=function(){ 
          document.body.removeChild(bgObj); 
          document.getElementById("msgDiv").removeChild(title); 
          document.body.removeChild(msgObj); 
        } 
   document.body.appendChild(msgObj); 
   document.getElementById("msgDiv").appendChild(title); 
   var txt=document.createElement("p"); 
   txt.style.margin="1em 0" 
   txt.setAttribute("id","msgTxt"); 
   txt.innerHTML=str; 
   document.getElementById("msgDiv").appendChild(txt); 
} 
</script> 
</body> 
</html>

Regards!

-- "Mark As Answer" If my reply helped you --

Re: Error Message Box..

05-12-2008, 10:27 PM

Contact

1,037 point Participant
bubblesnout
Member since 08-08-2007, 6:54 PM
Posts 238

That isn't really what he asked for though... And no offense, but that example is nowhere near as functional and nice as the 'Ajax Control Toolkit's 'ModalPopup' control, so you'd be crazy not to use that.

Page 1 of 1 (7 items)

RSS Available