Skip to main content

damn you javascript

I have be using more javascript and css than I would like recently, but the power is amazing. My most recent revelation was that "read only" is for suckers, and using "disabled" is a better way to protect elements in forms from user access.  the main reason is because you can set disabled=[true|false] on any input:  text, select, checkbox etc.

I used a css selector to make the disabled elements look a little nicer:

input[disabled="disabled"] {color:black; background-color:gray;}

So now I could have an edit button.  Click the edit button and

Pseudocode:
for (all elements in form){
    element.disabled=false;
}
click the cancel button and:
for(all elements in form){
    element.disabled="disabled";//don't set true because of css selector
}


That actually didn't work. SCREW YOU JAVASCRIPT. However I made a css "formActive" and "formInactive"

.formInactive{
    padding: 1px 0px 1px 0px;
    border-width: 0;
    background-color:transparent;
    disabled:true;
}


.formActive{
    border-style: solid;
    border-width: 1px;
    border-color: #036399;
    background-color: AliceBlue;
    padding: 1px 0px 1px 0px;
    disabled: false;
}
So now I just loop through and change the styles for the elements:

enable:
for (i = 0; i < theForm.elements.length; i++) {
    myElement = theForm.elements[i];
    if (myElement.className == 'formInactive') {
        myElement.className = 'formActive';
    }
    else{
        if(myElement.disabled){
             myElement.disabled = false;
        }
    }
}
disable:
for (i = 0; i < theForm.elements.length; i++) {
    myElement = theForm.elements[i];
    if (myElement.className == 'formActive') {
        myElement.className = 'formInactive';
    }
    else if(myElement.disabled = false){
        myElement.disabled=true;
    }
}
Sweet eh? The problem though is that I forgot to reset the form. So I went back into the cancel button loop and added "form.reset()"

No reset happened. javascript console had an error : "no such method form.reset()"

SCREW YOU JAVASCRIPT!!!!

Very irritating. To make a long story short, if you have an element ANYWHERE ON THE FRIGGIN PAGE named reset, you can't call the reset() function. Damn weakly typed languages. Changed the element name from reset to resetter, and everything worked.

Comments

Post a Comment

Popular posts from this blog

October is Cyber Security Month

The President has declared October as Cybersecurity month.  It's not a bad idea -- just like you change the batteries in your smoke detectors once a year, maybe you should review your electronic vulbnerabilities? My top ten security tips: 1) Change your passwords.  You've had them too long, you use the same password in too many places.  Somewhere someone has hacked a site that has your username and password in plain text.  Now they are getting ready to try that username/password somewhere else.  Beat them to the punch. 2) Use a safe browser.  That means anything that's not Internet Explorer.   I prefer chrome. 3) Use 2 step verification for your email account.  If your email doesn't provide 2 step authentication consider switching. 4) Get a free credit report  and review it.  You are entitled to one free report a year.   BE VERY CAREFUL!  There are man scam sites that offer free credit reports.  Go through the s...
16 comments
Read more

So You're Looking for Work in Tech

So You're Looking for Work in Tech It's a more competitive market than it's ever been—but don't despair! There are still plenty of jobs out there for humans who can demonstrate insight, creativity, and the ability to execute. Here's a practical guide to help you prove you can do just that. 0. File for Unemployment (If Applicable) If you were recently laid off, file for unemployment right now . This won’t help your job search directly, but it will help you financially. Get that support—you earned it. 1. Buy a Domain and Invest in Yourself If you don’t own a domain, buy one today. Get a GSuite (Google Workspace) account and start using a professional email like yourname@yourdomain.com . Avoid using email services like GoDaddy, Zoho, or Office365. Google is the gold standard—invest in the best. 2. Hire Yourself Give yourself a tech project—because this is your job now. Choose a project that will add value to your life while forcing you to learn new ...
4 comments
Read more

Using hosts.deny against bad guys.

Executive Summary: This article details how to minimize hack attempts on open facing ports on a *nix machine, by reading the attackers IP addresses from a log file, and adding the address to hosts.deny Chances are pretty good if you've got a port open to the internet you're seeing unwanted traffic on it. If you've got a service such as telnet or FTP or POP that transmits passwords unencrypted, you're significantly at risk for a breach from a packet being intercepted, but even if you're using a secure protocol such as SSH, you're vulnerable to a brute force attempt to break into your site. As an example, here is a sample of a log file showing a break-in attempt on one of my servers: Oct 8 13:54:18 chapelle sshd(pam_unix)[4554]: authentication failure; logname= uid=0 euid=0 tty=ssh ruser= rhost=59.13.157.12 Oct 8 13:54:22 chapelle sshd(pam_unix)[4557]: authentication failure; logname= uid=0 euid=0 tty=ssh ruser= rhost=59.13.157.12 Oct 8 13:54:27 chapelle ssh...
3 comments
Read more