Hi Team
I am trying to diplay some alert message on Top Nav bar in Sharepoint Online using JSOM.
html code:
<!DOCTYPE html>
<style>
#O365_NavHeader {
background-color: #b11313f0 !important;
}
#sideNavBox {
display: none;
}
#71hjFgizWk0Cd55RzerwA {
color: #FFFFFF;
background-color: #b11313f0;
font-size:x-large;
}
</style>
<script type="text/javascript" src="/sites/Test/SiteAssets/scripts/jquery-1.11.1.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/sites/Test/SiteAssets/scripts/Display.js"></script>
<div id="heading">
<h1>Alert Message on TOP </h1>
</div>
<div class="71hjFgizWk0Cd55RzerwA">
</div>
JS Code:
$(document).ready(function () {
ExecuteOrDelayUntilScriptLoaded(getValue, "sp.js");
});
var colltaskListItem;
function getValue()
{
var clientContext = new SP.ClientContext.get_current();
var oList = clientContext.get_web().get_lists().getByTitle('Alert');
var camlQuery = new SP.CamlQuery();
//camlQuery.set_viewXml{
//};
colltaskListItem = oList.getItems(camlQuery);
clientContext.load(colltaskListItem);
clientContext.executeQueryAsync(onSuccess, onFailure);
}
function onSuccess()
{
var allIndustries='';
var listItemEnumerator = colltaskListItem.getEnumerator();
while (listItemEnumerator.moveNext())
{
var oListItem = listItemEnumerator.get_current();
var displayText = oListItem.get_item('Title');
}
$("#71hjFgizWk0Cd55RzerwA").html(displayText);
}
function onFailure()
{
alert('Some error occurred');
}
Can Some one correct this where I am doing wrong.. I want to display the text in between this..
<div class="_71hjFgizWk0Cd55RzerwA"> {message should display here} </div>
Ganesh