help with popups

Home ›

ASP.NET Forums » General ASP.NET » Client Side Web Development » help with popups

Shortcuts

Previous Next

Last post 07-21-2008 4:09 AM by Lance Zhang - MSFT. 5 replies.

Sort Posts:

help with popups

07-17-2008, 5:30 AM

Contact

19 point Member
tanya2001
Member since 10-15-2007, 12:24 PM
Posts 274

hi all

I have a ajax popup controller on my webform....in that pop up controller i have a linkbutton on clicking the link button another window should popup...it can be a dialogbox as well...

how do i do that?i think i can do it with javascript...but i dunno abt javascripts so can somebody help me do it plzz....how do i write a javascript on tht linkbutton which should pop up a message(message which i type) and still the popup controller ont he webform should remain it shouldnt go away

Re: help with popups

07-17-2008, 6:03 AM

Contact

Answer

2,777 point Contributor
sivakl_2001
Member since 01-11-2008, 8:13 AM
Kuala Lumpur, Phileo Damansara
Posts 792

hi friend u can use ModalPopupExtender

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx

http://www.asp.net/learn/ajax-videos/video-85.aspx

if u want to use javascript try like this

function showDiv()

{

var div = document.getElementById('myDiv');

div.style.position = "absolute";

div.style.visibility = "visible";

div.style.display = "block";

div.top = "50";

div.left = "50";

}

function closeDiv()

{

var div = document.getElementById('myDiv');

div.style.visibility = "hidden";

div.style.display = "none";

}

</script>

Pop up Div

<input type="button" value="Close" onclick="closeDiv()" />

</div>

<span style="color:blue; cursor:pointer" onclick="showDiv()" ><u>Click</u></span>

Re: help with popups

07-17-2008, 6:21 AM

Contact

19 point Member
tanya2001
Member since 10-15-2007, 12:24 PM
Posts 274

Pop up Div

<input type="button" value="Close" onclick="closeDiv()" />

</div>

<span style="color:blue; cursor:pointer" onclick="showDiv()" ><u>Click</u></span>

where do i give this code??

i mean when i click the imagebutton1 i want the window to pop up.....so where do i mention abt it

Re: help with popups

07-17-2008, 6:29 AM

Contact

19 point Member
tanya2001
Member since 10-15-2007, 12:24 PM
Posts 274

where do i give this code where should i write it can plz be more specific coz when i copied this on imagebutton it says shwDiv is not a member of default webform

Re: help with popups

07-17-2008, 9:06 AM

Contact

Answer

74,705 point All-Star
NC01
Member since 08-26-2005, 7:33 PM
Posts 13,868

Like this maybe?

return false;
}
// -->
</script>

NC...

Re: help with popups

07-21-2008, 4:09 AM

Contact

Answer

33,091 point All-Star
Lance Zhang - MSFT
Member since 05-25-2008, 10:44 PM
Posts 2,361

Hi tanya2001

If you want to show a pop up window, I suggest you to use a pop up DIV instead, it will be more cool and easy.

<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>

Also, if you want to open an html file as popup windows, the following link gives a wonderful solution to achieve:

DHTML Window widget (v1.1)
http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/

If I've misunderstood your problem, please feel free to let me know.

Thanks

Lance Zhang

Page 1 of 1 (6 items)

RSS Available