SharePoint 2013 with Free ASP.NET Hosting – Make a Popup with Content Editor in SharePoint - SharePoint 2013 Hosting News (SuperBlogAds Network)

June 10, 2015

Now, we will discussed about making a Popup with Content Editor in SharePoint. Then, write the following code:

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

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>

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

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

<p>

Here is the popup you wanted...

<br/>

<a href='' class='close'>Close</a>

</p>

</div>

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