DOTNET

Monday, February 9, 2015

GOOGLE MAPS

Design the Form as Follows

Design Code

<div>
<table>
<tr>
<td> Area </td>
<td> <asp:TextBox ID="txtArea" runat="server"></asp:TextBox> </td>
</tr>
<tr>
<td> City </td>
<td> <asp:TextBox ID="txtCity" runat="server"></asp:TextBox> </td>
</tr>
<tr>
<td> <asp:Button ID="Button1" runat="server" Text="Search" OnClick="ButtonSearch_Click"/> </td>
</tr>
</table>
</div>

.cs Page

output

Thursday, February 5, 2015

SHOW ALERT POP UP REMAINDER SCHEDULAR USING MASTER PAGE.

File->New->WebSite

Master Page Design

Design

<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div>
<table>
<tr>
<td>Uday Blog Spot
</td>
<td>http://dotnetbyudayrajakonda.blogspot.in/
</td>
</tr>
<tr>
<td colspan="2">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
</td>
</tr>
</table>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
</asp:UpdatePanel>
<asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick"></asp:Timer>
</div>
<div class='popup' style="position: fixed; margin-right: 50px; width: 300px; height: 200px" id="divRemainder">

</div>
</form>
</body>

styles

<style type="text/css">
.popup{
background-color: #F4F4F4;
border: 7px solid #545353 !important;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
display: none;
}

.content {
min-width: 600px;
width: 600px;
min-height: 150px;
margin: 100px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
margin-right: 42%;
}
</style>

java script function

<script type="text/javascript">
function myFunction() {
var string = MasterPage2.RemainderDetails();
$('#divRemainder').append(string.value);
$('.popup').show();
return false;
}

</script>

MasterPage.cs

[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
public string RemainderDetails()
{
SqlConnection con = new SqlConnection("");
SqlCommand cmd = new SqlCommand("", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataSet ds = new DataSet();
da.Fill(ds);
DataTable _dataTable = ds.Tables[0];
StringBuilder sb = new StringBuilder();
int count = _dataTable.Rows.Count;
if (count > 0)
{
sb.Append("<table width='100%' cellspacing='0' cellpadding='0' border='0'>");
sb.Append("<thead class='tableHeadBg'><tr>");
sb.Append("</tr></thead>");
sb.Append("<tbody class='tableTbodyBg'>");
for (int i = 0; i < count; i++)
{
sb.Append("<tr>");
sb.Append("<td width='10%' align='left'>");
sb.Append(Convert.ToString(_dataTable.Rows[i]["Appointment"]));
sb.Append("</td>");
sb.Append("<td width='10%' align='left'>");
sb.Append(Convert.ToString(_dataTable.Rows[i]["RemainderStartDate"]));
sb.Append("</td>");
sb.Append("</tr>");
}
sb.Append("</tbody></table>");
}
return sb.ToString();
}

Add Content Page as Follows

Content Page

contentPage.cs(Need not write any code in Default Page as the code need to be written in Master Page.

Output:

CALL AJAX METHODS FROM JAVASCRIPT

Add Ajax dll
Import the AJAX namespace from Ajax.DLL.

File->New->WebSite

Add Ajax dll (Add Reference of Ajax.dll)

Design the Form as Follows

<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table>
<tr>
<td>Country </td>
<td><asp:DropDownList ID="ddlCountry" runat="server" ></asp:DropDownList></td>
</tr>
<tr>
<td>City </td>
<td> <asp:DropDownList ID="ddlCity" runat="server"></asp:DropDownList></td>
</tr>
<tr>
<td> <asp:Button ID="btnSave" runat="server" Text="save" OnClientClick="save()" /> </td>
</tr>
</table>
</form>

Javascript Code

<script src="http://code.jquery.com/jquery-1.8.3.min.js"> </script>
<script src="jquery-1.7.min.js"></script>
<script type="text/javascript">
$('#ddlCountry').live('change', function () {
var rst = Default2.BindCities($(this).val()).value;
$('#ddlCity').html(rst);
})
</script>

web.config

<configuration>
<system.web>
<compilation debug="true" targetFramework="4.5" />
<httpRuntime targetFramework="4.5" />
<httpHandlers>
<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/>
</httpHandlers>
<httpModules>
<add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
</httpModules>
</system.web>

</configuration>

.cs Page

Namespaces

using Ajax;

using System.Data.SqlClient;

protected void Page_Load(object sender, EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(Default2));
SqlConnection con = new SqlConnection("------------");
SqlCommand cmd = new SqlCommand("------", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataSet ds = new DataSet();
da.Fill(ds);
ddlCountry.DataSource = ds;
ddlCountry.DataTextField = "Country";
ddlCountry.DataValueField = "ID";
ddlCountry.DataBind();
ddlCountry.Items.Insert(0, new ListItem("SelectItem", "0"));
}

[Ajax.AjaxMethod(HttpSessionStateRequirement.ReadWrite)]
public string BindCities(int countryid)
{
StringBuilder _stringBuilder = new StringBuilder();
try
{
SqlConnection con = new SqlConnection("----");
SqlCommand cmd = new SqlCommand("", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataSet ds = new DataSet();
da.Fill(ds);
_stringBuilder.Append("<option value='0'> -SELECT-</option>");
if (ds != null && ds.Tables != null && ds.Tables[0] != null && ds.Tables.Count > 0 && ds.Tables[0].Rows.Count > 0)
{
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
_stringBuilder.Append("<option value='" + ds.Tables[0].Rows[i]["ID"].ToString() + "'>" + ds.Tables[0].Rows[i]["CityCode"].ToString() + "</option>");
}
}
return _stringBuilder.ToString();
}
catch (Exception Ex)
{
return Ex.Message.ToString();
}

}

Output:

Wednesday, February 4, 2015

JQUERY CLIENT SIDE VALIDATIONS

To get TextBox value without Master Page
var firstName = $('#txtFirstName').val()

To get TextBox value with MasterPage for TextBox
var subject = $(GetClientID('CallsSubjectTxt')).val();

To get drop down Text with Master Page
var callType = $(GetClientID('CallTypeDrp')).find('option:selected').text();

To get drop down Text without Master Page
var countryText = $('#DropDownList1').find('option:selected').text()

To get drop down Id without Master Page
var callTypeID = $('#CallTypeDrp')).val()

To get drop down Id with Master Page
var callTypeID = $(GetClientID('CallTypeDrp')).val()

To check checkbox validation with Master Page
if ($(GetClientID('RemainderChk')).is(':checked'))
RemainderCheck = 1;
else
RemainderCheck = 0;

To check checkbox validation without Master Page
if ($('#RemainderChk')).is(':checked'))
RemainderCheck = 1;
else
RemainderCheck = 0;

To find out all checked check boxes

$("input[type='checkbox']:checked").each(
function() {
// Your code goes here...
}
);

var isChecked = $('#chkSelectBox').attr('checked')?true:false;

Here if check box is checked it returns true, else undefined

var isChecked = $('#chkSelectBox').prop('checked');

prop() will return true or false

Label Validations:

<head runat="server">
<title></title>
<script src="jquery-1.7.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var lablevalue = $('#Label1').text();
alert('Label Value ' + lablevalue);
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="divClassusingID" style="width:400px">
<asp:Label ID="Label1" runat="server" Text="hi uday"></asp:Label>

</div>
</form>
</body>

output:

To get label value with master page

$('#<%=Label1.ClientID%>').text();

To get label value without master page
$('#Label1').text();

-----------------------------------------------------------------------------------------

Set label value with master page
$('#<%=Label1.ClientID%>').text("New Value");

Set label value without master page

$('#Label1').text("dotnetbyudayrajakonda.blogspot.in");

Example:

<head runat="server">
<title></title>
<script src="jquery-1.7.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var lablevalue= $('#Label1').text("dotnetbyudayrajakonda.blogspot.in");
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="divClassusingID" style="width:400px">
<asp:Label ID="Label1" runat="server" Text="hi uday"></asp:Label>
</div>
</form>
</body>

Output:

Set Textbox value with Master Page

$('#<%=TextBox1.ClientID%>').val("New Value");

Set Textbox value without Master Page

$('#TextBox1').val("HI uday");

$(document).ready(function () {

var a=$('#TextBox1').val("HI uday");

});

</script>

</head>

<body>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</div>

</form>

</body>

Output:

Set Dropdown value with Master Page

$('#<%=DropDownList1.ClientID%>').val("hi");

Set Dropdown value without Master Page

$('#DropDownList1').val("hi");

Get text of selected item in dropdown with Master Page

$('#<%=DropDownList1.ClientID%> option:selected').text();

Get text of selected item in dropdown without Master Page

$('#DropDownList1 option:selected').text()

Make textbox as Read only

$('#TextBox1').attr('readonly', 'readonly');

$(document).ready(function () {

$('#TextBox1').attr('readonly', 'readonly');

});

</script>

</head>

<body>

<asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>

</div>

</form>

</body>

To disable texbox

Using check box

$('#CheckBox1').attr('checked');

output:

Example:

Thursday, January 22, 2015

HttpContext.Current.Items & HttpContext.Current.Sessions

Difference between HttpContext.Current.Session and HttpContext.current.Item.
HttpContext.Current.Item” data will be there for single HTTP Request/Response

HttpContext.Current.Session data will be there throughout user’s session.

HttpContext.Current.Item It stores data for very short term,i.e data stored here for very short period. Items collection in HttpContext is an IDictionary key-value collection

HttpContext.Current.Item
Eg

HttpContext.Current.Items["Value"] = "Hi";

To Retrieve the data

HttpContext.Current.Items["Value"]

Note: Here the data will be lost , when we send request to the server

Example