Now, we will discussed about making a Popup with Content Editor in SharePoint. Then, write the following code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 |
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery Popup Dialog - Click</title> <style type="text/css"> #overlay { ; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 100; display: none; } .content a { text-decoration: none; } .popup { width: 100%; margin: 0 auto; display: none; ; z-index: 101; } .content { min-width: 600px; width: 600px; min-height: 150px; margin: 100px auto; background: #f3f3f3; ; z-index: 103; padding: 10px; border-radius: 5px; box-shadow: 0 2px 5px #000; } .content p { clear: both; color: #555555; text-align: justify; } .content p a { color: #d91900; font-weight: bold; } .content .x { float: right; height: 35px; left: 22px; ; top: -25px; width: 34px; } .content .x:hover { cursor: pointer; } </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script type='text/javascript'> $(function() { var overlay = $(' <div id="overlay"></div>'); $('.close').click(function() { $('.popup').hide(); overlay.appendTo(document.body).remove(); return false; }); $('.x').click(function() { $('.popup').hide(); overlay.appendTo(document.body).remove(); return false; }); $('.click').click(function() { overlay.show(); overlay.appendTo(document.body); $('.popup').show(); return false; }); }); </script> </head> <body> <div class='popup'> <div class='content'> <img src='http://www.mydomain.com/demos/popup-dialog/img/x.png' alt='quit' class='x' id='x' /> <p> Here is the popup you wanted... <br/> <br/> <a href='' class='close'>Close</a> </p> </div> </div> <div id='container'> <a href='' class='click'> <h2> <b>Click Here to See Popup! </b> </h2> </a> <br/> </div> </body> </html> |
Best SharePoint 2013 Hosting Recommendation
HostForLIFE.eu
HostForLIFE.eu offer the Best, Cheap and Recommended SharePoint 2013 hosting start from €9.99/month. They can load your site against anticipated traffic and recommend the best option for you. HostForLIFE.eu is Microsoft No #1 Recommended Windows and ASP.NET Hosting in European Continent. Their service is ranked the highest top #1 spot in several European countries, such as: Germany, Italy, Netherlands, France, Belgium, United Kingdom, Sweden, Finland, Switzerland and many top European countries.
ASPHostPortal.com
ASPHostPortal.com’s Best ASP.NET hosting platform on Windows 2012 and Windows 2008 is compatible with SharePoint 2013 hosting. Needless to say, you’ll be able to really feel very comfy with their hosting service. Their best and inexpensive SharePoint 2013 hosting package is starting from $9.99/mo only. And with their promo code, you will get free domain as well. Not just that, in addition they supply 30 days cash back guarantee. Their servers are 99.99% uptime, it’s important believe which you require for your SharePoint 2013 site, so your website is by no means down.
DiscountService.com.au
Get high functionality, best uptime along with the most dependable SharePoint 2013 Hosting site with them. SharePoint 2013 hosting from DiscountService.com.au provides a protected, trustworthy and performance-driven foundation for your website and apps. If you’re searching for the correct Windows ASP.NET hosting that support SharePoint 2013 hosting provider, they are the correct selection for you. They have proactive monitoring down to seconds with reactive options in spot to ensure the stability in the services they offer. All hosting servers are monitored 24/7/365. They use enterprise software to monitor their whole network infrastructure. Their very best and inexpensive SharePoint 2013 hosting price begins from $10.00 monthly.