Skip to main content

Posts

Showing posts with the label JQuery

Increse Decrease Font Size | Zoom In Zoom Out Text Size Using jQuery

Overview: In this tutorial i am going to explain about how to increase and decrease font size or how to zoom in and zoom out text using jQuery and javascript. WE can increase and decrease font size or zoom in and zoom out text for the entire page as well as for a particular part of the page.

jQuery Code/Script To Make The First Word Bold

Overview: In this tutorial i am going to explain about how to make the first word bold using jQuery script. For this using regular expression i am finding the first word from the target element and then adding the <strong> tag to that word then replacing it in the target.

How To Show Tooltip On Mouse Hover In Gridview in Using jQuery in ASP.Net C#.Net & VB.Net

In this tutorial i am going to explain about how to show tooltip On Mouse hover in gridview in ASP.Net , C#.Net & VB.Net using jQuery.

How To Convert JSON Data Into Html Table Using Javascript jQuery

In this tutorial i am going to explain about how to display the json data into html table using javascript & jquery. For explaining how we convert the json data into html table using javascript & jquery we have created a json file that contains the below json data. data.json: [ {"Model" : "Iphone 18", "Name" : "iOS", "Share" : 57.56,"Price Range":"$800 - $1000","Brand":"Apple"},  {"Model" : "Nexus 23", "Name" : "Android", "Share" : 24.66,"Price Range":"$600 - $800","Brand":"Samsung"},  {"Model" : "Tom-tom", "Name" : "Java ME", "Share" : 10.72,"Price Range":"$200 - $900","Brand":"X Brand"}, {"Model" : "Nokia 66610", "Name" : "Symbian", "Share" : 2.49,...

Show hide password characters using javascript,jquery

<! DOCTYPE html > < html > < head runat ="server"> < title > Show Hide Password </ title > <% --Include jQuery Library-- %> < script type ="text/javascript" src ="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></ script > </ head > < body > < form > < div style =" margin :80px;"> < input type ="hidden" value ="0" id ="mode" /> < input type ="password" id ="txtpass" /> < button id ="btnclick" onclick ="return fnClick();">     Show Password </ button > </ div > </ form > < script type ="text/javascript"> //Javascript code to show hide password characters function fnClick() { var curval = $( '#mode' ).val(); $( 'input[type="password"],input[type="input...

Toggle Checkbox Checked Property Using jQuery

Introduction: In this article i am going to explain how to toggle the Checked property of the checkbox using jQuery. In my previous article i have explained about How to change Placeholder text color on focus using css   during on focus and on blur events. Explanation: While working on a web form i got a requirement. That is in the form there will be four checkboxes. And there will be a button. While clicking that button the checkboxes which is already checked should be unchecked and the checkboxes which is not checked should be checked. I have included the jQuery library in the page. Below is the  code. < script src ="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type ="text/javascript"></ script > Below is the html code i have used. The four checkboxes have the common class called check so we can access all the check boxes using the class itself. Or you can use the input selector mentioning that type='chec...

Check a checkbox using jQuery or JavaScript?

To check this you can Use the new .prop() function: $('.chkTest').prop('checked', true); $('.chkTest').prop('checked', false); But it will work only injQuery 1.6 and above.  To check in jQuery 1.5 and below versions you need to use .attr(). To check the checkbox (by setting the value of the checked attribute) do $('.chkTest').attr('checked','checked'); and for un-checking (by removing the attribute entirely) do

Move items in drop down list from left to right using jQuery

Introduction: In my previous article I have explained about   Add remove select and set items in select drop down list . In this article I am going to explain about how to move items from left side to write side using jQuery Explanation: For example in my form I have two dropdown lists one with id “allcities” and another one with id “selectedcities”. And I have two buttons one for moving item from left to right (btnleft) and another one is to move item from right to left (btnright). Below is the html code.

Add remove select and set items in select drop down list

Introduction: In my previous article I have explained about Convert string to lowercase-uppercase in xslt . In this article I am going to explain about how to add,remove,check and set the items in select using jQuery Explanation: For example in my form I have a select option with id “ seloption ”. To add a item with value “option1” and with text “Option-1” below code is used.

Get current url using JavaScript jQuery

Introduction: In my previous article I have explained about how to run google apps script function periodically javascript. In this article I am going to explain about How to get current url in jquery,Javascript and C#.Net. Explanation: Get current url using jQuery var currenturl = $(location).attr('href'); In javascript var currenturl = window.location.href; In C#.net string url = HttpContext.Current.Request.Url.AbsoluteUri;