https://stlcc.edu/_resources/js/alert-message.js

1//Ticket/Task 45514 Emergency Notification on the Website custom design
2$(document).ready(function() {
3
4	$.ajax({
5		url: "/_resources/scripts/get-alert-message.ashx", //path of file is /_resources/scripts/get-alert-message.ashx, page is set to publish this path as absolute
6		context: document.body,
7		dataType:"jsonp",
8		success:function(data){
9			console.log(data);
10			$("#header > div.holder").before('<div id="alertmessage"><div class="holder marquee-holder marquee-holder-2">'  +  data.desc  + '<span id="closeButton-2">&times;</span>' +   '</div></div>');
11			$("#alertmessage").css({"background-color": "#ffca00", "color" : "black", 
12							  "width":"100%",
13							  "display":"inline-block",
14							  "font-weight": "600",
15							  "font-size": "1em",
16							  "line-height": "1",
17							  "text-align": "center",
18							  "padding-top": "0px",
19							  "padding-bottom": "0px",
20							  "padding-left" : "20px",
21							  "padding-right" : "20px"
22							 });
23
24			$('#alertmessage p').contents().unwrap(); //because tinymce kept adding p tags to content
25
26			$("#closeButton-2").hover(function(){
27				$(this).css("cursor", "pointer");
28			});
29
30			$("#closeButton-2").css({
31				"position" : "relative" ,
32				"width":"18px",
33				"height":"18px",
34				"display":"inline-block",
35				"line-height": "1",
36				"border-radius":"50%",
37				"border-color":"black",
38				"border-style":"solid",
39				"border-width":"thin",
40				"opacity":"1",
41				"padding-top":"0px",
42				"font-size":"16px",
43				"margin-left":"5px",
44				"margin-top": "0px"
45			});
46
47			$('#closeButton-2').on('click', function(e) { 
48				$('#alertmessage').remove(); 
49			});
50
51		}
52
53	});
54
55});