Web Code Helpers Coding Blog, Angularjs Tutorials, html5, css, jQuery, Ajax, javascript, html, examples and Demos Web CodeHelpers

jQuery input field special characters validation

jQuery input field special characters validation

Validating the html input fields using jquery

In this example i am trying to explain how to validate the input field for special characters
please go through the below code and provide comments

Registration form validation using jquery with example

Javascript SET, GET and REMOVE Attribute With Example

In this Article i am going to explain how we will  Use SET, GET and REMOVE Attribute using Javascript

SET-GET-REMOVE Attributes using Javascript

First we will see the basic syntax of the SET, GET and REMOVE Attribute using Javscript

SetAttribute Using Javascript


GetAttribute Using Javascript


Remove Attribute Using Javascript


check the below we implement in the real time Scenarios 

jQuery Accordion Toggle Example with plus and minus buttons

jQuery Accordion Toggle

In this article, i created a Accordion with plus and minus toggle

In Day to Day Life we develop lot of interactive pages,  we uses accordions for that pages

this jQuery Accordion is pretty simply, with 14 line of code you can create n number of accordions easily 

check the below code 

New "Firefox developer Edition" Browser in Detail

At Last Mozilla Came up with New Developer Friendly Browser ,
it named as "Firefox Developer Edition" ,  it's a bundle of lot useful features for web developers

Click Here to Download Firefox Developer Edition

New Developer Tool bar in Firefox Developer Edition Look like below pic

New Conversation system directly available in the browser itself

Browser Based Open WebIDE check below screen shot

Still lot's more features are available in the new firefox developer edition For More Details :

Browse : https://www.mozilla.org/en-US/firefox/developer/

Package's Management in Sublime Text IDE

Before exploring into Sublime Text IDE Packages

we will start from the first step, Downloading the Sublime text IDE

Click here to download the Sublime Text  IDE Latest Version 

After Installing the Sublime Text IDE, To Manage the Packages, we need to install the Package Control in the sublime text , follow the below process

The simplest method of installation is through the Sublime Text console. The console is accessed via the ctrl+` shortcut or the View > Show Console menu. Once open, paste the appropriate Python code for your version of Sublime Text into the console.

you can see the console at the bottom as below screen shot 

After that copy the below code in  the console based on the Sublime Version you are using, then press enter 

Alternative Method :
If for some reason the console installation instructions do not work for you (such as having a proxy on your network), perform the following steps to manually install Package Control:
  1. Click the Preferences > Browse Packages… menu
  2. Browse up a folder and then into the Installed Packages/ folder
  3. Download Package Control.sublime-package and copy it into theInstalled Packages/ directory
  4. Restart Sublime Text

Javascript DOM Manipulations with Example

In this Article i like to explain how we are using javascript for DOM Manipulation,
As part of explanation, i am going to create a vertical tabs with information as a example

1. Event handling using JavaScript

2. Add or Remove class using JavaScript

3. Adding inline styles using JavaScript

Event Handling using Javascript in the below article 

Click Here View Detailed article on EventHandling 

For Add or Remove Class Name,  we will do using the className in the Javascript 

 for Asssinging the classname in javascript 

example : element.className = "newclass";

for Removing the classname in javascript 

example : element.className="";

Adding inline Style using javascript 

example : element.style.width = "330px"

i created a small example [Vertical Tab Menu with Data] with all the above dom manpulation features


MAC Sublime Text IDE Shortcuts / Cheat Sheet

Useful Shortcuts for MAC Sublime text user


⌘ + ⇧ + PCommand Palette
⌘ + PGoto Anything
⌘ + RGoto Symbol
⌘ + NNew File
⌘ + SSave File
⌘ + ⇧ + SSave File As
⌘ + ⌥ + SSave All
⌘ + OOpen File
⌘ + WClose File
⌘ + ⇧ + TReopen Closed File
⌘ + ⇧ + NNew Window
⌘ + ⇧ + WClose Window
⌘ + K, ⌘ + BShow Sidebar
⌃ + `Show Console
⌘ + ⌃ + FEnter Full Screen
⌘ + ⌃ + ⇧ + FEnter Distra­ction Free Mode

Search / Replace

⌘ + FFind
⌘ + GFind Next
⌘ + ⇧ + GFind Previous
⌘ + IIncrem­ental Find
⌘ + ⌥ + FReplace
⌘ + ⌥ + EReplace Next
⌘ + ⌥ + GQuick Find (searches for the word under the cursor)
⌘ + ⌃ + GQuick Find All (selects all occurences of the word under the cursor)
⌘ + EUse Selection for Find
⌘ + ⇧ + EUse Selection for Replace
⌘ + ⇧ + FFind in Files (all open files)
F4Next Result (file search results)
⇧ + F4Previous Result (file search results)

Subscribe updates via Email