weatherRequest execution in weatherRequest.php

.gitignore

@@ -1,4 +1,2 @@
 htaccess
-scripts/config.js
+php/apiKey.php
-img/FunctionProject_brand-logo.psd
-img/FunctionProject.psd

incl/footer.php

@@ -1,5 +1,5 @@
         <footer class="text-center">
-            <a href="#" class="scroll-top important"><i class="fas fa-arrow-up"></i></a>
+            <a href="#" class="scroll-top-arrow important"><i class="fas fa-arrow-up"></i></a>
             <div class="realDateTime">Affichage de l'heure en temps réel : <span class="important" id="realDateTime"></span></div>
             <div class="footer-text"><a href="https://divlo.fr/" target="_blank">Divlo</a> | Tous droits réservés</div>
         </footer>

scripts/main.js

@@ -7,23 +7,8 @@ $(function () {
     $.getScript("/scripts/fonctions.js", function() {
 
     /* ÉXECUTION DES FONCTONS */
-    $( "#submitWeatherRequest" ).click(function() 
+
-    {
+    // $("#submitWeatherRequest") se fait exécuter dans weatherRequest.php
-        let city = $('#cityName').val();
-        let cityName = city.split(' ').join('+'); 
-        if(isEmptyValue(cityName))
-        {
-            $('.results').html(emptyMessageError);
-            $("#cityName, #submitWeatherRequest").click(function() {
-                document.location.replace("../function-views/weatherRequest.php");
-            });
-        }
-        else 
-        {
-            let url = "https://api.openweathermap.org/data/2.5/weather?q=" + cityName + "&lang=fr&units=metric&appid=" + config.APIkey + "";
-            weatherRequest(url, 'weather');
-        }
-    });
 
     $("#submitRandomNumber").click(function() 
     {
@@ -124,7 +109,7 @@ $(function () {
     window.onload = realDateTime('realDateTime');
 
     /* Window Scroll Top Button */
-    var $btnScrollTop = $('.scroll-top');
+    var $btnScrollTop = $('.scroll-top-arrow');
     $(window).scroll(function () {
         if ($(this).scrollTop() > 100) {
             $btnScrollTop.fadeIn();

views/function-views/weatherRequest.php

@@ -22,5 +22,33 @@
     </div>
 </div>
 
+<!-- Exécution de la fonction weatherRequest() -->
+<?php include("../../php/apiKey.php"); ?>
+<script>
+    $(function () {
+        // Fichiers qui contient les fonctions
+        $.getScript("/scripts/fonctions.js", function() {
+
+            $( "#submitWeatherRequest" ).click(function() 
+            {
+                let city = $('#cityName').val();
+                let cityName = city.split(' ').join('+'); 
+                if(isEmptyValue(cityName))
+                {
+                    $('.results').html(emptyMessageError);
+                    $("#cityName, #submitWeatherRequest").click(function() {
+                        document.location.replace("../function-views/weatherRequest.php");
+                    });
+                }
+                else 
+                {
+                    let url = "https://api.openweathermap.org/data/2.5/weather?q=" + cityName + "&lang=fr&units=metric&appid=<?php echo $apiKey ?>";
+                    weatherRequest(url, 'weather');
+                }
+            });
+        });
+    })   
+</script>
+
 <!-- Footer -->
 <?php include("../../incl/footer.php");?>