SPServices with Datatables

<!–/exec/Style%20Library/code/script/jquery-3.2.1.min.js–>
<!–/mgt/Style%20Library/Code/KEPAS/KEYScripts/MyScript.js–>
<style>
.HideLinks{
display:none;
}
.exSize{

/*max-height:500px;*/
/*background:#CCCCCC;*/

padding:5px;
max-width:800px;
margin-left:-30px;
margin-bottom:3px;
margin-top:3px;
margin-right:3px;
}
.ExecList{

}
.ExecList a{

display:block;
/*background:#002040;*/
color:#006699!important;
margin:1px;
padding:2px;
text-decoration:none;
font-weight:bold;
}
.ExecList a:hover{
/*background:#004284;*/
text-decoration:none;

}
.LeadingStory{
color:#FFFFFF;
font-weight:bold;
font-size:14px;
padding:5px;
}
.ExecSelected{
color:#000000!important;
font-weight:bold;
font-size:13px;
text-decoration:underline!important;
}
.HeadColor{
background:#2B3759;
}
.LeadingLinks{

}
.LeadingLinks:hover{
color:#CC0000!important;
}

.ContactTable{
width:70%;
border:0;
}
.ContactTable th{
background:#2B3759;
color:#FFFFFF;
padding:5px;

}
.ContactTable td{

color:#002142;
border-bottom:thin silver solid;
}
.ContactTable tr:hover{
background:#B6DBF1!important;
}
.btnStyle{
background:#002448;
color:#FFFFFF;
padding:5px;
width:200px;

}
.btnStyle:hover{
background:#A6D2FF;
color:#000000;
}
.textAreaStyle{
width:200px;
height:50px;

}

.ServiceItem{
background:#3292C0; color:#FFFFFF; width:130px; height:40px;
margin-bottom:5px;
margin-left:5px;
font-weight:bold; color:#FFFFFF;
font-size:10px;
}
.ServiceItem:hover{
background:#66B3D7;
cursor:pointer;
}
.TabSelected{
background:#FF9900!important;

}

.ViewDetails{
font-weight:bold;
}

.HideMe{
display:none;
}
#ctl00_MSO_ContentDiv{
min-width:1600px;
}
.ListData{
margin-left:20px;
margin-right:20px;
}

/*————-:):):)—————*/
.container{
/*width: 800px;*/
margin: 0 auto;
}

ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: #A3C6DA;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
font-weight:bold;
border-bottom:thin #CCCCCC solid;
font-size:14px;

border-top:4px #008484 solid;
}
ul.tabs li:hover{
background:#008484;
color:#FFFFFF;
border-top:4px #CC0000 solid;
}

ul.tabs li.current{
/*background: #ededed;*/
background:#008484;
color:#FFFFFF;
border-top:4px #CC0000 solid;
}

.tab-content{
display: none;
/*background: #ededed;*/
background:#EEF4F9;
padding: 15px;
}

.tab-content.current{
display: inherit;
}
.PTitle{
font-weight:bold;
font-size:28px;
color:#183D4E;
font-family:Georgia;
}
.tab-link{
background:#A3C6DA;
}

.HeadingDiv{
/*background:#DBECF7;*/
padding:10px;
}
.Loading{
background:#DDEFF4!important;
color:#FFFFFF!important;
}

.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #FFF7E6!important;
}
.GreanSearch{
border:thin #99CC00 solid!important;
border-width:2px!important;
}

.buttons-print{
width:100px;
background:#C0C0C0;
color:#FFFFFF;
height:30px;
/*border:thin #BB0000 outset;
border-style:outset;*/
border:thin #CCCCCC solid;
font-size:14px;
}
.buttons-print:hover{
background:#FF4A4A;
cursor:pointer;
}

.dt-buttons{

margin-bottom:-30px;
}

.input-sm{
width:250px!important;
border:thin #99CC00 solid!important;
border-width:1px!important;
}

</style>

<link rel=”stylesheet” type=”text/css” href=”/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/myStyle.css”>
<link rel=”stylesheet” type=”text/css” href=”/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/MyStyleNew.css”>

<!–<link rel=”stylesheet” type=”text/css” href=”/mgt/Style Library/Code/KEPAS/KEYScripts/css/bootstrap.css”>–>

/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/TablesD.js

<!–/mgt/Style%20Library/Code/KEPAS/KEYScripts/MyTable.js–>
/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/Mybootstrap.min.js

<link rel=”stylesheet” type=”text/css” href=”/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/JUI.css”>

<!–
<link rel=”stylesheet” href=”/mgt/Style Library/Code/KEPAS/KEYScripts/Scripts/DataTables-1.10.16/js/Boot.css” type=”text/css”>
<link rel=”stylesheet” href=”/mgt/Style Library/Code/KEPAS/KEYScripts/Scripts/DataTables-1.10.16/js/Data.css” type=”text/css”>
<link rel=”stylesheet” href=”/mgt/Style Library/Code/KEPAS/KEYScripts/Scripts/DataTables-1.10.16/js/BootData.css”>

/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/DataTables-1.10.16/js/jQuery-1.12.48.js
/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/DataTables-1.10.16/js/Data.js
/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/DataTables-1.10.16/js/BootJS.js–>

$( function() {
$( “#tabsContent” ).dialog({ modal: true});
} );


Loading may take several seconds.

</div>

US Embassy Kabul Phone Directory

Last Name First Name Email Mobile Local Office Ext Section Position Title

</div>

Last Name First Name Email Mobile Local Office Ext Section Position Title

</div>

Last Name First Name Email Mobile Local Office Ext Section Position Title Employment Category Contracting Company

</div>

Last Name First Name Email Mobile Local Office Ext Section Position Title Contracting Company

</div>
</div><!– container –>

/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/BT.js
/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/Print.js

<!–/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/Zip.js
/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/PDF.js
/mgt/Style%20Library/Code/KEPAS/KEYScripts/Scripts/html5.js–>

var LES_Clk = 0;
var CON_Clk=0;
var All_Clk=0;
var US_Clk=0;

$(document).ready(function(){

$(‘ul.tabs li’).click(function(){
var n = $(this).attr(‘data-tab’);
$(“#tabsContent” ).dialog();

if(n==”tab-ALL”)
{
getAllRecords();
}
else if(n==”tab-Sections”)
{
window.location.href(“/mgt/hr/OIP/SitePages/Sections.aspx”);
}
else if(n==”tab-US”)
{
GetUSDirect();
}
else
{
SPGetLESTCN(n);
}

$(‘ul.tabs li’).removeClass(‘current’);
$(‘.tab-content’).removeClass(‘current’);

$(this).addClass(‘current’);
$(“#”+n).addClass(‘current’);

})

});

Search All:

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.