float left actualité, validation W3C partie 1

10 files changed, 82 insertions, 75 deletions

diff --git a/view/accueil.php b/view/accueil.php
index dd4c14a..1e8db56 100644
--- a/view/accueil.php
+++ b/view/accueil.php
@@ -4,8 +4,8 @@
 // variable $js

 ob_start();

 ?>

-                <script type="text/javascript" src="public/main.js" ></script>

-                <script type="text/javascript" >versMenu();</script>

+                <script src="public/main.js" ></script>

+                <script>versMenu();</script>

 <?php

 $js = ob_get_clean();

 

diff --git a/view/album.php b/view/album.php
index fe5d8c2..28b1b13 100644
--- a/view/album.php
+++ b/view/album.php
@@ -5,15 +5,15 @@
 // utilise discographie.css
 ob_start();
 ?>
-        <link rel="stylesheet" type="text/css" href="public/css/discographie.css" />
-        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css" />
+        <link rel="stylesheet" type="text/css" href="public/css/discographie.css">
+        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css">
 <?php
 $css = ob_get_clean();
 
 // variable $js
 ob_start();
 ?>
-        <script type="text/javascript" src="public/main.js" ></script>
+        <script src="public/main.js" ></script>
         <!-- <script type="text/javascript" src="public/file_upload.js" ></script> -->
 <?php
 if(isset($_GET['action']) && $_GET['action'] === 'edition')
@@ -89,7 +89,7 @@ else
 ?>
             <p>
                 <a class="infobulle" href="<?= $lien_partage ?>" >
-                    <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
+                    <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" alt="bouton">
                     <button>Partager</button>
                 </a>
 <?php
@@ -99,11 +99,11 @@ if($_SESSION['admin'] == 1 && (!isset($_GET['action']) || $_GET['action'] !== 'e
 {
 ?>
                 <a class="infobulle" href="index.php?page=album&action=edition&file_code=<?= $fileCode ?>" >
-                    <img src="public/icone_modifier.png" >
+                    <img src="public/icone_modifier.png" alt="bouton">
                     <button>Modifier</button>
                 </a>
                 <a class="infobulle" href="index.php?page=discographie&action=suppression&file_code=<?= $fileCode ?>" onclick="confirmerSuppression()" >
-                    <img src="public/icone_supprimer.png" >
+                    <img src="public/icone_supprimer.png" alt="bouton">
                     <button>Supprimer</button>
                 </a>
 <?php
diff --git a/view/articlesContent.php b/view/articlesContent.php
index 33e50a4..7abc289 100644
--- a/view/articlesContent.php
+++ b/view/articlesContent.php
@@ -87,7 +87,7 @@ for($i = 0; $i < $Articles->fileListCount; $i++)
                     </div>
                     <p class="boutonArticle" >
                         <a class="infobulle" href="<?= $lien_partage ?>" >
-                            <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
+                            <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" alt="bouton">
                             <button>Partager</button>
                         </a>
 <?php
@@ -96,19 +96,19 @@ for($i = 0; $i < $Articles->fileListCount; $i++)
         {
 ?>
                         <a class="infobulle" href="index.php?page=<?= $page ?>&action=editor&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
-                            <img src="public/icone_modifier.png" >
+                            <img src="public/icone_modifier.png" alt="bouton">
                             <button>Modifier</button>
                         </a>
                         <a class="infobulle" href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
-                            <img src="public/icone_monter.png" >
+                            <img src="public/icone_monter.png" alt="bouton">
                             <button>Monter</button>
                         </a>
                         <a class="infobulle" href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
-                            <img src="public/icone_descendre.png" >
+                            <img src="public/icone_descendre.png" alt="bouton">
                             <button>Descendre</button>
                         </a>
                         <a class="infobulle" href="index.php?page=<?= $page ?>&action=suppression&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" >
-                            <img src="public/icone_supprimer.png" >
+                            <img src="public/icone_supprimer.png" alt="bouton">
                             <button>Supprimer</button>
                         </a>
                     </p>
diff --git a/view/backup.php b/view/backup.php
index ec2e947..8461543 100644
--- a/view/backup.php
+++ b/view/backup.php
@@ -11,9 +11,9 @@ if(isset($erreur) && $erreur == 'data')
                         <p>La configuration n'est pas terminée, veuillez créer un dossier "data" à la racine du site et lui donner les droits 777 (lecture + écriture + entrer dedans).</p>
                         <p>Ceci peut être réalisé depuis le logiciel FTP que vous avez utilisé pour télécharger le site sur le serveur de votre hébergeur.</p>
                         <p>Vous devriez également pouvoir utiliser SSH (linux, mac, windows 10/11) ou "putty" (anciens windows) en tapant ces commandes (utilisateur avancé):</p>
-                        <p><i>ssh "nom_utilisateur"@"nom_de_domaine"</i><br/>
-                        <i>cd /chemin/racine/du/site</i> (le dossier "melaine")<br/>
-                        <i>mkdir data</i><br/>
+                        <p><i>ssh "nom_utilisateur"@"nom_de_domaine"</i><br>
+                        <i>cd /chemin/racine/du/site</i> (le dossier "melaine")<br>
+                        <i>mkdir data</i><br>
                         <i>chmod 777 data</i></p>
                         <p><a href="index.php" >Recharger la page</a></p>
 <?php
@@ -40,7 +40,7 @@ if(isset($_GET['action']) && $_GET['action'] == 'sauvegarde')
 ?>
                         <p>Erreur: la classe ZipArchive est introuvable, la sauvegarde est impossible. L\'extension ZIP de PHP est-elle activée dans le fichier php.ini?</p>
                         <p>Veuillez prévenir l\'administrateur.</p>
-                        <p>Vous pouvez aussi récupérer manuellement les fichiers en vous connectant au serveur avec un client FTP, il suffit de récupérer tout le dossier "data".</p><br/>
+                        <p>Vous pouvez aussi récupérer manuellement les fichiers en vous connectant au serveur avec un client FTP, il suffit de récupérer tout le dossier "data".</p><br>
                         <p><a href="index.php" >Retour au site</a></p>
 <?php
         $erreur = ob_get_clean();
@@ -54,11 +54,11 @@ elseif(isset($_GET['action']) && $_GET['action'] == 'restauration')
         ob_start();
 ?>
                 <h2>Restauration des données à partir d'une sauvegarde.</h2>
-                <p>Vous devez avoir précédemment créé et téléchargé un fichier dont le nom commence par <i>melaineDATA</i><br/>
-                sur la page <i>Sauvegarder les données.</i></p><br/>
+                <p>Vous devez avoir précédemment créé et téléchargé un fichier dont le nom commence par <i>melaineDATA</i><br>
+                sur la page <i>Sauvegarder les données.</i></p><br>
 
                 <form method="post" enctype="multipart/form-data" action="index.php?from=<?= $from ?>&action=restauration" >
-                        <input id="archiveUpload" type="file" name="archive" accept=".zip" class="boutonBackup" onchange="sendFileSize();" ><br/>
+                        <input id="archiveUpload" type="file" name="archive" accept=".zip" class="boutonBackup" onchange="sendFileSize();" ><br>
 
                         <!-- demande de confirmation en JS au submit -->
                         
@@ -71,24 +71,24 @@ elseif(isset($_GET['action']) && $_GET['action'] == 'restauration')
 }
 ?>
 <!DOCTYPE html>
-<html lang="fr" >
+<html lang="fr">
         <head>
-                <meta charset="utf-8" />
+                <meta charset="utf-8">
             <title><?= $title ?></title>
             <!-- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> -->
-        <link rel="icon" type="image/png" href="public/mouette-logo.png" >
-            <link rel="stylesheet" type="text/css" href="public/css/normalize.css" />
-                <link rel="stylesheet" type="text/css" href="public/css/main.css" />
+        <link rel="icon" type="image/png" href="public/mouette-logo.png">
+            <link rel="stylesheet" type="text/css" href="public/css/normalize.css">
+                <link rel="stylesheet" type="text/css" href="public/css/main.css">
 <?php
 if(isset($_GET['action']) && $_GET['action'] == 'restauration')
 {
-        echo('<script type="text/javascript" src="public/file_upload.js" ></script>');
+        echo('<script src="public/file_upload.js" ></script>');
 }
 ?>
-                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+                <meta name="viewport" content="width=device-width, initial-scale=1.0">
         </head>
         <body>
-        <div id="bloc_page" style="padding: 10px;" >
+        <div id="bloc_page" style="padding: 10px;">
                 <?= $content ?>
         </div>
         </body>
diff --git a/view/courriel.php b/view/courriel.php
index 8934461..158fcb4 100644
--- a/view/courriel.php
+++ b/view/courriel.php
@@ -1,11 +1,11 @@
                         <div id="courriel" >

                                 <button ><a href="#bloc_page" >Haut de la page</a></button>

                                 <div>

-                                        <img src="public/timbre.png" alt="" ><br />Envoyez-moi un courriel à: <img src="public/courriel.png" >

+                                        <img src="public/timbre.png" alt="timbre"><br>Envoyez-moi un courriel à: <img alt="courriel" src="public/courriel.png">

                 </div>

 

                                 <div id="courrielJS" >

-                    <button onclick="clientCourriel();" >Avec mon logiciel<br />de messagerie</button>

-                    <button onclick="copierCourriel();" >Copier l'adresse dans<br />le presse-papier</button>

+                    <button onclick="clientCourriel();" >Avec mon logiciel<br>de messagerie</button>

+                    <button onclick="copierCourriel();" >Copier l'adresse dans<br>le presse-papier</button>

                 </div>

             </div>
\ No newline at end of file
diff --git a/view/discographie.php b/view/discographie.php
index 8d82679..6e560af 100644
--- a/view/discographie.php
+++ b/view/discographie.php
@@ -4,8 +4,8 @@
 // variable $css
 ob_start();
 ?>
-        <link rel="stylesheet" type="text/css" href="public/css/<?= $page ?>.css" />
-        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css" />
+        <link rel="stylesheet" type="text/css" href="public/css/<?= $page ?>.css">
+        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css">
 <?php
 $css = ob_get_clean();
 
@@ -13,7 +13,7 @@ $css = ob_get_clean();
 // variable $js
 ob_start();
 ?>
-        <script type="text/javascript" src="public/main.js" ></script>
+        <script src="public/main.js"></script>
         <!-- <script type="text/javascript" src="public/file_upload.js" ></script> -->
 <?php
 if(isset($_GET['action']) && $_GET['action'] === 'edition')
diff --git a/view/pageArticlesSimples.php b/view/pageArticlesSimples.php
index 95f8c46..8758373 100644
--- a/view/pageArticlesSimples.php
+++ b/view/pageArticlesSimples.php
@@ -6,24 +6,24 @@ ob_start();
 if($page == 'menu')

 {

 ?>

-        <link rel="stylesheet" type="text/css" href="public/css/menu.css" />

+        <link rel="stylesheet" type="text/css" href="public/css/menu.css">

 <?php

 }

 else

 {

 ?>

-        <link rel="stylesheet" type="text/css" href="public/css/pages_articles_simples.css" />

+        <link rel="stylesheet" type="text/css" href="public/css/pages_articles_simples.css">

 <?php

 }

 ?>

-        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css" />

+        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css">

 <?php

 $css = ob_get_clean();

 

 //variable $js

 ob_start();

 ?>

-        <script type="text/javascript" src="public/main.js" ></script>

+        <script src="public/main.js"></script>

 <?php

 if(isset($_GET['action']) && $_GET['action'] == 'editor')

 {

@@ -40,10 +40,10 @@ $js = ob_get_clean();
 if($page == 'archives')

 {

     $explications = '<p style="padding: 3px 3px 0 3px; background-color: white;">

-        <img style="float: right;" src="public/header_images/logo_real.png" />

+        <img style="float: right;" src="public/header_images/logo_real.png">

         Certains liens vidéos nécessitent le lecteur <a href="https://www.real.com" target="_blank" >Real Player</a> (windows, android et iOS) pour être lus.</p>

         <p>

-        <img style="float: left;" src="public/header_images/logo_vlc.png" />

+        <img style="float: left;" src="public/header_images/logo_vlc.png">

         Vous pouvez aussi utiliser le<br/><a href="https://www.videolan.org/vlc/" target="_blank" >lecteur VLC.</a></p>';

     $headerImage = '<div class="photo" style="display: flex; height: fit-content;" >

         <div class="explications" >' . $explications . '</div>

@@ -66,9 +66,11 @@ echo "\n";
 if($page == 'menu' && !empty($ArticlesContent))

 {

 ?>

-                <h3>Actualité</h3>

-                <div class="sectionActu" >

-                    <?= $ArticlesContent ?>

+                <div>

+                    <h3 class="sectionActu">Actualité</h3>

+                    <div>

+                        <?= $ArticlesContent ?>

+                    </div>

                 </div>

 <?php

 }

diff --git a/view/password.php b/view/password.php
index 93cae95..6302950 100644
--- a/view/password.php
+++ b/view/password.php
@@ -10,9 +10,9 @@
 // insertion du captcha

 ob_start();

 ?>

-                <p>Montrez que vous n'êtes pas un robot.<br/>

+                <p>Montrez que vous n'êtes pas un robot.<br>

                     <label for="captcha" >Combien font <?= $captcha[0] ?> fois <?= $captcha[1] ?>?</label>

-                    <input required type="text" id="captcha" name="captcha" autocomplete="off" size="1" />

+                    <input required type="text" id="captcha" name="captcha" autocomplete="off" size="1">

                 </p>

 <?php

 $captchaHtml = ob_get_clean();

@@ -23,11 +23,11 @@ ob_start();
 ?>

             <form class="connexionFormulaire" method="post" action="index.php?page=connexion&from=<?= $_GET['from'] ?>" >

                 <label for="motdepasse" >Mot de passe:</label>

-                <input type="password" name="motdepasse" autofocus required >

+                <input id="motdepasse" type="password" name="motdepasse" autofocus required >

 

                 <?= $captchaHtml ?>

 

-                <input type="submit" value="Valider" >

+                <input type="submit" value="Valider">

             </form>

 <?php

 $formulaireConnexion = ob_get_clean();

@@ -37,11 +37,11 @@ ob_start();
 ?>

             <form class="connexionFormulaire" method="post" action="index.php" >

                 <label for="motdepasse" >Mot de passe:</label>

-                <input type="password" name="motdepasse" autofocus required >

+                <input id="motdepasse" type="password" name="motdepasse" autofocus required>

 

                 <?= $captchaHtml ?>

 

-                <input type="submit" value="Valider" >

+                <input type="submit" value="Valider">

             </form>

 <?php

 $formulaireNouveauMDP = ob_get_clean();

@@ -51,14 +51,14 @@ $formulaireNouveauMDP = ob_get_clean();
 ob_start();

 ?>

             <form class="connexionFormulaire" method="post" action="index.php?from=<?= $_GET['from'] ?>&action=modif_mdp" >

-                <label for="motdepasse" >Ancien mot de passe:</label>

-                <input type="password" name="ancienMotdepasse" autofocus required ><br /><br />

+                <label for="ancien_motdepasse" >Ancien mot de passe:</label>

+                <input id="ancien_motdepasse" type="password" name="ancienMotdepasse" autofocus required ><br><br>

                 <label for="motdepasse" >Nouveau mot de passe:</label>

-                <input type="password" name="nouveauMotdepasse" required autocomplete="off" >

-                <br /><br />

+                <input id="motdepasse" type="password" name="nouveauMotdepasse" required autocomplete="off">

+                <br><br>

                 <input type="submit" value="Valider" >

                 <a href="index.php?page=<?= $_GET['from'] ?>" >

-                    <input type="button" value="Annuler" />

+                    <input type="button" value="Annuler">

                 </a>

             </form>

 <?php

@@ -70,17 +70,17 @@ ob_start();
 ?>

 <!DOCTYPE html>

 

-<html lang="fr" >

+<html lang="fr">

     <head>

-        <meta charset="utf-8" />

+        <meta charset="utf-8">

         <title><?= $title ?></title>

 

         <!-- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> -->

-        <link rel="icon" type="image/png" href="public/mouette-logo.png" >

+        <link rel="icon" type="image/png" href="public/mouette-logo.png">

         <link rel="stylesheet" type="text/css" href="public/css/normalize.css">

-        <link rel="stylesheet" type="text/css" href="public/css/main.css" />

-        <script type="text/javascript" src="public/main.js" ></script>

-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

+        <link rel="stylesheet" type="text/css" href="public/css/main.css">

+        <script src="public/main.js" ></script>

+        <meta name="viewport" content="width=device-width, initial-scale=1.0">

     </head>

 

     <body>

@@ -105,10 +105,10 @@ $warning = '<p class="avertissement" >Rappel de sécurité<br />Vous n\'utilisez
 // confirmation modification du mot de passe

 ob_start();

 ?>

-<script type="text/javascript" >nouveauMotdepasse('<?= $_GET["from"] ?>');</script>

+<script>nouveauMotdepasse('<?= $_GET["from"] ?>');</script>

 <noscript>

-    <p class="avertissement" >Le mot de passe a été modifié<br />

-        <a href="index.php" >Retour au site.</a><br/></p>

+    <p class="avertissement" >Le mot de passe a été modifié<br>

+        <a href="index.php" >Retour au site.</a><br></p>

 </noscript>

 <?php

 $message = ob_get_clean();

@@ -116,12 +116,17 @@ $message = ob_get_clean();
 

 // pied de page

 ob_start();

+if(isset($_GET['page'])) // exclue la "création du mot de passe"

+{

 ?>

             <p class="connexionP connexionFooter" >

                 <a href="index.php?from=<?= $_GET['from'] ?>" >

                     <button>Retour au site.</button>

                 </a>

             </p>

+<?php

+}

+?>

         </div>

     </body>

 </html>

diff --git a/view/template-formulaires.php b/view/template-formulaires.php
index fc73a27..b8c6f94 100644
--- a/view/template-formulaires.php
+++ b/view/template-formulaires.php
@@ -29,12 +29,12 @@ ob_start();
         <?= $imageFormulaire ?>

         <p><i>Infos qui seront affichées sur cette page:</i></p>

         <label for="titre" >Titre</label>

-            <input type="text" name="titre" value="<?= $vignette[0] ?>" required ><br />

+            <input type="text" name="titre" value="<?= $vignette[0] ?>" required><br>

         <label for="annee" >Année</label>

-            <input type="text" name="annee" value="<?= $vignette[1] ?>" ><br />

-        <label for="pochette" >Pochette du disque (jpg ou png) : <?= $vignette[2] ?></label><br/>

+            <input type="text" name="annee" value="<?= $vignette[1] ?>"><br>

+        <label for="pochette" >Pochette du disque (jpg ou png) : <?= $vignette[2] ?></label><br>

             <!-- <input type="file" id="upload" name="upload" > -->

-            <input type="file" name="upload" ><br /><br /><br />

+            <input type="file" name="upload"><br><br><br>

 <?php

 $inputsAlbum = ob_get_clean();

 

@@ -53,10 +53,10 @@ if($page === 'discographie' || $page === 'album')
 ?>

 

         <textarea id="editor" name="contenu" ></textarea>

-        <!-- <input class="boutonSubmitEditeur" type="submit" value="Valider" onclick="filtrerAntislash();"/> -->

-        <input class="boutonSubmitEditeur" type="submit" value="Valider" />

+        <!-- <input class="boutonSubmitEditeur" type="submit" value="Valider" onclick="filtrerAntislash();"> -->

+        <input class="boutonSubmitEditeur" type="submit" value="Valider">

         <a class="boutonAnnuler" href="index.php?page=<?= $lienBoutonAnnuler ?>" >

-            <input type="button" value="Annuler" /></a>

+            <input type="button" value="Annuler"></a>

         <script>

             let editor; // variable utilisable depuis une fonction

             

diff --git a/view/template.php b/view/template.php
index b86a41c..2a4d182 100644
--- a/view/template.php
+++ b/view/template.php
@@ -2,16 +2,16 @@
 

 <html lang="fr" >

     <head>

-        <meta charset="utf-8" />

+        <meta charset="utf-8">

         <title><?= $title ?></title>

 

         <!-- partie que Melaine doit écrire -->

-        <meta name="description" content="" />

+        <meta name="description" content="">

 

         <!-- <link rel="shortcut icon" type="image/x-icon" href="public/favicon.ico" /> -->

-        <link rel="icon" type="image/png" href="public/mouette-logo.png" >

+        <link rel="icon" type="image/png" href="public/mouette-logo.png">

         <link rel="stylesheet" type="text/css" href="public/css/normalize.css">

-        <link rel="stylesheet" type="text/css" href="public/css/main.css" />

+        <link rel="stylesheet" type="text/css" href="public/css/main.css">

 <?php

 if(isset($css)) // fichiers CSS supplémentaires

 {

@@ -23,7 +23,7 @@ if(isset($js)) // fonctions dans main.js puis appel des fonctions
     echo($js);

 }

 ?>

-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

+        <meta name="viewport" content="width=device-width, initial-scale=1.0">

     </head>

     

     <body>