finalproject/editorChoice.php at main · RiFinkelstein/finalproject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="style.css" rel="stylesheet" type="text/css"/>
    <title>Editor's Choice</title>
    <script>
    function getRecipes(){
        setTimeout(()=>{
            readRecipe('recipes/challah.txt','recipe1','one', 'Challah');
        },500)
        setTimeout(()=>{
            readRecipe('recipes/matzoBalls.txt','recipe2','two','Matzah Ball');
        },500)
        setTimeout(()=>{
            readRecipe('recipes/orangeSpicedBrisket.txt','recipe3','three','RECIPE 3');
        },500)
    }
    function readRecipe(daRecipe, daDiv, daHeader, daTitle){
        let ajax = new XMLHttpRequest();
        ajax.onreadystatechange = function(){
            if(this.readyState==4 && this.status==200){
               document.getElementById(daHeader).innerHTML = daTitle
               document.getElementById(daDiv).innerHTML = this.responseText
            }
        }
        ajax.open("POST", daRecipe, true)
        ajax.send();
    }
    </script>
    <?php include 'sidebar.php'?>
</head>
<body>
    <h2>These recipes are from the editor</h2>
    <p></p>
    <p><h2 id= "one"></h2></p>
    <p><div class="recipe1" id="recipe1"></div></p>
    <p><h2 id= "two"></h2></p>
    <p><div class="recipe2" id="recipe2"></div></p>
    <p><h2 id= "three"></h2></p>
    <p><div class="recipe3" id="recipe3"></div></p>
    <button style="width:auto" onclick="getRecipes()">Click me for shabbos recipes</button>
    <p><button onclick="location.href='main.php'">Main</button></p>

</body>

</html>