SharePoint News and Announcements slider using Jquery and SPServices

<script src="/Style%20Library/Announcements/jquery-1.7.2.min.js"></script>
<script src="/Style%20Library/Announcements/highslide-with-gallery.js"></script>
<script src="/Style%20Library/Announcements/jquery.simplyscroll-1.0.4.js"></script>
<link href="/Style%20Library/Announcements/simplescroll.css" rel="stylesheet" />
<link href="/Style%20Library/Announcements/styleforslideshow.css" rel="stylesheet" />

<style>
.inner_right_part {
}

.simply-scroll-list {
width: 100% !important;
}
.simply-scroll-list {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
height: 630px;
}

</style>

<div class='inner_right_part'>
    <div class='right_inner_content'>
        <div id='testimonials'>
            <div id='sidebar'>
                <ul class='spy' id='scroller'>
                </ul>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    function redirect_page(page_url) {
        alert(page_url);
        window.location.href = page_url;
    }
</script>






<script type="text/javascript">

    $(document).ready(function () {
        try {
         
            $().SPServices({
                operation: "GetListItems",
                async: false,
                listName: "Announcements",
                CAMLQuery: '<Query>' + '<OrderBy>' + '<FieldRef Name="ID" Ascending="False" />' + '</OrderBy>' + '</Query>',
                CAMLRowLimit: 5,
                CAMLViewFields: "<ViewFields><FieldRef Name='Body' /><FieldRef Name='ID' /></ViewFields>",
                completefunc: function (xData, Status) {                
                    $("#scroller").append("<div class='inner_right_part'>");
                    $("#scroller").append("<div class='right_inner_content' ><div id='testimonials'><div id='sidebar'><ul class='spy' style='width:100%' id='scroller'>");
                    $(xData.responseXML).find("z\\:row, row").each(function () {
                        var Body = $(this).attr("ows_Body");
                        var idid = $(this).attr("ows_ID");                      
                        var cnt = Body.length;
                        if (cnt > 100) {
                            $("#scroller").append("<li ><div class='border_testi'><span class='dasignation'></span></div>");
                            $("#scroller").append("<div class='testimonial-text'><img id='imgnw' src='/Style%20Library/Announcements/Arrows-Right-round-icon%2016.png' style=' float: left;padding-top: 5px;padding-right: 10px;' /></div>");
                            $("#scroller").append("<div class='testimonial-text'>" + Body.substring(0, 100) + " ...<a href="+"/finance/Lists/Announcements/DispForm.aspx?ID="+idid+">More</a></div></li>");
                        }
                        else {
                            $("#scroller").append("<li ><div class='border_testi'><span class='dasignation'></span></div>");
                            $("#scroller").append("<div class='testimonial-text'><img id='imgnw' src='/Style%20Library/Announcements/Arrows-Right-round-icon%2016.png' style=' float: left;padding-top: 5px;padding-right: 10px;' /></div>");
                            $("#scroller").append("<div class='testimonial-text'>" + Body + "</div></li>");
                        }
                    });
                    $("#scroller").append("</ul></div>");
                    $("#scroller").append("</div>");
                }
            });
        }
        catch (ex) {
            alert(ex.message);
        }
    });
</script>

<script type="text/javascript">


    (function ($) {
        $(function () { //on DOM ready
            $("#scroller").simplyScroll({
                className: 'vert',
                horizontal: false,
                autoMode: 'loop',
                frameRate: 30,
                speed: 1
            });
        });
    })(jQuery);
</script>

Out put


Comments

Post a Comment

Popular posts from this blog

IRM and the Object Model

A couple of weeks earlier, I saw an interesting issue. It was a normal day as far as days go in support and in comes this issue, where the person in question wants to investigate or rather should I say automate the process of creating IRM settings on document libraries. I wasn't working on this issue and a colleague took this over. But then somewhere it was lurking, how the hell do you do that? The natural starting point is getting a site/web context and going down to the list and then getting dirty with the properties exposed by the particular SPList object. So after finishing what I had on my plate, I dug into figuring out how exactly to set the IRM settings for a list using the object model. So here goes: Step 1 Enable IRM on the farm SPWebService svc = SPFarm.Local.Services.GetValue<SPWebService>(); SPIrmSettings irmSettings    = svc.IrmSettings;irmSettings.IrmRMSEnabled    = true;//set true or false based on the situation irmSettings.IrmRMSUseAD      = true; irmSett
Read more

This content database has a schema version which is not supported in this farm

Image
 Today i have faced one issue while mount content database to server. the issue is " This content database has a schema version which is not supported in this farm." I was getting this error when i ran Mount-SPContentDatabase using powershell.  I tried checking SP versions and other things finally got solution in below way Reason: Once you have taken the backup from SharePoint 2013 content database, usually you will restore the database in the target SQL server. After restoring the database, you will try to restore content database in any one of Webapplication most probably new one. In this stage, you will get the above error message. Solution: Your source SQL server schema and the destination SQL server schema might not be matched. So you need to update the "Versions" table values in the "Restored Database". 1. Open " Versions " table from any of the existing "Content database"  from the Target SQL Server machine in "
Read more

Activate and Deactivate Feature through PowerShell

Image
I was looking at the analytics of the site the other day and I noticed that my post,  Adding and Deploying Solutions with PowerShell , currently has the most traffic on the site.  I had always intended to write a follow up post on this, so here it is.  Today I’m going to talk about how to enable and disable features using PowerShell.  It’s great that you know how to deploy solutions now with PowerShell, but now you want to activate your features. In SharePoint 2007 to activate a feature from the command line you might have used a statement like the one below.  I’ll use the  Reporting  feature on my server named  sp2010  as an example.  The value specified in the  name  parameter refers to the actual folder name of the feature that is in your SharePoint Root folder (14 hive). stsadm.exe –o activatefeature –name Reporting  – url http://sp2010 To get started with PowerShell, run the SharePoint 2010 Management Console located in your Microsoft SharePoint 2010 Products folder on your s
Read more