Csharp karma

Friday, December 7, 2012

Reading Text file in Jquery Ajax

First create a dummy text file in your project named as text.txt , Now write some text content in that file.
You can read that file through JQuery Ajax request.
Alert will show the text content of written file.

Code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script>
getTxt = function (){
$.ajax({
url:'test.txt', // Text file name
success: function (data){
alert(data); // or do some other data processing
}
});
}
$(function () {
getTxt(); // calling ajax function on page load
});
</script>

======================Update on getting AJAX reponse

AJAX is asyn it doesnt wait for send response.

function getddlData() {
var ajaxResponse;
$.ajax({
type: "POST",
url: 'TextEditor.aspx/GetBookMarkData',
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false,
cache: false,
// Text file name
success: function (response) {
// //alert(data.d); // or do some other data processing
// //return data.d;
ajaxResponse = response;
}
});
return ajaxResponse;
}

Now you can use it like :

var response = getddlData();
alert(response.d);

Saturday, December 1, 2012

Foreach in a GridView through JQuery

GridView Loop in JQuery To find a control

How to disable a button in grid view in asp.net

first add reference to JQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

<script>
$(function () {
$('.jqSelector').each(function () {
$(this).attr("disabled", true);
});
})
</script>

Note : jqSelector is a CSS class given to a button control inside the grid view

Use ASP Cookie in aspx

<%if HttpContext.Current.Request.Cookies("authuserid").Value<>"1" AND HttpContext.Current.Request.Cookies("authuserid").Value<>"24" then%>

'''' User code here
<%End if%>

Saturday, October 13, 2012

Cross browser : Change scroll bar color & Custom scrollbar

Add the following CSS snippet in the header section of webpage.

<STYLE>/* Let's get this party started */
::-webkit-scrollbar {   width: 12px;}
/* Track */::-webkit-scrollbar-track
{   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     -webkit-border-radius: 10px;   border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb
{   -webkit-border-radius: 10px;
  border-radius: 10px;   background: rgba(255,0,0,0.8);

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive
{  background: rgba(255,0,0,0.4); }
  </STYLE>

Monday, August 27, 2012

Avoid the ActiveX warning in IE7 and IE8?

Add this to your html page :

 <!doctype html>
<!-- saved from url=(0023)http://www.contoso.com/ -->

Monday, August 13, 2012

Div Scrolling Left and Right Through JQuery

In this example I am creating 2 buttons dynamically on page load through JQuery & We can scroll left & right on click on these 2 buttons

 $(document).ready(function () {

     // Creating two Left Right Scroll Button through JQuery
        var  btnRht= $("<input type='button' id='btnLeft' value='>>' class='ButtonStyle' width='5px' />");
     var  btnLeft = $("<input type='button' id='btnRight' value='<<' class='ButtonStyle' />");
           // appending buttons to a td inside a html div 
        $('#tdDoE').append(btnLeft);
    $('#tdDoE').append(btnRht);
    // Left / Rht Scroll scroll     
                $("#btnLeft").click(function () { 
                var leftPos = $('.DivDataMain').scrollLeft();
                $(".DivDataMain").animate({scrollLeft: leftPos + 250}, 600);
                });   
                    $("#btnRight").click(function () { 

                var leftPos2 = $('.DivDataMain').scrollLeft();
                $(".DivDataMain").animate({scrollLeft: leftPos2 - 250}, 600);
                });   

    });



HTML Code :-
       <div style="width: 300px; overflow: hidden;" class="DivDataMain">
        <table>
            <tr>
                <td id="tdDoE">
                        Scroll Buttons will be appended after this text.
                </td>
            </tr>
        </table>
    </div>

Friday, August 3, 2012

Display table design ( with data types ) with SQL QUERY

Display table design with SQL QUERY

Execute folowing in SQL Query window

sp_columns <table name>

OR

sp_help <table name>

Thursday, July 19, 2012

Get selected check box through JavaScript

window.onload = function () {
getChkItem();
}
function getChkItem() {
var chk = "";
var arrChk = new Array('cbID_1','cb_2',cb_3,cb_4,cb_6); // checkbox 1 ID & check 2
for(iCtr=0; iCtr < arrChk.length; iCtr++){
var element = document.getElementById(arrChkRht[iCtrRht]);
if (typeof(element) != 'undefined' && element != null) { if(document.getElementById(arrChk[iCtr]).checked){
chk = chk + arrChk[iCtr].split("_")[1] + "," ;
}
}
alert(chk.slice(0, -1)); }