-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdoctors.html
107 lines (94 loc) · 4.82 KB
/
doctors.html
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en-CA">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta title="Connect with a Professional">
<meta name="author" content="Antony Zhang & Ali Soufi">
<meta name="description" content="About the creators of Refugee Pal">
<link rel="icon" type="image/x-icon" href="images/refugeeicon.png">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/b7f18fe09b.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<nav id="navbar">
<div class="left">
<a class="refugeepalheader navLink" href="index.html"><i class="fa-solid fa-hand-holding-heart" style="font-size: 40px; color: white;"></i><em> Refugee Pal</em></a>
</div>
<div class="right">
<a href="guides.html" class="navLink"><i class="fa-solid fa-file-audio"></i> Guides</a>
<a href="category.html" class="navLink"><i class="fa-solid fa-layer-group"></i>Digital Resources</a>
<a href="connectwithprofessional.html" class="navLink"><i class="fa-solid fa-user-tie"></i>Professionals
<a href="find.html" class="navLink"><i class="fa-solid fa-map-location-dot"></i> Find</a>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
</nav>
<script>
const navbar = document.querySelector("#navbar");
const sticky = navbar.offsetTop;
window.onscroll = function() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky");
} else {
navbar.classList.remove("sticky");
}
};
</script>
</header>
<div class="container-fluid h-100">
<div class="row h-100">
<div class="col d-flex justify-content-center align-items-center">
<form action="#" class="block">
<h2 style="color: #2c2d2c;">Connect with a Healthcare Professional</h2><br>
<label for="lang" >Language </label>
<select id="lang" style="padding: 5px; margin: 5px; border-radius: 15px; border: solid #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);">
<option value="arabic">Arabic</option>
<option value="pashto">Pashto</option>
<option value="farsi">Farsi (Persian)</option>
<option value="ukrainian">Ukrainian</option>
</select><br>
<label for="type">Profession </label>
<select id="type" style="padding: 5px; margin: 5px; border-radius: 15px; border: solid #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);">
<option value="doctor">Doctor/Physician</option>
<option value="psychologist">Psychologist</option>
<option value="counsellor">Counsellor</option>
</select><br>
<button type="submit" id="submit-button" style="padding:10px; font-weight: bold; width: 75px; margin-top: 10px;">Go</button>
</form>
</div>
<div class="col">
<iframe id="content" name="targetframe" allowTransparency="true" class="h-100"
onload="this.style.height=(this.contentWindow.document.body.scrollHeight+20)+'px';" >
</iframe>
</div>
</div>
</div>
<script>
document.getElementById("submit-button")
.addEventListener("click", fromEntered);
let lang = document.getElementById("lang");
let type = document.getElementById("type");
let content = document.getElementById("content");
function fromEntered() {
console.log("lang", lang.value)
console.log("type", type.value)
const page = "healthcareprofessionals/" + lang.value + "_" + type.value + ".html";
console.log("page", page)
content.setAttribute("src", page);
content.src = page;
}
</script>
</body>
</html>