2013-02-24 2 views
0

Итак, я сделал сайт для охоты за мусорщиком, на котором я размещаю хостинг, но мне нужно ввести пароль, чтобы найти почти каждую страницу, чтобы убедиться, что они выполнили вызов для перехода , Я использую Jquery, и единственный способ получить всплывающее сообщение пароля - после обновления страницы, которая не подходит. Мне нужен способ связать одну страницу с другой и показать приглашение пароля, прежде чем они смогут увидеть страницу. Вот важный html. Кроме того, если можно. Всякий раз, когда я обновляю страницу, все css, похоже, исчезают, и я оставляю текст. Если вы можете помочь с этим.Необходимо создать подсказку пароля jquery (должно быть просто)

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery</title> 
     <link rel="stylesheet" href="../themes/scavenger-hunt.min.css" /> 
    <link rel="stylesheet" href="../Publish/jquery-mobile/jquery.mobile.structure-1.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script> 
    <body> 
<script language="javascript"> 
var password 
var pass1="123" 

password=prompt('Please enter password to view page') 
if (password==pass1) 
alert('password correct! Press ok to continue.') 

else{ 
    window.location="index.html"; 
    alert('password incorrect! Redirecting') 
} 

</script> 
<div data-role="page" id="home"> 
    <div data-role="header"> 
    <h1>Hint 1</h1> 

    </div> 
+1

Насколько безопасна ли эта потребность быть? Потому что, если бы я был на вашей охоте за мусорщиком, я бы обошел проверку пароля за десять секунд и победил. – mrtsherman

+0

Я не вижу кода jquery. – Dave

+0

@mrtsherman он не должен быть таким безопасным, плюс его мобильный, поэтому его немного сложнее обойти. – saulpm

ответ

2

Существует несколько способов справиться с этим, но здесь два. Один легче, чем другой. Первый способ сделать это - иметь весь контент на странице, но он скрыт при загрузке страницы. Если пароль введен правильно, он отображает страницу.

body { display:none; } 

if (password == pass1) { $('body').show(); } 

http://jsfiddle.net/5JyTy/

Другой бы использовать AJAX и только запрос/отображать содержимое, если пароль на самом деле правильно.

if (password == pass1) { $('body').load('ajax/test.html'); } 
+0

Не то, что, хотя это немного помогает. Проблема заключается в том, что страница загружается. Страница загружается с помощью загрузчика ajax (другими словами, он загружается по-разному). Я использую JQuery mobile с темой. Когда я попытался загрузить его на веб-странице без темы, он отлично работает. Вот сайт, если это поможет (нажмите на подсказку 1, затем обновите) http://sh.atwebpages.com/team1/home.html. огромное спасибо – saulpm

Смежные вопросы