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

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



element.setAttribute('attributeName','value');



GetAttribute Using Javascript



element.getAttribute('attributeName');



Remove Attribute Using Javascript


element.removeAttribute('attributeName');



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

General

⌘ + ⇧ + 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)

Sublime Text 3 Code Editor - IDE


  1. An integrated development environment (IDE) or interactive development environment is a software application that provides comprehensive facilities to computer programmers for software development. An IDE normally consists of a source code editor, build automation tools and a debugger.

Sublime Text is a Best IDE for  code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance.

Download Link for Sublime Text 3 IDE are below

Subscribe updates via Email