2014 January 05 Archive - EXEIdeas – Let's Your Mind Rock

Many codes including me was looking for it. This type of code is also availeable on google widley but they arenot like this. This one have some extra features. Its sound to be simple but its not only in working and very simple in coding. The main work of this code is first to pick the desired classes from all the webpage through CSS CLASS not CSS ID that many do, The next step is to convert all of these classes with one click to other classes. So via this you can change full style of a div using its class.It actually run a loop by finding the same class from a webpage that is not required if we pick the DIVs from there ID but sometime we only have CLASS. One more thing is that you can also switch between two classes or a div using the same code and also some more taht you can get via contacting us. So now check out the live DEMO and see the features of the code and get it from below. Its quite easy to understand and use it. #Demo {padding: 5px;border: 1px solid #ff0000; -moz-border-radius:6px; -webkit-border-radius:6px; background:#F8F8F8; box-shadow: 3px 3px 3px #D44B2C; width:200px; } #Demo{margin-bottom:5px;} #Demo a{color:#D44B2C;background:#F8F8F8;padding:8px 14px;display:inline-block;font-size:12px;line-height:12px;text-decoration:none;text-transform:uppercase;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #Demo a:hover{color:#fff;text-shadow:0px 1px 0px #000;background:#D44B2C;text-decoration:none} CLICK HERE TO SEE DEMO Features:1.) Pure JavaScript Code.2.) Simple And Easy To Understand.3.) Best For Multi-Purpose.4.) Change Multiple DIV Of Same Classes On One Page.5.) Fully Customizable.6.) No JQuery Added.7.) Will Pick Your DIVs From Classes Not IDs.8.) Switchable Code Design.(Contact For It)9.) Short CSS Added.10.) You Can Change Multiple Different Classes Too.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire “Blog“.3.) Go To “Layout“.4.) Click “Add A Gadget” Where You Want To Add It.5.) Now Scroll To “HTML-JAVASCRIPT“6.) Click “+” Icon To Add It.7.) Now Copy The Below Code And Paste It To There.8.) Click “Save“, Now You Are Done.OR1.) Go To Your www.blogger.com2.) Open Your Desire “Blog“.3.) Go To “Template“.4.) Click “Edit HTML“.5.) Now Click Within Code Box.6.) Press [CTRL+F] To Search <body Code.7.) Now Copy The Below Code And Paste It After “.3.) Save It, Now You Are Done. .normal_class{background-color:#ff0000;width:100%;height:100px;} .changed_class{background-color:#0000ff;width:100%;height:100px;} function blue(){ if(document.getElementsByClassName("normal_class")) {elementArray = document.getElementsByClassName("normal_class"); while (elementArray.length) {elementArray[0].className = "changed_class";}} } +++Your DIV Data+++ +++Your DIV Data+++ +++Your DIV Data+++ Blue Customization:1.) normal_class Is You Main Default Class Of The DIV.2.) changed_class Will Be Your Class Of The DIV After Click.3.) So Change These And Save It.