diff --git a/Home.php b/Home.php
index 2702c225156a5e5f482114f735309f2d5a8a8bb9..51fae8c05d4d49c1107c6cf1da8b8790806ec424 100644
--- a/Home.php
+++ b/Home.php
@@ -10,10 +10,11 @@
<div id="content">
<div class="topnav">
- <button id="tabBtnI" class="active" value="Hierarchy.php" onclick="tabButtonClicked('tabBtnI')">Hiérarchie</button>
- <button id="tabBtnA" value="AdvancedSearch.php" onclick="tabButtonClicked('tabBtnA')">Avancé</button>
- <button id="tabBtnC" value="Cocktails.php" onclick="tabButtonClicked('tabBtnC')">Cocktails</button>
- <button id="tabBtnMA" class="right" value="MyAccount.php" onclick="tabButtonClicked('tabBtnMA')">Mon Compte</button>
+ <button id="tabBtnI" class="active" value="Hierarchy.php" onclick="tabButtonClicked(this)">Hiérarchie</button>
+ <button id="tabBtnA" value="AdvancedSearch.php" onclick="tabButtonClicked(this)">Avancé</button>
+ <button id="tabBtnC" value="Cocktails.php" onclick="tabButtonClicked(this)">Cocktails</button>
+ <button id="tabBtnMA" class="right" value="MyAccount.php" onclick="tabButtonClicked(this)">Mon Compte</button>
+ <button id="tabBtnF" class="right" value="MyFavouriteRecipes.php" onclick="tabButtonClicked(this)">Favoris</button>
</div>
<iframe id="tabFrame" frameborder="0" src="Hierarchy.php">
@@ -85,9 +86,8 @@
tabFrame.setAttribute('src', viewSrc);
}
- function tabButtonClicked(tabButtonId)
+ function tabButtonClicked(b)
{
- let b = document.getElementById(tabButtonId);
if(b.id != activeTabButton.id)
{
b.classList.add('active');
diff --git a/MyFavouriteRecipes.php b/MyFavouriteRecipes.php
new file mode 100644
index 0000000000000000000000000000000000000000..d64cde063d87d7a4b897ca34057c2ab67a95a753
--- /dev/null
+++ b/MyFavouriteRecipes.php
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Drinkpedia</title>
+ <meta charset="UTF-8">
+ <link rel="stylesheet" type="text/css" href="css/MyAccount.css">
+</head>
+
+<body>
+ <h1>My Favourite Recipes</h1>
+</body>
+
+</html>
\ No newline at end of file