From 880027ce3197c1ca0974611e994a8a6b1b45c98e Mon Sep 17 00:00:00 2001
From: Miraty <miraty@antopie.org>
Date: Mon, 23 Mar 2020 16:26:31 +0100
Subject: [PATCH] Fix help button when using hexadecimal instead of keyword
 color

---
 index.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.php b/index.php
index 6a535b9..e72a97a 100755
--- a/index.php
+++ b/index.php
@@ -149,7 +149,7 @@ if (badQuery()) {
           <div class="param">
             <label for="txt">Texte à encoder</label>
             <span class="conteneurAide">
-              <span class="boutonAide" tabindex="0"><img id="helpImg" src="help.svg.php?clr=<?= $variablesTheme["text"] ?>" alt="Aide"></span>
+              <span class="boutonAide" tabindex="0"><img id="helpImg" src="help.svg.php?clr=<?= urlencode($variablesTheme["text"]) ?>" alt="Aide"></span>
               <span class="contenuAide">
                 Vous pouvez encoder ce que vous voulez sous forme de texte.<br>
                 Les logiciels qui décodent ces codes QR pourraient proposer de les ouvrir avec un logiciel dédié, en fonction de leur <a href="https://fr.wikipedia.org/wiki/Sch%C3%A9ma_d%27URI">schéma d'URI</a>.<br><br>
@@ -178,7 +178,7 @@ if (badQuery()) {
             <div class="param">
               <label for="redondancy">Taux de redondance</label>
               <span class="conteneurAide">
-                <span class="boutonAide" tabindex="0"><img id="helpImg" src="help.svg.php?clr=<?= $variablesTheme["text"] ?>" alt="Aide"></span>
+                <span class="boutonAide" tabindex="0"><img id="helpImg" src="help.svg.php?clr=<?= urlencode($variablesTheme["text"]) ?>" alt="Aide"></span>
                 <span class="contenuAide">La redondance est le "doublement" des informations dans le code QR afin de corriger les erreurs lors du décodage. Un taux plus élevé produira un code QR plus grand, mais aura plus de chance d'être décodé correctement.</span>
               </span>
               <br>
@@ -193,7 +193,7 @@ if (badQuery()) {
             <div class="param">
               <label for="margin">Taille de la marge</label>
               <span class="conteneurAide">
-                <span class="boutonAide" tabindex="0"><img id="helpImg" src="help.svg.php?clr=<?= $variablesTheme["text"] ?>" alt="Aide"></span>
+                <span class="boutonAide" tabindex="0"><img id="helpImg" src="help.svg.php?clr=<?= urlencode($variablesTheme["text"]) ?>" alt="Aide"></span>
                 <span class="contenuAide">Nombre de pixels des bandes blanches autour du code QR.</span>
               </span>
               <br>
@@ -212,7 +212,7 @@ if (badQuery()) {
             <div class="param">
               <label for="size">Taille de l'image</label>
               <span class="conteneurAide">
-                <span class="boutonAide" tabindex="0"><img id="helpImg" src="help.svg.php?clr=<?= $variablesTheme["text"] ?>" alt="Aide"></span>
+                <span class="boutonAide" tabindex="0"><img id="helpImg" src="help.svg.php?clr=<?= urlencode($variablesTheme["text"]) ?>" alt="Aide"></span>
                 <span class="contenuAide">Par combien les dimensions de l'image seront-elles multipliées ?</span>
               </span>
               <br>