How to check the div(any element) is visible/Hidden
HTML :
<div id=”divPatientDetail”></div>
JQuery :
if ($(“#divPatientDetail”).is(“:hidden”)) {}
if ($(“#divPatientAcuityDetails”).is(“:visible”)) {}
Explanation :
Codition will check whether “divPatientDetail” div is hidden or visible
Implementing Globalization , Localization in MVC Razor
Short introduction:
Globalization : Tthe process of designing and developing application that functions in multiple cultures/locales.
(Adapting a global product for a multiple language)
Localization : The process of adapting a particular language. ie., which is comfortable to use in the target country.
In this post let we see how we implement Localization
Step 1 : Add resource file to the application as show in below
Step 2 : Open Resources.resx fils and enter the key and value as like below screen
Note : while saving the resource file ,we want to set the access specifier to access the resource name in the view
Step 3 : Add the following code in the view
View : Include reference on the top of the view page
@using MVCRazor.Properties
<div> @Resources.sampletext</div>
Step 4 : Run the application
Description :
1 ) @using MVCRazor.Properties : importing the reference to the view
2) @Resources.sampletext : @Resources is a name of the resource and sampletext be a key of the resource file
3) At runtime it will display the equlant value match for the key
In this post we will discuss about how to call the controller from the radio button click event using jquery.
<div id=”radio”>
<input type=”radio” id=”Isactive” name=”Isactive” value=”1″ >Yes</input >
<input type=”radio” id=”Isactive” name=”Isactive” value=”0″ >No</input >
</div>
$(document).ready(function () {
$(‘input[type=radio]’).live(‘change’, function()
{
alert($(this).val());
window.location = ‘@Url.Action(“UserDetail”, “AllUserDetail”)’;
});});
public ActionResult UserDetail()
{
//Perform action here
}
UserDetail : This will be the name of the action
AllUserDetail : This will be the name of the controller.
[HttpPost]
[ValidateInput(false)]
public JsonResult FetchUserDetailsByid(string userID)
{
List<UserDetailByID> userDetailollection;
try
{
//return the User Details List
userDetailollection = new GetUserDetailsByidModel().FetchUserDetailByid(UserID));
}
catch (Exception ex)
{throw ex;
}
var jsonSerializer = new JavaScriptSerializer();
string output = jsonSerializer.Serialize(userDetailollection );
return Json(new
{
output
}, JsonRequestBehavior.AllowGet);
}
using System;
using System.Collections.Generic;
using System.Web.Mvc;
using System.Web.Script.Serialization;
$.ajax({url: “@Url.Action(“FetchUserDetailsByid”, “UserDetail”)”,
data: “{ ‘userID’: ‘” + userID + “‘ }”,
dataType: “json”,
type: “POST”,
contentType: “application/json; charset=utf-8”,
success: function(data)
{
//Converting JSON String to JSON Object
var jsonObject = $.parseJSON(data.output);
if (parseInt(jsonObject.length) > 0)
{
alert( jsonObject[0].UserName);
}
},
error: function(result) {
alert(“Error”);
}
1. URL “FetchUserDetailsByid” be the name of the method
“UserDetail” be the name of the controller
2. “var jsonObject = $.parseJSON(data.output);” is used to converting
json string to object
How to split the attribute “class” name in the html element
HTML :
<div id=”divUserDetails” class=”red”>
JQEURY :
$(document).on(“click”, “#divUserDetails”, function()
{
var userColor = $(this).attr(‘class’) == null ? “No User Color Found” : $(this).attr(‘class’);
alert(userColor );
}
Output
Here is the output
How to get the top and left positon of clicked td/div
Jquery
$(document).on(“click”, “#tbUserDetails”, function()
{
var getclickTop = $(this).offset().top;
var getclickLeft = $(this).offset().left;
}
Explanation:
.on method is used for dynamically created table using jquery (at runtime)
HTML
<table>
<tr>
<td id=’tbUserDetails’></td>
</tr>
</table>
MVC4 Razor : How to get the value from view to controller ?
Explanation :
Here i explain how to get the value from html razor control (view) to controller
Code in View:
@using (Html.BeginForm())
{
@Html.TextBox(“txtCustomerName”)
<input type=”submit” value=”Send” />
}
Code in Controller
Output :
After press send button the value will be catch in controller (as like below)
Note :
As above , we can get value of other control from the view to controller
1. [AcceptVerbs(HttpVerbs.Post)] , will do action when we use Html.BeginForm()
2. FormCollection : It provides to access the values that were just posted to your page.
Adding Javascript and css file in MVC
Here let we saw how to add .js and css file in mvc
Step 1 : Add Script (.js)/(.css) file under the script folder
Step 2 : Include the file in the BundleConfig.cs under App_Start folder as show below
Step 3 : Finally include the bundle in the view (ie., .cshtml)
@Scripts.Render(“~/bundles/slider”)
@Styles.Render(“~/Content/css”)
Let we saw how to create user control and how to use from toolbar
Step 1: Right Click and Add —> NewItem–>Usercontrol.cs
Step 2: Click “Ok” , And Place the Collection of controls to make a group
Step 3: Make compile after every changes in UserControl, After successful Build, the Usercontrol created in Tool box.
Step 4 : Now drag and drop the User Control to the .aspx
Here we discuss about how to create Captcha using DLL
.aspx File
<%@ Register Assembly=”MSCaptcha” Namespace=”MSCaptcha” TagPrefix=”cc1″ %>
<form id=”form1″ runat=”server”>
<div>
<cc1:CaptchaControl ID=”Captcha1″ runat=”server”
CaptchaBackgroundNoise=”Low” CaptchaLength=”5″
CaptchaHeight=”60″ CaptchaWidth=”200″
CaptchaLineNoise=”None” CaptchaMinTimeout=”5″
CaptchaMaxTimeout=”240″ FontColor = “#529E00″ />
</div>
<asp:TextBox ID=”txtCaptcha” runat=”server”></asp:TextBox>
<br />
<asp:Button ID=”btnVerify” runat=”server” Text=”Verify” OnClick=”btnVerify_Click” />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator1″ runat=”server” ErrorMessage=”*Required” ControlToValidate = “txtCaptcha”></asp:RequiredFieldValidator>
<br />
<br />
<asp:Label ID=”lblMessage” runat=”server” Font-Names = “Arial” Text=””></asp:Label>
</form>
CodeBehind File
protected void btnVerify_Click(object sender, EventArgs e)
{
Captcha1.ValidateCaptcha(txtCaptcha.Text.Trim());
if (Captcha1.UserValidated)
{
lblMessage.ForeColor = System.Drawing.Color.Green;
lblMessage.Text = “Valid”;
}
else
{
lblMessage.ForeColor = System.Drawing.Color.Red;
lblMessage.Text = “InValid”;
}
}
Note : Download .dll here