私はHTMLのパスワード保護を検討してきましたが、リストされている保護のほとんどは私のニーズには行き過ぎのようです。
ポートフォリオ画像が欲しいだけです(プライベートである必要はなく、機密性の高いものがないため、コードを開く方法を知っている上級プログラマーや誰かがそれに入ることができるかどうかは関係ありません)、私は望んでいません平均的なユーザーがサイトの特定の領域にアクセスし、私がパスワードを与えた人(たとえば名刺など)のみを許可します。
誰かが私が見るべき提案や方向性を持っていますか?
私はHTMLのパスワード保護を検討してきましたが、リストされている保護のほとんどは私のニーズには行き過ぎのようです。
ポートフォリオ画像が欲しいだけです(プライベートである必要はなく、機密性の高いものがないため、コードを開く方法を知っている上級プログラマーや誰かがそれに入ることができるかどうかは関係ありません)、私は望んでいません平均的なユーザーがサイトの特定の領域にアクセスし、私がパスワードを与えた人(たとえば名刺など)のみを許可します。
誰かが私が見るべき提案や方向性を持っていますか?
メインページでjavascriptを使用します。次のようになります。
<body>
Enter password: <input id='password' type='text' />
<a href="your_image_portfolio.html" onclick="javascript:return validatePass()">enter your password and click this</a>
<script>
function validatePass(){
if(document.getElementById('password').value == 'yourBussinessCardPassword'){
return true;
}else{
alert('wrong password!!');
return false;
}
}
</script>
</body>
それは非常に安全ではありませんが、技術者以外のユーザーにとってはあなたが望むことをします...
上記のように、HTMLはパスワード保護を直接サポートしていません。これはPHPで行うことができます。PHPスクリプトにデータを送信するパスワードを入力するためのフォームを作成します。PHPスクリプトの先頭で、送信されたデータがパスワードと一致するかどうかを確認するifステートメントを使用します。そうでない場合は、ある種のエラーページをリダイレクト/インクルードします。含まれている場合は、ifステートメント内からギャラリーの残りの部分をロードします。
<?php
if ($_POST["password"] == 12345) {
page goes here
}
else {
include 'errorpage'
?>
<script type="text/JavaScript">
function Sinfo()
{
var info = document.getElementById("info").value; //Getting the value in the Text Area
var help = "Hello"; // setting the value for the password
if(info==help){ // checking to see if info is equal to help
document.write("Correct Password"); // writing correct password if correct
}
else{
document.write("Wrong Password"); // writing the wrong password if wrong
}
}
</script>