Show User Current Location on Google Map using GeoLocation API in our Website

Description:-

In this example we explain that how to show user current location using Google map API  (Geolocation) using javascript in asp.net and Get user current location details like latitude and longitude using Google map API (Geolocation) using javascript in asp.net.

look at the above image in which my current location is display in Ahmedabad because i use this program in Ahmedabad so you use this code in your home then it will display the Google map for your city in which you are located.

this is very useful things or features of Google you can easily add in your website and show the location of the user.

If would you like to show user current location details in in Google map with latitude and longitude details then we first need to get Google API(Application programming interface).here latitude and longitude are the coordinates for search location, as well as get the coordinates of a location you've already found on Google Maps.

What is Google API;-

            An API(Application programming interface)  is one kind of specification used by software components to communicate with each other.

An API may describe the path in which a particular task is performed.

How to Get Google Map API key for website:-

http://www.w3schools.com/googleAPI/google_maps_api_key.asp

click on this link here it will describe how to get API key for Google map.and then when you get the key then write the following code in your aspx or html or other pages in which you are worked.

how to create or Generate thumbnails of the image in asp.net Generate thumbnails of the image in asp.net

mvc example for display grand total in footer of webgrid Footer template in webgrid in mvc4

create awesome vertical menu using CSS Fancy vertical menu in CSS

How to get textboxes values created by jQuery in MVC4

Description:-

There was a problem that I was faced when I was trying to get the values of TextBoxes created by jQuery. I was  to get the value of each Textbox created by jQuery by using the Id attribute of the TextBox, but I was getting NULL value. so behind this reason and finally I got the solution. Let's understand the ID and Name attribute of Html controls.

So in this example we explain that how to find TextBox values in controller action Method and inserted into the database created by Jquery.

1.                 ID

Id attribute of an input html control are used to uniquely identified a control on the html page. We use Id for getting an input html control's value using jQuery at client side.

2.                 Name

Name attribute of an input html control are used for posting that control values on server side like TextBox.

Hence, while creating a Html TextBox or Dropdown list using jQuery also defined the Id and Name attributes of an Html TextBox or Dropdown list.

Also, Textboxes for entering customers full name are created by jQuery as shown below.

how to create or generate thumbnails of the image create thumbnails of the image in asp.net

sorting data in gridview with up and down arrow sorting data with up and down arrow in gridview

Ajax Autocomplete Textbox search example autocomplete textbox search in asp.net

to use this example first you have to create a controller and then create a view for the Index and then put the below code in controller and view page are defined below.

Routing in Asp.Net MVC with example in mvc4

Description:-

            In previous example we explain that how to display dates using DayCalenderPage extention method Displaying dates using page calender Extention method in mvc4 but now in this example we explain the how to create Routing in mvc.

What is Routing in mvc:-

Basically, Routing is one kind of a pattern and are used to matching system that monitor the incoming request and figure out what to do with that request

Why use routing?

when we are developing an eCommerce application to sell products online we use URL's like :http://www.onlineshopping.com/electronics.aspx.

If we observe the above URL  we can easily say that electronics.aspx is an ASP.NET page that display the list of the electronic products. So this is self explanatory. Now we want to add a subcategory called mp3 that will display only the MP3 players to the user instead of all the electronic products. Simple we apply the filter on the page and when the user clicks the mp3 hyperlink on the page we pass a unique id in the URL that represents the mp3 player. So our problem is solved. Now our URL looks like http://www. onlineshopping.com/electronics.aspx?catId=8. But if we are having hundred’s of products to sell. So we end up with URL’s like

www. onlineshopping.com/electronics.aspx?catId=8

www. onlineshopping.com/electronics.aspx?catId=9

www. onlineshopping.com/electronics.aspx?catId=15

The above URL’s appears to be just perfect for us and syntactically they are, but thinking from the end user’s perspective which product URL you think he will remember more than the others. I could say none of the above URLs. We are after all humans and we are more likely to remember words than numbers. So all the above URLs are the same for the end user. Wouldn’t it be nice if we have URLs like:

www.myproducts.com/electronics/products/mp3

www.myproducts.com/electronics/products/tv

www.myproducts.com/electronics/products/laptop

The above URLs seem self explanatory and the user can easily guess that if we sell CDs he just have to append cd at the end of the common URL

www.myproducts.com/electronics/products/cd  

These types of URL’s are called hackable URL’s and it is one of the advantages of using routing

How to Define or Register Route

In above example we have defined the Route Pattern {controller}/{action}/{id} and also provide the default values for controller,action and id parameters. Default values means if you will not provide the values for controller or action or id defined in the pattern then these values will be serve by the routing system.

Suppose your webapplication is running on www.example.com then the url pattren for you application will be www.example.com/{controller}/{action}/{id}. Hence you need to provide the controller name followed by action name and id if it is required. If you will not provide any of the value then default values of these parameters will be provided by the routing system. I am sharing a list of URLs that match and don't match this route pattern.

insert,update,delete in gridview without Postback CRUD operation without Postback in asp.net

Dynamically Bind data in Ajax Accordion Panel Ajax Accordion panel Example in asp.net

how to Restrict the size of file upload when upload by user restrict the size of file upload control in asp.net

mvc example for displaying or Showing dates using DayCalendarPage extension method

Description:-

            In this example we explain that how to create a event dates in List format with event title and event description in mvc4.

In my events web site I need to show event dates in lists format so users can easily see them and understand it.. As there are more than one view where I need this functionality I wrote HTML extension method that outputs day calendar view based on current date. In this posting I will show you my extension method and show you how to use it.

DayCalendarPage extension method

Here is the extension method that generates day calendar page like shown above.

---

public static MvcHtmlString DayCalendarPage(this HtmlHelper helper, DateTime date)
{
    var buffer = new StringBuilder();
    buffer.Append(@"<div class=""dayCalendarPage"">");

    buffer.Append(@"    <div class=""title"">");
    buffer.Append(date.ToString("MMM"));
    buffer.Append(@"    </div>");

    buffer.Append(@"    <div class=""day"">");
    buffer.Append(date.ToString("dd"));
    buffer.Append(@"    </div>");

    buffer.Append(@"</div>");

    return MvcHtmlString.Create(buffer.ToString());
}

---

This method outputs HTML that is made to nice day calendar page using CSS.

CSS

Here is my CSS that makes calendar look nice. It is not very optimal I think but it works.

---

/* DAY CALENDAR PAGE */ 
.dayCalendarPage
{
     clear:none;
     float:left;
     text-align:center; 
     border:1px solid lightgrey; 
     margin-right:10px;
}
.dayCalendarPage .title
{
     background-color:Red;
     color:White;
     width:50px;    
}
.dayCalendarPage .day
{
     font-size:15pt;
     font-weight:bold;
     padding-top: 5px;
     padding-bottom: 5px;
}

---

Now as you have extension method and styles added to your project it is time to use them.

How to use DayCalendarPage method

Here is the example about how to use DayCalendarPage extension method.

---

@foreach (var item in Model.Results) {
     <tr>
        <td colspan="10">
           @Html.DayCalendarPage(item.StartDate)
           <div>
              @Html.ActionLink(item.Title,"event", new { id = item.Id})
              <br />
              @item.Description
           </div>
       </td>
    </tr>
}

to sorting data in gridview with up and down arrow sorting data in gridview in asp.net

change the background of gridview row when mouse is hover changebackground color of gridview in asp.net

to implement this you have to follows this step

1)create table with coloumn id,title,description in sqlserver.

2) create the Linqtosql Dataclasses and and drag and drop the table that you are created.

How to create dynamic controls in ASP.NET and retrieve's values from it

Description:-

            In this example we explain that how to create controls dynamically like TextBox,DropdownList etc… in asp.net and retrieve the values of the dynamically created  control and access it.

In which example we created Textbox for name field,another Textbox for salary field and DropdownList for  age field and when user enter data into this dynamic control and click on submit button the data is inserted in database and bind it in Gridview Dynamically.

Look at this user enter 5 in textbox then 5 rows dynamically created and fillup the data and click on submit button then all 5 rows will be inserted in database.

Ajax password checker example Check the Strength of Password using ajax in asp.net

How to handle concurrency in Linq to sql Concurrency Example linq to sql in asp.net

Example of Royal flush in css Royal flush example using CSS

to download complete Example click below download link

How to redirect to another page from MVC controller in mvc4

Description:-

            In Previous Example We Explain that How to Export Gridview or Webgrid Data to MS Word or MS Excel sheet in MVC4.but now in this example we explain that how to redirect one page to another page in mvc or redirect from Controller to view page in mvc.

This is simple just you can pass the url in controller method and in which we create a code to redirect to the specified URL argument like

<form action="/Home/Goto" method="post">

    <label for="gotourl">url:</label>

    <input type="text" name="gotourl" />

    <input type="submit" />

    </form>

In above code you enter the url of the page that you want to redirect and when click on submit button then it will call the Goto method of the Homecontroller like

public ActionResult Goto(string gotourl)

        {

         

            return Redirect(gotourl);

        }

Look at this method simple redirect the page with  gotourl argument that you can enter in the Textbox.

The main thing keep in mind is that  <input type="text" name="gotourl" /> name of textbox and argument of method both are same like name of textbox gotourl and argument of the method like public ActionResult Goto(string gotourl) must be same that you are define in controller method.

Implement Remember Me functionality using CheckBox ASP.Net 

set WaterMark Text in PDF using itextsharp in C#

How to set Default Button in MVC Web Form Application 

How to Bind XML File data to Treeview in asp.net

JQuery datepicker calender with Dropdown month and year in asp.net. 

MVC Example for Export or transfer Gridview Data to MS Word File in MVC4

Description:-

            In previous Example we Explain that How to Export Gridview data to Excelsheet in MVC  Export Gridview data to excelsheet in asp.net but now in this example we explain that how to Export Gridview Data to MS word in MVC4.

This is very useful when we have to generally Create a Report or you can Directally print the Document

you have to set Content Type of the page Before sending or Exporting data to ExcelSheet like

Response.ContentType = "application/ms-word";

to show example of WCF service for insert,update,delete CRUD operation using WCF service

check the Extention of file when upload upload only image or word file

there are number of steps to follow how to Export or transfer Gridview or webgird data to Excelsheet Database file.

step 1:- First create a LinqtoSQL class in Model folder and drag and srop the table that you have to use in example.

step 2:- create a controller like exportgridtoexcel in controller Folder.

step 3:- create a view page For display the details we have to create a view page for that in the exportgridtoexcel controller add following code.

   DataClasses1DataContext dc = new DataClasses1DataContext();

        public ActionResult Index()

        {

            var lst = (from p in dc.movies select p).ToList();

            return View(lst);

        }

step 4:-Then for export the data to excel add following code to the exportgridtoexcel Controller

   public List<movie> fetch()

        {

             var lst = (from p in dc.movies select p);

            return lst.ToList();

        }

        public ActionResult ExportData()

        {

            GridView gv = new GridView();

            gv.DataSource =fetch();

            gv.DataBind();

            Response.ClearContent();

            Response.Buffer = true;

            Response.AddHeader("content-disposition", "attachment; filename=Marklist.doc");

            Response.ContentType = "application/ms-word";

            Response.Charset = "";

            StringWriter sw = new StringWriter();

            HtmlTextWriter htw = new HtmlTextWriter(sw);

            gv.RenderControl(htw);

            Response.Output.Write(sw.ToString());

            Response.Flush();

            Response.End();

            return RedirectToAction("Index");

        }

Load UserControl Dynamically using Jquery Ajax in Asp.Net without Postback

Description:-

            In previous example we allready expalin that how to perform Insert,Update,Delete in Gridview without Postback using Jquery/Ajax.but now in this example we explain how to Load Asp.Net usercontrol(.ascx control) in aspx webpage without Postback using Jquery Ajax in asp.net.we can also Load the css or javascript that are define in usercontrol.

What is UserControl

.Net provide a  Web server controls by using this in your ASP.NET Web pages, you can easily create our own custom, reusable controls using the same techniques as you use for creating ASP.NET Web pages and these controls are known as user controls.

A user control is a kind of composite control that works much like an ASP.NET Web page andYou can easily embed them in ASP.NET Web pages in which they act as a unit.
 

This is very useful example when that type of problem you faced like

For Example:-

I have a ASP.Net(C#) page. When a user selects a value in dropdownlist, some new controls will be visible to him. I am able to that now, but the page has to reload every time and state has to be maintained between postbacks.

So in this sitution you can easily Load the control without Postback or PageLoad.

Dynamically Bind Data in Ajax Accordion Panel Bind Data to Accordion from databse

Restrict the size of File when Uploaded How to Restrict the size of File when uploaded by user

Dynamically Read/Write File in asp.Net How to Read Write File in Asp.Net using C#