Kapil Sharma Run ON Road
Posts
Image zoom in ASP.Net using Jquery and Elevate plug-in
Introduction This article is about to explain how to create Image zoom in ASP.Net using Jquery and Elevate plug-in. Requirement 1. Download Elevate plug-in Code Write the below code in to your page : <% @ Page Language ="VB" AutoEventWireup ="false" CodeFile ="Default.aspx.vb" Inherits ="_Default" %> <! DOCTYPE html > < html xmlns ="http://www.w3.org/1999/xhtml"> < head > < title > Image zoom </ title > < script src ='http://code.jquery.com/jquery-1.9.1.min.js'></ script > < script src ='jquery.elevateZoom-2.5.3.min.js'></ script ></ head > <% --<script src='jquery.fancybox.js'></script>-- %> < body > < div > < asp : Image ID ="Image1" runat ="...
Image Slider Using jquery
n this blog we will make a simple jquery image Slider. We will use three files HTML, CSS and Javascript. Step 1: HTML page We are using <div id="slider"> having <ul class="slides"> having <li class="slide"> Trick: Image in first and last Image is same. If you will not use this trick then there will be problem in flow of slides at last slide. <!Doctype html > < html > < head > < meta http-equiv = "Content-Type" content = "text/html; charset-UTF-8" /> < meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1" > < script src = "http://code.jquery.com/jquery-1.10.2.min.js" > </ script > ...
Get Values from Array in JavaScript using jQuery
I just started working on Office app. In office 365 app, mostly we have to use client side scripting. So, i want to get cell values from excel. Somewhere, i need to define JavaScript array and get values from array in my code. hence, I have prepared JavaScript method to get values from array. What is Jquery? I don't want to explain overview about jQuery in this blog. Here is the nice explanation in following link. jQuery Overview How can we get array values from client side using jquery? We can get array values using $.each method in jQuery. I have used jQuery version 1.10.2 js in following sample. $.each() is a generic iterator function for looping over object, arrays, and array-like objects. Plain objects are iterated via their named properties while arrays and array-like objects are iterated via their indices. // Declare array like following in javascript var arr = ["Mahesh", "Pr...
How To Use JQuery
jQuery Syntax Through jquery we can perform every type of work such as manipulation, hide, sliding with Html element. for its we select Html element and perform action. For creating jquery function firstly have to defined "$(document).ready(function)". Syntax $(document).ready(function(){ // write hear jquery function }); Syntax for selecting Html element. $(selector).action() In above example selector specifies select Html element. Element can be selected by id, element name, class name and action specifies action that should be done. Action may be hide, slidedown, slideup, show etc. Example In following example we use hide method with "p" element. after clicking on button all "p" element will be hide. <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(do...
Animation In JQuery
jQuery Effect Animate() Method Use of jquery animate() method for create custom animation in our document. Custom animated crated by set different type of CSS properties. For example: size, border size, margin, padding etc. When event is occurs then properties value will be change. jquery animate() method only work on numertic value as like (height 500px). Its not work on string value as like (Color:green). Syntax (selector).animate({styles:value}) Example In this example div width size is 100px when we click on button then size will be change 250px. <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#but").click(function () { $("#abc").animate({ width: "250px" }); ...
Pie Chart in WPF
Pie Chart in WPF The WPF Toolkit released in June 2009 comes with a data visualization assembly called System.Windows.Controls.DataVisualization.Toolkit.dll that hosts the charting functionality in WPF. This article demonstrates how to draw pie charts using the WPF Toolkit. Note: This article is written by using the WPF Toolkit June 2009 that you can download from here: WPF Toolkit - Release: WPF Toolkit June 2009 . This toolkit may be a part of WPF in near future versions. Adding WPF Toolkit Reference Before you can use any charting related functionality in a WPF application, you must download the WPF Toolkit. After that you need to add a reference to an assembly. To add a reference, right click the References folder of your project in Solution Explorer and select Add Reference. This action will open the Add Reference dialog as you can in the following Figure 1. On this dialog, select Browse option and browse the System.Windows.Controls.DataVisualization.Toolkit...