Вывод определенной иформации при вводе пароля в форму

  • 2 Ответов
  • 164 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Добрый день! Подскажите, каким образом можно реализовать следующее:

Имеется пропуск в школьную столовую, каждый пропуск имеет индивидуальный номер.
Нужно на сайте школы создать страничку, на которой, введя номер пропуска, будет отображаться данные конкретного ученика и меню для него.

Грубо говоря, вводим в форму определенный номер(пропуска) - получаем картинку(меню ученика).

*

effrit

  • *****
  • 7438
  • + 815 -
  • effrit.com
день добрый.
самый простой способ - на JS закодить.
алгоритм простой - на каждый номер создать картинку, скажем, в png-8 формате.
свалить их в одну папку, а потом написать несложный js-код и вставить его в модуль flexi_custom_code.

*

effrit

  • *****
  • 7438
  • + 815 -
  • effrit.com
это в модуль flexiCustomCode
Код
<script src="my_menu.js"></script>
   <p><input type="text" id="myFile"></p>
   <p><input type="button" value="Показать меню ученика" onclick="getMenu()"></p>
<img id="myMenu" src="../images/menu/empty.png">


это в файл my_menu.js записать и закинуть в корень сайта
Код
function fetchStatus( address ) {
  var client = new XMLHttpRequest();
  client.onload = function() {
    // in case of network errors this might not give reliable results
    returnStatus( this.status, address );
  }
  client.open( "HEAD", address );
  client.send();
}

function returnStatus( status, address ) {
  if ( status === 200 ) {
    console.log( 'file exists!' );
document.getElementById("myMenu").src=address;

  }
  else {
    console.log( 'file does not exist! status: ' + status );
document.getElementById("myMenu").src="../images/menu/empty.png";
alert("это не наш ученик, не дадим ему каши!");
  }
}

function getMenu(){
file=document.getElementById("myFile").value;
url="../images/menu/"+file+".png";
fetchStatus(url);
}


а сюда
/images/menu/
набросать картинок в .png, включая заглушку empty.png