Update custom_render.html (#2242)

This fixes mixed content errors on the selectmenu demo page at jqueryui.com.

Closes gh-2242

demos/autocomplete/combobox.html

@@ -196,7 +196,7 @@
 <div class="demo-description">
 <p>A custom widget built by composition of Autocomplete and Button. You can either type something into the field to get filtered suggestions based on your input, or use the button to get the full list of selections.</p>
 <p>The input is read from an existing select-element for progressive enhancement, passed to Autocomplete with a customized source-option.</p>
-<p>This is not a supported or even complete widget. Its purely for demoing what autocomplete can do with a bit of customization. <a href="http://www.learningjquery.com/2010/06/a-jquery-ui-combobox-under-the-hood">For a detailed explanation of how the widget works, check out this Learning jQuery article.</a></p>
+<p>This is not a supported or even complete widget. Its purely for demoing what autocomplete can do with a bit of customization. <a href="https://www.learningjquery.com/2010/06/a-jquery-ui-combobox-under-the-hood">For a detailed explanation of how the widget works, check out this Learning jQuery article.</a></p>
 </div>
 </body>
 </html>

demos/controlgroup/toolbar.html

@@ -271,7 +271,7 @@
 <div class="demo-description">
 	<p>A sample editor toolbar</p>
 	<p>Highlight text and edit it using the buttons and dropdowns in the toolbar.</p>
-	<p class="warning">Remember: This is only a demo and shouldn't be used for anything in production. Use a proper editor like <a href="http://prosemirror.net/">ProseMirror</a> instead.
+	<p class="warning">Remember: This is only a demo and shouldn't be used for anything in production. Use a proper editor like <a href="https://prosemirror.net/">ProseMirror</a> instead.
 </div>
 </body>
 </html>

demos/dialog/modal-confirmation.html

@@ -30,7 +30,7 @@
 	<p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
 </div>
 
-<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
+<p>Sed vel diam id libero <a href="https://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
 
 <div class="demo-description">
 <p>Confirm an action that may be destructive or important.  Set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>

demos/dialog/modal-message.html

@@ -30,7 +30,7 @@
 	</p>
 </div>
 
-<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
+<p>Sed vel diam id libero <a href="https://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
 
 <div class="demo-description">
 <p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>

demos/draggable/sortable.html

@@ -38,7 +38,7 @@
 </ul>
 
 <div class="demo-description">
-<p>Draggables are built to interact seamlessly with <a href="http://jqueryui.com/sortable">sortables</a>.</p>
+<p>Draggables are built to interact seamlessly with <a href="https://jqueryui.com/sortable">sortables</a>.</p>
 </div>
 </body>
 </html>

demos/selectmenu/custom_render.html

@@ -113,9 +113,9 @@ <h2>Selectmenu with custom avatar 16x16 images as CSS background</h2>
 	<fieldset>
 		<label for="people">Select a Person:</label>
 		<select name="people" id="people">
-			<option value="1" data-class="avatar" data-style="background-image: url('http://www.gravatar.com/avatar/b3e04a46e85ad3e165d66f5d927eb609?d=monsterid&amp;r=g&amp;s=16');">John Resig</option>
-			<option value="2" data-class="avatar" data-style="background-image: url('http://www.gravatar.com/avatar/e42b1e5c7cfd2be0933e696e292a4d5f?d=monsterid&amp;r=g&amp;s=16');">Tauren Mills</option>
-			<option value="3" data-class="avatar" data-style="background-image: url('http://www.gravatar.com/avatar/bdeaec11dd663f26fa58ced0eb7facc8?d=monsterid&amp;r=g&amp;s=16');">Jane Doe</option>
+			<option value="1" data-class="avatar" data-style="background-image: url('https://www.gravatar.com/avatar/b3e04a46e85ad3e165d66f5d927eb609?d=monsterid&amp;r=g&amp;s=16');">John Resig</option>
+			<option value="2" data-class="avatar" data-style="background-image: url('https://www.gravatar.com/avatar/e42b1e5c7cfd2be0933e696e292a4d5f?d=monsterid&amp;r=g&amp;s=16');">Tauren Mills</option>
+			<option value="3" data-class="avatar" data-style="background-image: url('https://www.gravatar.com/avatar/bdeaec11dd663f26fa58ced0eb7facc8?d=monsterid&amp;r=g&amp;s=16');">Jane Doe</option>
 		</select>
 	</fieldset>
 </form>

demos/spinner/latlong.html

@@ -6,7 +6,7 @@
 	<title>jQuery UI Spinner - Map</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
 	<link rel="stylesheet" href="../demos.css">
-	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+	<script src="https://maps.google.com/maps/api/js?sensor=false"></script>
 	<script src="../../external/requirejs/require.js"></script>
 	<script src="../bootstrap.js" data-modules="external/jquery-mousewheel/jquery.mousewheel">
 		function latlong() {

demos/tooltip/custom-animation.html

@@ -35,9 +35,9 @@
 <body>
 
 <p>There are various ways to customize the animation of a tooltip.</p>
-<p>You can use the <a id="show-option" href="http://jqueryui.com/demos/tooltip/#option-show" title="slide down on show">show</a> and
-<a id="hide-option" href="http://jqueryui.com/demos/tooltip/#option-hide" title="explode on hide">hide</a> options.</p>
-<p>You can also use the <a id="open-event" href="http://jqueryui.com/demos/tooltip/#event-open" title="move down on show">open event</a>.</p>
+<p>You can use the <a id="show-option" href="https://jqueryui.com/demos/tooltip/#option-show" title="slide down on show">show</a> and
+<a id="hide-option" href="https://jqueryui.com/demos/tooltip/#option-hide" title="explode on hide">hide</a> options.</p>
+<p>You can also use the <a id="open-event" href="https://jqueryui.com/demos/tooltip/#event-open" title="move down on show">open event</a>.</p>
 
 <div class="demo-description">
 <p>This demo shows how to customize animations using the show and hide options,

demos/tooltip/custom-content.html

@@ -31,7 +31,7 @@
 				if ( element.is( "[data-geo]" ) ) {
 					var text = element.text();
 					return "<img class='map' alt='" + text +
-						"' src='http://maps.google.com/maps/api/staticmap?" +
+						"' src='https://maps.google.com/maps/api/staticmap?" +
 						"zoom=11&size=350x350&maptype=terrain&sensor=false&center=" +
 						text + "'>";
 				}
@@ -50,25 +50,25 @@
 <div class="ui-widget photo">
 	<div class="ui-widget-header ui-corner-all">
 		<h2>St. Stephen's Cathedral</h2>
-		<h3><a href="http://maps.google.com/maps?q=vienna,+austria&amp;z=11" data-geo>Vienna, Austria</a></h3>
+		<h3><a href="https://maps.google.com/maps?q=vienna,+austria&amp;z=11" data-geo>Vienna, Austria</a></h3>
 	</div>
-	<a href="http://en.wikipedia.org/wiki/File:Wien_Stefansdom_DSC02656.JPG">
+	<a href="https://en.wikipedia.org/wiki/File:Wien_Stefansdom_DSC02656.JPG">
 		<img src="images/st-stephens.jpg" alt="St. Stephen's Cathedral" class="ui-corner-all">
 	</a>
 </div>
 
 <div class="ui-widget photo">
 	<div class="ui-widget-header ui-corner-all">
 		<h2>Tower Bridge</h2>
-		<h3><a href="http://maps.google.com/maps?q=london,+england&amp;z=11" data-geo>London, England</a></h3>
+		<h3><a href="https://maps.google.com/maps?q=london,+england&amp;z=11" data-geo>London, England</a></h3>
 	</div>
-	<a href="http://en.wikipedia.org/wiki/File:Tower_bridge_London_Twilight_-_November_2006.jpg">
+	<a href="https://en.wikipedia.org/wiki/File:Tower_bridge_London_Twilight_-_November_2006.jpg">
 		<img src="images/tower-bridge.jpg" alt="Tower Bridge" class="ui-corner-all">
 	</a>
 </div>
 
-<p>All images are part of <a href="http://commons.wikimedia.org/wiki/Main_Page">Wikimedia Commons</a>
-and are licensed under <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en" title="Creative Commons Attribution-ShareAlike 3.0">CC BY-SA 3.0</a> by the copyright holder.</p>
+<p>All images are part of <a href="https://commons.wikimedia.org/wiki/Main_Page">Wikimedia Commons</a>
+and are licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en" title="Creative Commons Attribution-ShareAlike 3.0">CC BY-SA 3.0</a> by the copyright holder.</p>
 
 <div class="demo-description">
 <p>Shows how to combine different event delegated tooltips into a single instance, by customizing the items and content options.</p>

demos/tooltip/custom-style.html

@@ -75,7 +75,7 @@
 <p><a href="#" title="That's what this widget is">Tooltips</a> can be attached to any element. When you hover
 the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
 <p>But as it's not a native tooltip, it can be styled. Any themes built with
-<a href="http://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI's theme builder application">ThemeRoller</a>
+<a href="https://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI's theme builder application">ThemeRoller</a>
 will also style tooltips accordingly.</p>
 <p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p>
 <p><label for="age">Your age:</label> <input id="age" title="We ask for your age only for statistical purposes."></p>

demos/tooltip/default.html

@@ -22,7 +22,7 @@
 <p><a href="#" title="That's what this widget is">Tooltips</a> can be attached to any element. When you hover
 the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
 <p>But as it's not a native tooltip, it can be styled. Any themes built with
-<a href="http://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI's theme builder application">ThemeRoller</a>
+<a href="https://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI's theme builder application">ThemeRoller</a>
 will also style tooltips accordingly.</p>
 <p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p>
 <p><label for="age">Your age:</label><input id="age" title="We ask for your age only for statistical purposes."></p>

demos/tooltip/tracking.html

@@ -24,7 +24,7 @@
 <p><a href="#" title="That's what this widget is">Tooltips</a> can be attached to any element. When you hover
 the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
 <p>But as it's not a native tooltip, it can be styled. Any themes built with
-<a href="http://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI's theme builder application">ThemeRoller</a>
+<a href="https://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI's theme builder application">ThemeRoller</a>
 will also style tooltips accordingly.</p>
 <p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p>
 <p><label for="age">Your age:</label><input id="age" title="We ask for your age only for statistical purposes."></p>

demos/widget/default.html

@@ -166,7 +166,7 @@
 <div class="demo-description">
 <p>This demo shows a simple custom widget built using the widget factory (jquery.ui.widget.js).</p>
 <p>The three boxes are initialized in different ways. Clicking them changes their background color. View source to see how it works, its heavily commented</p>
-<p>To learn more about the widget factory, <a href="http://learn.jquery.com/jquery-ui/widget-factory/">visit learn.jquery.com</a>.</p>
+<p>To learn more about the widget factory, <a href="https://learn.jquery.com/jquery-ui/widget-factory/">visit learn.jquery.com</a>.</p>
 </div>
 </body>
 </html>