Biography:
Location: Dayton, OHCollege: Cedarville University, Cedarville, OH
Degree: B.A. Management Information Systems (2002)
Certifications: Microsoft Certified Professional (MCP) 2002
Interests:
Music, Playing Guitar, Working on Cars, Home Improvement, Photography, Computers, Website Programming, Driving in the snow, NHL Hockey, Sand Volleyball, Settlers of Catan board gameFavorites:
Foods: Lasagna, Carrot Casserole, Chicken ParmesanSports: Hockey, Football, Volleyball, Soccer
Desserts: Peanut Butter Pie, Peanut Butter Passion ice cream
TV Shows: 24, The Office, Heroes, Mythbusters, Top Gear, Fifth Gear, Modern Marvels, Seinfeld, Simpsons
Fun links you should probably check out:
Fun games you might want to play:
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| RubberPhotos v.90 by Justin Tubbs |
.JPG)
Current Code Samples:
- SSIS Excel Source, Columns with more than 255 characters, DTS_E_CANTGETBLOBDATA
- C# List
delegate alphanumeric sort - SSIS Packages, Dynamic Parent Child Variables
- MySQL 5 Stored Procedures with PHP5
- Using HTML form input arrays with ColdFusion 7
- Sending automated MySQL backups to remote FTP server
- Capture selected text or cursor position in a TEXTAREA with JavaScript
- Show/Hide all SELECT input items on a page with JavaScript
- Show/Hide element with opacity level fading using JavaScript
- Cropping images using JavaScript, PHP, and the GD 2.0 library
- Add image watermarks using PHP and the GD 2.0 library
Future Code Samples:
- CAPTCHA form-protection of images using PHP and GD 2.0 library
- Resizing images using PHP and the GD 2.0 library
- Rotating images using PHP and the GD 2.0 library
CODE TUTORIAL: Show/Hide SELECT input items with JavaScript
If you've ever experimented with using DIV layers in Internet Explorer, you've probably noticed a rendering flaw in handling layers that allows SELECT dropdown menus to show through any overlying layers, making it the topmost element.
I got frustrated enough with the SELECT menus "punching through" my layers, and decided to write some JavaScript code that can be used to show/hide all SELECT items on the webpage so that your popup layer will display properly.
Here's a sample test showing how this script can show or hide all of the SELECT elements on a page:
Here's the JavaScript code:
- Justin Tubbs
I got frustrated enough with the SELECT menus "punching through" my layers, and decided to write some JavaScript code that can be used to show/hide all SELECT items on the webpage so that your popup layer will display properly.
Here's a sample test showing how this script can show or hide all of the SELECT elements on a page:
Here's the JavaScript code:
JavaScript CODE: "input-form.js"
<script type="text/javascript">
function HideSelectboxes()
{
if (!document.getElementsByTagName)
{ return; }
var anchors = document.getElementsByTagName("select");
// Loop through all <select> elements
for (var i=0; i<anchors.length; i++)
{
var anchor = anchors[i];
anchor.style.visibility='hidden';
}
}
function ShowSelectboxes()
{
if (!document.getElementsByTagName)
{ return; }
var anchors = document.getElementsByTagName("select");
// Loop through all <select> elements
for (var i=0; i<anchors.length; i++)
{
var anchor = anchors[i];
anchor.style.visibility='visible';
}
}
</script>
There you have it. How to use JavaScript to show/hide SELECT dropdown menus when you pop up a DIV layer on top.function HideSelectboxes()
{
if (!document.getElementsByTagName)
{ return; }
var anchors = document.getElementsByTagName("select");
// Loop through all <select> elements
for (var i=0; i<anchors.length; i++)
{
var anchor = anchors[i];
anchor.style.visibility='hidden';
}
}
function ShowSelectboxes()
{
if (!document.getElementsByTagName)
{ return; }
var anchors = document.getElementsByTagName("select");
// Loop through all <select> elements
for (var i=0; i<anchors.length; i++)
{
var anchor = anchors[i];
anchor.style.visibility='visible';
}
}
</script>
- Justin Tubbs
Go Faster:
- Cobb ProTune by Tim Bailey of SurgelineTuning.com
- Injen RD1200P Cold Air Intake
- Mobil1 5W30 Extended Performance engine oil
- NGK BKR7EIX colder spark plugs
- Red Line Shockproof Lightweight Gear Oil
- ScoobySport Muffler (single tip)
- ScoobySport Uppipe & Downpipe (catless)
- SS AutoChrome eBay TMIC
- Turbochargers.com TD05H-18G 7cm turbo (605cfm flow)
Stop Faster:
- Goodridge Stainless Steel Braided Brake Lines
- Hawk HPS Stage1+ Brake Pads
- Motul RBF600 Synthetic Brake Fluid
Handle Better:
- Rota Downshift 17x7.5" wheels (Royal Black w/Polished Lip)
- STI-Strut Tower Braces (Front & Rear)
- Yokohama AVS ES100 tires (225/45/17)
Drive Smoother:
- ACT Stage2 HD Streetable Clutch
- Gruppe-S Forged Lightweight Flywheel (13.8lb)
- Kartboy WRX Short Shifter and Bushings
Save Weight:
Look Better:
- 35% 3M tint all around
- Koji-modded headlights
- STI Mesh Fog Light Covers
- STI Titanium Shift Knob
- Subaru OEM Performance 3 Gauge Pod
- Sylvania SilverStar headlights
Sound Louder:
- 5.25" rear Kenwood KFC-1689ie 3-way speakers
- 6.5" front Infinity Alpine-S speakers
- Blaupunkt MP3000 headunit
- Infinity BassLink (200W Powered Sub)
Subaru WRX/STI Websites:
Subaru Tuning Companies/Parts Retailers:
Drywall and Framing:
- DesigningOnline.com - Finishing Basement Walls
- Easy2.com - Basement Furring Strips
- Easy2DIY.com - Hanging Drywall
- HomeTime.com - Drywall How-To
Insulation Instructions:
Home Theater Install, Setup, & Configuration:
- Calibrate Speakers with Sound Meter
- Calibrating Home Theater with SPL Meter
- How to Calibrate your Surround System with an SPL Meter
Friends and Family:
Businesses I Like:
| copyright © 2002-2008 Justin Tubbs | email the webmaster |