Andrew Pollack's Blog

Technology, Family, Entertainment, Politics, and Random Noise

Code Tidbit -- JavaScript to make all your button and text input elements easily CSS accessible.

By Andrew Pollack on 01/05/2007 at 10:02 PM EST

Ever want to do something in CSS that impacts only the buttons on your page? I came across a nifty bit of JavaScript that solves the problem of CSS applied to buttons rather than all input tags. A button is an input tag, and there is no CSS (current supported versions) selector for buttons specifically.

This code, called in the onload() event of the document, will add a class name of "button" to all the button elements on the form, and a class name of "text" to all the text input device.

Dustin Diaz had posted the original code, to which I've added a bit of functionality. Dustin's original simply put the class tag in. My version (which I've posted here and to Dustin's blog) will add the class tag (css allows multiple class tags with space separation) if one already exists.


function changeInputs() {
 var els = document.getElementsByTagName('input');
  for (var i=0; i <  els.length ;i++ ){
   if ( els[i].getAttribute('type') ) {
    if ( els[i].getAttribute('type') == "text" ) {
     if(els[1].className ) { els[i].className = els[i].className +  ' text '; } else { els[i].className = ' text '; 
   } else {
     if(els[1].className ) {els[i].className = els[i].className +  ' button ' ; } else { els[i].className = ' button '; }
} } } }


There are  - loading -  comments....



Other Recent Stories...

  1. 01/26/2023Better Running VirtualBox or VMWARE Virtual Machines on Windows 10+ Forgive me, Reader, for I have sinned. I has been nearly 3 years since my last blog entry. The truth is, I haven't had much to say that was worthy of more than a basic social media post -- until today. For my current work, I was assigned a new laptop. It's a real powerhouse machine with 14 processor cores and 64 gigs of ram. It should be perfect for running my development environment in a virtual machine, but it wasn't. VirtualBox was barely starting, and no matter how many features I turned off, it could ...... 
  2. 04/04/2020How many Ventilators for the price of those tanks the Pentagon didn't even want?This goes WAY beyond Trump or Obama. This is decades of poor planning and poor use of funds. Certainly it should have been addressed in the Trump, Obama, Bush, Clinton, Bush, and Reagan administrations -- all of which were well aware of the implications of a pandemic. I want a military prepared to help us, not just hurt other people. As an American I expect that with the ridiculous funding of our military might, we are prepared for damn near everything. Not just killing people and breaking things, but ...... 
  3. 01/28/2020Copyright Troll WarningThere's a copyright troll firm that has automated reverse-image searches and goes around looking for any posted images that they can make a quick copyright claim on. This is not quite a scam because it's technically legal, but it's run very much like a scam. This company works with a few "clients" that have vast repositories of copyrighted images. The trolls do a reverse web search on those images looking for hits. When they find one on a site that looks like someone they can scare, they work it like ...... 
  4. 03/26/2019Undestanding how OAUTH scopes will bring the concept of APPS to your Domino server 
  5. 02/05/2019Toro Yard Equipment - Not really a premium brand as far as I am concerned 
  6. 10/08/2018Will you be at the NYC Launch Event for HCL Domino v10 -- Find me! 
  7. 09/04/2018With two big projects on hold, I suddenly find myself very available for new short and long term projects.  
  8. 07/13/2018Who is HCL and why is it a good thing that they are now the ones behind Notes and Domino? 
  9. 03/21/2018Domino Apps on IOS is a Game Changer. Quit holding back. 
  10. 02/15/2018Andrew’s Proposed Gun Laws 
Click here for more articles.....


pen icon Comment Entry
Subject
Your Name
Homepage
*Your Email
* Your email address is required, but not displayed.
 
Your thoughts....
 
Remember Me  

Please wait while your document is saved.