Thursday, October 16, 2014

Angular JS - Module configuration for routing

/*================ Routing ============*/

var module = angular.module('routeModule', ['ngRoute']);
    module.config(function ($routeProvider) {

        $routeProvider.when('/about', {
            templateUrl: '/WebSite1/About.html',
            controller: 'aboutController'


        }).when('/port', {
            templateUrl: '/WebSite1/portfolio.html',
            controller: 'portfolioController'


        }).otherwise({
            redirectTo: '/WebSite1/portfolio.html'
        });

    });

Angular JS - passing multiple parameters to another controller

$scope.copy = function (name) {
            $location.path('/port').search({ fname: $scope.txt_name, lname: $scope.txt_lname, email: $scope.txt_email });
        }

Friday, September 30, 2011

JavaScript - Search Tag Name (Img tag) Inside a DIV

function showItem(cont){
var p = document.getElementById(cont).getElementsByTagName('img');
if(p.length != 1 ){
document.getElementById(cont).style.display = 'none';
}else{
document.getElementById(cont).style.display = 'block';
}
}


1. You can call this JAVASCRIPT function in body onLoad Event. You have to pass the div ID to the function (cont).
2. In this example i'm searching img tag and switch display property according to the value it returns.
3. Use script tag before you use it.

Sharepoint MS- CSS Classes

http://sharepointexperience.com/csschart/csschart.html

Sharepoint 2010 - Left Navigation CSS

/* ========| TOP NAVIGATION STYLES |======== */

/* item style */
.LeftNav {
width:200px;
}
/* item style */
.LeftNav li.static > .menu-item {
padding:5px 5px 5px 10px ; color:black; font-weight:bold;
border-bottom:1px solid #ccc; font-size:12px; background:#DADAE9 !important;
}

/* item style */
.LeftNav li.static > ul.static > li.static > .menu-item {
padding-left:20px; font-weight:normal; font-size:11px; background:#EAEAF2!important;

}
/* item style hover */
.LeftNav li.static > a:hover, .LeftNav li.static > ul.static > li.static > a:hover { background:#38424E !important; color:white;
}
/* flyout holder */
.LeftNav ul.dynamic {
}
/* flyout item */
.LeftNav li.dynamic > .menu-item {
background:blue;
}

/* flyout item hover */
.LeftNav li.dynamic > a:hover {
}
/* hide arrows for top level items with flyouts
.menu-horizontal a.dynamic-children span.additional-background,
.menu-horizontal span.dynamic-children span.additional-background{
padding-right:0px;
background-image:none;
}

*/

/* ==========| LEFT NAVIGATION STYLES |=========== */

Sharepoint 2010 - Top Navigation CSS

/* ==========| TOP NAVIGATION STYLES |============ */

/* item style */
.s4-tn li.static > .menu-item { color:white; padding:10px 10px 10px 10px; font-size:12px; font-family:Verdana !important;
}


/* item style hover */
.s4-tn li.static > a:hover { background:#38424E; color:white; text-decoration:none;
}


/* flyout holder */
.s4-tn ul.dynamic {
}


/* flyout item */
.s4-tn li.dynamic > .menu-item {
background:#38424E; color:white;
padding:4px 10px; border-bottom:1px solid #526172; font-family:Verdana !important;}



/* flyout item hover */
.s4-tn li.dynamic > a:hover { background:#2D3238;
}

/* hide arrows for top level items with flyouts
.menu-horizontal a.dynamic-children span.additional-background,
.menu-horizontal span.dynamic-children span.additional-background{
padding-right:0px;
background-image:none;
}*/


/* ===========| TOP NAVIGATION STYLES |============= */

Monday, December 21, 2009

Reverse Play

btn.addEventListener(MouseEvent.CLICK, ply)

function ply(e:MouseEvent) {

addEventListener(Event.ENTER_FRAME,function () {

if (rmv.currentFrame>1) {
rmv.gotoAndStop(rmv.currentFrame-1);
} else {
rmv.play();
}
}
)
}