Tag : CSHTML, jQuery, Web Service

Working with Cookies in ASP.NET

Usage of Cookies in ASP.NET using C# or jQuery. A cookie is a piece of data which is sent from a website and stored locally by the user’s browser. Cookies are needed because HTTP is stateless. This means that HTTP itself has no way to keep track of a user’s previous activities. One way to create state is by using cookies.

jQuery:

TO STORE:

$(function() {
$.cookie("myVar", "Hello World!");
$.cookie("myVar", { path: '/' }); // Sets the cookie at the root level
});

TO READ:

$(function() {
alert($.cookie("myVar"));
});

TO DELETE:

$(function() {
$.removeCookie("myVar");
$.removeCookie('myVar', { path: '/' }); // Removes the cookie from the root level
});

CODE VIEW:

<!DOCTYPE html>
<html>
<head>
<title>jQuery Session</title>
<script type='text/javascript' src='jquery-1.9.1.js'></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
</head>
<body>
<script type='text/javascript'>
$(window).load(function() {
// To Store
$(function() {
$.cookie("myVar", "Hello World!");
});
// To Read
$(function() {
alert($.cookie("myVar"));
});
});
</script>
</body>
</html>

Posted by Jebastin

Tag : ASP.Net, HTML, jQuery

Working with Session in ASP.NET

Usage of Session in ASP.NET using C# or jQuery. A session is a piece of data which is sent from a website and stored locally by the user’s browser. Sessions are needed because HTTP is stateless. This means that HTTP itself has no way to keep track of a user’s previous activities. One way to create state is by using session.

C# Web Service:

[WebMethod(EnableSession = true)]
public List<HistoricalProperty> FetchHistoricalData()
{
List<HistoricalProperty> historyList = new List<HistoricalProperty>();
if (Context.Session["historicalData"] != null)
{
historyList = (List<HistoricalProperty>)Context.Session["historicalPrice"];
...
...
...
}
else
{
...
...
...
Context.Session["historicalData"] = historyList;
}
return historyList;
}

jQuery:

TO STORE:

$(function() {
$.session.set("myVar", "Hello World!");
});

TO READ:

$(function() {
alert($.session.get("myVar"));
});

CODE VIEW:

<!DOCTYPE html>
<html>
<head>
<title>jQuery Session</title>
<script type='text/javascript' src='jquery-1.9.1.js'></script>
<script type="text/javascript" src="jquery.session.js"></script>
</head>
<body>
<script type='text/javascript'>
$(window).load(function() {
// To Store
$(function() {
$.session.set("myVar", "Hello World!");
});
// To Read
$(function() {
alert($.session.get("myVar"));
});
});
</script>
</body>
</html>

Posted by Jebastin

Tag : ASP.Net, C#, jQuery, Web Service

How to upload file using jQuery/Ajax?

The following AJAX File Upload jQuery Tutorial covers how to upload files asynchronously using jQuery Framework.

Generic Handler: AjaxFileUploader.ashx

public class AjaxFileUploader : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
if (context.Request.Files.Count > 0)
{
string path = context.Server.MapPath("~/Files");
if (!Directory.Exists(path))
Directory.CreateDirectory(path);
var file = context.Request.Files[0];
string fileName;
if (HttpContext.Current.Request.Browser.Browser.ToUpper() == "IE")
{
string[] files = file.FileName.Split(new char[] { '\\' });
fileName = files[files.Length - 1];
}
else
{
fileName = file.FileName;
}
string strFileName = fileName;
fileName = Path.Combine(path, fileName);
file.SaveAs(fileName);
string msg = "{";
msg += string.Format("error:'{0}',\n", string.Empty);
msg += string.Format("msg:'{0}',\n", strFileName);
msg += string.Format("path:'{0}'", path.Replace("\\", "?"));
msg += "}";
context.Response.Write(msg);
}
}
public bool IsReusable
{
get
{
return true;
}
}
}

HTML:

<div class="resumeUpload">
<input type="file" id="fileToUpload" name="fileToUpload" onchange="ajaxFileUpload();" />
<div class="fileBtn">
<span>File</span>
<input id="fileUploadBox" disabled="disabled" value="@GetDictionary("No files selected")" />
</div>
</div>

jQuery:

<script type="text/javascript">
function ajaxFileUpload() {
$("#fileToUpload").ajaxStart(function () {
$('#fileUploadBox').val('Uploading...');
$('#fileUploadBox').addClass('loadinggif');
}).ajaxComplete(function () {
$('#fileUploadBox').removeClass('loadinggif');
});
$.ajaxFileUpload({
url: '/GenericHandlers/AjaxFileUploader.ashx',
secureuri: false,
fileElementId: 'fileToUpload',
dataType: 'json',
data: { name: 'logan', id: 'id' },
success: function (data, status) {
if (typeof (data.error) != 'undefined') {
if (data.error != '') {
//alert(data.error);
} else {
$('#fileUploadBox').val(data.msg);
$("#hdnFilePath").val(data.path + "?" + data.msg);
}
}
},
error: function (data, status, e) {
//alert(e);
$('#fileUploadBox').val('File size is too large.');
}
});
$.extend({
handleError: function (s, xhr, status, e) {
if (s.error)
s.error(xhr, status, e);
else if (xhr.responseText)
console.log(xhr.responseText);
}
});
return false;
}
</script>

Source: Hayageek

Tuesday 21 January 2014

Posted by Jebastin

Tag : Ajax, C#, Generic Handler, jQuery

How to Remove the white spaces at the start and end of the string?

The $.trim() function removes all newlines, spaces (including non-breaking spaces), and tabs from the beginning and end of the supplied string. If these whitespace characters occur in the middle of the string, they are preserved.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.trim demo</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<pre id="original"></pre>
<pre id="trimmed"></pre>
<script>
var str = " lots of spaces before and after ";
$( "#original" ).html( "Original String: '" + str +"'");
$( "#trimmed" ).html( "Trimmed String: '" + $.trim(str) +"'");
</script>
</body>
</html>

Posted by Jebastin

Tag : HTML, jQuery

How to Limit the number of characters allowed in form input text field?

By using the following attribute we can easily limit the number of characters allowed in form input text field.

maxlength="10"

Adding this attribute to your control:

<input type="text"
    id="txtPhone"
    name="Phone"
    maxlength="10" />

Posted by Jebastin

Tag : HTML

How to get the Created & last Published date of a Node in Umbraco?

Using the following CSHTML code we can easily get the Created & last Published date of a Node in Umbraco.
To get the Created Date of an Umbraco Node:

@Model.CreateDate

To get the Last Published Date of an Umbraco Node:

@Model.UpdateDate

Posted by Jebastin

Tag : CSHTML, Umbraco

How to get the value of a CSS property using jQuery?

Consider the following HTML:

<div id="jjTechSol" style="height: 50px;width: 50px;">
<p>Content</p>
</div>

The following jQuery is used to get the value of a CSS property.

<script type="text/javascript">
$(document).ready(function () {
alert('Height:'+$("#jjTechSol").css('height'));
alert('Width:'+$("#jjTechSol").css('width'));
});
</script>

.css( propertyName ) gets the value of style properties for the first element in the set of matched elements.

     propertyName
     Type: String
     A CSS property.

Wednesday 15 January 2014

Posted by Jebastin

Tag : HTML, jQuery

How to Compare two fields with jQuery validate plugin?

Consider the following HTML.

<input type="text" id="txtEmail" name="Email" />
<input type="text" id="txtConfirmEmail" name="ConfirmEmail" />

The following script is used to Compare two fields with jQuery validate plugin.

$('#myform').validate({
rules: {
Email: { required: true },
ConfirmEmail: { equalTo: '#txtEmail' }
}
});

Wednesday 8 January 2014

Posted by Jebastin

Tag : jQuery, Validation

How to convert the first character of a string into upper case?

The following C# code is used to convert the first character of a string into upper case.

static string UppercaseFirst(string s)
{
// Check for empty string.
if (string.IsNullOrEmpty(s))
{
return string.Empty;
}
// Return char and concat substring.
return char.ToUpper(s[0]) + s.Substring(1);
}

Tuesday 7 January 2014

Posted by Jebastin

Tag : C#

How to convert all first letters of a sentence into upper case and rest of the letters into lower case?

The following C# code is used to convert all first letters of a sentence into upper case and rest of the letters into lower case.

string s = "THIS IS MY TEXT RIGHT NOW";
s = System.Threading.Thread.CurrentThread.CurrentCulture.TextInfo.ToTitleCase(s.ToLower());
// (or)
s = System.Globalization.CultureInfo.CurrentCulture.TextInfo.ToTitleCase(s.ToLower());

Posted by Jebastin

Tag : C#

How to check whether an Umbraco Node has children or not?

The following Razor code is used to check whether an Umbraco Node has children or not.

bool hasChildren = (Model.ChildrenAsList.Count() > 0);
if(hasChildren)
{
//code
}
else
{
//code
}

Posted by Jebastin

Tag : CSHTML, Umbraco

Razor function to fetch the Data Type Items in Umbraco

The following Razor function is used to fetch the Data Type Items in Umbraco.

Namespaces Required:
using System.Xml.XPath;
using umbraco.MacroEngines;

@functions{
public List<string> FetchDataTypeItems(int DataTypeNodeID)
{
XPathNodeIterator preValueRootElementIterator = umbraco.library.GetPreValues(DataTypeNodeID);
preValueRootElementIterator.MoveNext();
XPathNodeIterator preValueIterator = preValueRootElementIterator.Current.SelectChildren("preValue", "");
List<string> DataTypeListItems = new List<string>();
while (preValueIterator.MoveNext())
{
DataTypeListItems.Add(preValueIterator.Current.Value);
}
string[] CommonTerms = DataTypeListItems.ToArray();
return DataTypeListItems;
}
}

Monday 6 January 2014

Posted by Jebastin

Tag : CSHTML, Razor, Umbraco

How to get the URL of the current page

The following code is used to get the URL of the current page.

string url = HttpContext.Current.Request.Url.AbsoluteUri;
// http://localhost:1302/TESTERS/Default6.aspx

string path = HttpContext.Current.Request.Url.AbsolutePath;
// /TESTERS/Default6.aspx

string host = HttpContext.Current.Request.Url.Host;
// localhost

You may need to get different values from URL.

Below example shows different ways of extracting different parts of URL

EXAMPLE (Sample URL)

http://localhost:60527/WebSite1test/Default2.aspx?QueryString1=1&QuerrString2=2

Response.Write("<br/> " + HttpContext.Current.Request.Url.Host);
Response.Write("<br/> " + HttpContext.Current.Request.Url.Authority);
Response.Write("<br/> " + HttpContext.Current.Request.Url.AbsolutePath);
Response.Write("<br/> " + HttpContext.Current.Request.ApplicationPath);
Response.Write("<br/> " + HttpContext.Current.Request.Url.AbsoluteUri);
Response.Write("<br/> " + HttpContext.Current.Request.Url.PathAndQuery);

OUTPUT

localhost
localhost:60527
/WebSite1test/Default2.aspx
/WebSite1test
http://localhost:60527/WebSite1test/Default2.aspx?QueryString1=1&QuerrString2=2
/WebSite1test/Default2.aspx?QueryString1=1&QuerrString2=2

Saturday 4 January 2014

Posted by Jebastin

Tag : C#