I have a DIV element split into 2 tables, right and left. The left table is fine as it is, but the right table needs to be hidden until a user enters a password or phrase, which will open/unlock that table.
This is NOT a matter of security, but one of technicality. I was requested to not make that section directly accessible, but add some sort of common password (without need of registration).
I know client side JS is weak for security but security in this case is not an issue. What's my best/most efficient option? I've tried a lightbox solution, but I can't figure out how to show the DIV once the correct phrase is entered.
here is what i did:
http://jsfiddle.net/rp40rkpo/3/
Warning: this is not very secure. Anyone who knows how to operate a web inspector will be able to view the hidden div
I made it so if you get a wrong password, it alerts "Invalid password" and selects your password so you can try again without selecting it.
Also, the password box hides when you get it right.
Hope it helps!