I tried this code and paste to the content editor in sharepoint but then nothing came out. Just a blank space. I tried to inspect the marquee is working working but it just not showing the item it suppose to show. Please help.
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var soapEnv ="<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \
<soapenv:Body> \
<GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
<listName>News</listName> \
<viewFields> \
<ViewFields> \
<FieldRef Name='Title' /> \
</ViewFields> \
</viewFields> \
</GetListItems> \
</soapenv:Body> \
</soapenv:Envelope>";
$.ajax({
url: "/_vti_bin/lists.asmx",
type: "POST",
dataType: "xml",
data: soapEnv,
complete: Result,
contentType: "text/xml; charset=\"utf-8\""
});
});
function Result(xData, status) {
$(xData.responseXML).find("z\\:row").each(function() {
var liHtml = "<li>" + $(this).attr("ows_Title") + "</li>";
$("# news ").append(liHtml);
});
}
</script>
<marquee onmouseover="this.stop();" onmouseout="this.start();">
<ul id="news"> </ul>
</marquee>
<style>
UL#news {
WIDTH: 620px;
OVERFLOW: hidden
}
UL#news LI {
WIDTH: 600px;
DISPLAY: inline;
HEIGHT: 99px;
}
</style>
I already check the list name and field ref but still it didnt give any outcome. Any help would be appreciated. Thank you.