I have a very small requirement which requires use of jQuery. Actually in one my sample applications I want to show a message when the home page is opened, by blocking the original page view and showing a div in the center with the message in it and an OK
button. When the OK button will be clicked the mesage will slide away from the screen from centre towards the left with some nice effect and the home page will be unblocked. I have my default page inheriting it's look from a master page.
I would like to use jQuery framework to do this. Hope I have been able to explain my objective clearly. The things to be noted are--> blocking the home.aspx page when the message is being presented, the sliding away of the message and the simultaneous unblocking
of the home.aspx page. I can design the div element to my liking, no issue with that and set's display property to none. What to do next?
Can you help me with some code blocks for this, because my jQuery fundamentals are not strong, I'm afraid.
Thanks in anticipation.
There are more wonders in this world of ours than you can wonder.....
There are a couple of jquery popup to display welcome, errors, warnings, prompts for information and more. please check out the article in the following link.
PGChoudhury
Member
11 Points
131 Posts
jQuery Message Alert --
Nov 17, 2012 08:11 AM|LINK
Hello and Greetings.
I have a very small requirement which requires use of jQuery. Actually in one my sample applications I want to show a message when the home page is opened, by blocking the original page view and showing a div in the center with the message in it and an OK button. When the OK button will be clicked the mesage will slide away from the screen from centre towards the left with some nice effect and the home page will be unblocked. I have my default page inheriting it's look from a master page.
I would like to use jQuery framework to do this. Hope I have been able to explain my objective clearly. The things to be noted are--> blocking the home.aspx page when the message is being presented, the sliding away of the message and the simultaneous unblocking of the home.aspx page. I can design the div element to my liking, no issue with that and set's display property to none. What to do next?
Can you help me with some code blocks for this, because my jQuery fundamentals are not strong, I'm afraid.
Thanks in anticipation.
Shailendra S...
Member
551 Points
145 Posts
Re: jQuery Message Alert --
Nov 17, 2012 03:47 PM|LINK
<html> <head> <title>jQuery Hello World Alert box</title> <script type="text/javascript" src="jquery-1.4.2.js"></script> </head> <script type="text/javascript"> $(document).ready(function(){ $("#cl").click(function(){ alert("HELLO WORLD!"); }); }); </script> <body> <font color="red">CLICK BELOW BUTTON TO SEE ALERT BOX</font> <br> <br> <button id="cl">Click Me</button> </body> </html>www.techaray.com
Yanping Wang...
Star
14919 Points
1537 Posts
Microsoft
Re: jQuery Message Alert --
Nov 19, 2012 01:32 AM|LINK
Hello,
There are a couple of jquery popup to display welcome, errors, warnings, prompts for information and more. please check out the article in the following link.
http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/
Hope this helps, thanks.
Feedback to us
Develop and promote your apps in Windows Store
asteranup
All-Star
30184 Points
4906 Posts
Re: jQuery Message Alert --
Nov 19, 2012 02:33 AM|LINK
Hi,
You can use jquery model dialog-
http://delicious.com/anupdg/dialog+modal
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog