JS zum Passwortschutz einer html section

[Kidpump]

Hallo zusammen,

habe mich leider im Themanamen verschrieben. Meinte natürlich "zum Passwortschutz".

Ich mache gerade für einen Kumpel eine Landing Page für sein musikalisches Projekt.
Er möchte unter anderem ein Video und Soundcloud Links auf diese Page haben, die aber erst nach Eingabe eines Passworts sichtbar werden sollen.

So sieht aktuell die Page aus:
KAMISO

Ich hätte das jetzt instinktiv per Javascript gelöst, aber ich habe bisher kein passendes Skript gefunden. Alles was ich finde, öffnet anschließend eine neue Seite. Ich will aber einfach nur, dass das Video und die Soundcloud Links anschließend sichtbar sind.

Hier ein z.B. Script, was anschließend ein neues Fenster öffnen will.

<SCRIPT>
function passWord() {
var testV = 1;
var pass1 = prompt('Please Enter Your Password',' ');
while (testV < 3) {
if (!pass1)
history.go(-1);
if (pass1.toLowerCase() == "letmein") {
alert('You Got it Right!');
window.open('protectpage.html');
break;
}
testV+=1;
var pass1 =
prompt('Access Denied - Password Incorrect, Please Try Again.','Password');
}
if (pass1.toLowerCase()!="password" & testV ==3)
history.go(-1);
return " ";
}
</SCRIPT>
<CENTER>
<FORM>
<input type="button" value="Enter Protected Area" onClick="passWord()">
</FORM>
</CENTER>

Bin für jede Hilfe dankbar

 

[mikdoe]

Äm, Moment. Du willst doch nicht etwa ein Javascript verwenden, in dem das Passwort in Klarschrift im Quelltext steht? Das wäre dann ja kein Schutz mehr, weil man nur mit Rechtsklick in den Quelltext zu gucken braucht.

 

[Kidpump]

Doch das würde schon so reichen. Mehr als so ein "Noobschutz" muss es nicht sein.

 

[mikdoe]

Na gut. Dann würde ich die "geschützten" Inhalte mit dem Attribut style="display:none;" ausstatten und im JS im Erfolgszweig wieder zurück auf element.style.display=''; setzen.

 

[rico2009]

... auf element.style.display=''; setzen.

Ich würde es nicht auf ein leeres display Attribut setzen, dass sieht doof im Code aus. Ich würde es dann mit einem display:inline oder block ausstatten, ist etwas schöner...