Commit eec234d3 authored by ALGLAVE Ivan's avatar ALGLAVE Ivan
Browse files

Initial commit

parents
This diff is collapsed.
<!DOCTYPE html>
<html>
<head>
<title>Drinkpedia</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/Index.css">
</head>
<body id="body">
<div id="content">
<select id="recipeSelection">
<?php
include "Donnees.inc.php";
for($i = 0; $i < count($Recettes); $i++)
{
echo '<option value="' . $i . '">' . $Recettes[$i]['titre'] . '</option>';
}
?>
</select>
<button onclick="showRecipe(document.getElementById('recipeSelection').value);">Show</button>
</div>
<div id="BlurredElementCenteredContainer">
<!--
<div>
<iframe id="BlurredElementEmbed" scrolling="no" src=""></iframe>
</div>
-->
<iframe id="BlurredElementEmbed" scrolling="no" src=""></iframe>
<button id="BlurredElementCenteredClose">X</button>
</div>
<script>
let wrapper = document.getElementById('BlurredElementCenteredContainer');
let content = document.getElementById('content');
let embed = document.getElementById('BlurredElementEmbed');
function hideRecipe()
{
wrapper.classList.remove('active');
content.classList.remove('blur');
wraper.disabled = false;
}
function showRecipe(id)
{
var clone = embed.cloneNode(true);
clone.setAttribute('src','RecipeView.php?id_recipe=' + id);
embed.parentNode.replaceChild(clone,embed);
embed = clone;
wrapper.classList.add('active');
content.classList.add('blur');
wrapper.disabled = true;
embed.focus();
document.addEventListener('keyup', function (e)
{
if(e.keyCode === 27)
{
hideRecipe();
}
});
}
let closeBtn = document.getElementById('BlurredElementCenteredClose');
closeBtn.addEventListener('click', hideRecipe);
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment