Skip to content

Commit

Permalink
modification : utilisation de jscolor pour la définition des couleurs…
Browse files Browse the repository at this point in the history 
… des types
  • Loading branch information
@ynaessens
ynaessens committed Nov 18, 2018
1 parent 70a80bf commit 6a8eb68
Show file tree
Hide file tree
Showing 3 changed files with 1,904 additions and 24 deletions.
68 changes: 46 additions & 22 deletions admin/admin_type_modify.php
View file
Expand Up @@ -3,7 +3,7 @@
* admin_type_modify.php
* interface de création/modification des types de réservations
* Ce script fait partie de l'application GRR
* Dernière modification : $Date: 2018-10-09 14:30$
* Dernière modification : $Date: 2018-11-18 15:15$
* @author Laurent Delineau & JeromeB & Yan Naessens
* @copyright Copyright 2003-2018 Team DEVOME - JeromeB
* @link http://www.gnu.org/licenses/licenses.html
Expand All @@ -25,6 +25,7 @@
$back = htmlspecialchars($_SERVER['HTTP_REFERER']);
check_access(6, $back);
// Initialisation
// echo "<script src=\"jscolor.js\"></script>";
$id_type = isset($_GET["id_type"]) ? $_GET["id_type"] : 0;
$type_name = isset($_GET["type_name"]) ? $_GET["type_name"] : NULL;
$order_display = isset($_GET["order_display"]) ? $_GET["order_display"] : NULL;
Expand Down Expand Up @@ -218,7 +219,7 @@
echo "<select name=\"type_letter\" size=\"1\">\n";
echo "<option value=''>".get_vocab("choose")."</option>\n";
$letter = "A";
for ($i = 1; $i <= 26; $i++) // limitation liée à la fonction tdcell()
for ($i = 1; $i <= 256; $i++) // limitation arbitraire, lié à tdcell()
{
echo "<option value='".$letter."' ";
if ($row['type_letter'] == $letter)
Expand Down Expand Up @@ -256,27 +257,17 @@
echo '</td></tr>';
echo "<tr>\n";
echo "<td>".get_vocab("type_color_text").get_vocab("deux_points")."</td>\n";
echo "<td><input type=\"text\" name=\"couleur_texte\" value=\"".$row["couleur_texte"]."\" maxlength=\"7\" size=\"10\" onKeyUp='visuCouleurHexaPerso()' /></td>\n";
echo "<td><input name=\"couleur_texte\" type=\"hidden\" id=\"fgcolor\" value='".$row['couleur_texte']."'>";
echo "<button id=\"fgcolor-button\" class=\"jscolor {valueElement: '".$row['couleur_texte']."'}\">Choisir la couleur</button></td>";
echo "</tr>";
echo "<tr>\n";
echo "<td>".get_vocab("type_color_hexa").get_vocab("deux_points")."</td>\n";
echo "<td><input type=\"text\" name=\"couleurhexa\" value=\"".$row["couleurhexa"]."\" maxlength=\"7\" size=\"10\" onKeyUp='visuCouleurHexaPerso()' /></td>\n";
echo "<td><input name=\"couleurhexa\" type=\"hidden\" id=\"bgcolor\" value='".$row['couleurhexa']."'>";
echo "<button id=\"bgcolor-button\" class=\"jscolor {valueElement: 'bgcolor'}\">Choisir la couleur</button></td>";
echo "</tr>";
/*if ($row["couleurhexa"] != '')
{
echo "<tr>\n";
echo "<td>".get_vocab("type_color_actuel").get_vocab("deux_points")."</td>\n";
echo "<td bgcolor=\"".$row["couleurhexa"]."\"> </td>";
echo "</tr>";
}
echo "<tr>\n";
echo "<td>".get_vocab("type_color_text").get_vocab("deux_points")."</td>\n";
//echo "<td><input type=\"text\" name=\"couleur_texte\" value=\"".$row["couleur_texte"]."\" maxlength=\"7\" size=\"10\" onKeyUp='visuCouleurHexaPerso()' /><input type=\"text\" style=\"background-color:".$row["couleurhexa"]." color:".$row["couleur_texte"].";\" name=\"visucouleurtexte\" value=\"test\" size=\"10\" disabled/></td>\n";
echo "<td><input type=\"text\" name=\"couleur_texte\" value=\"".$row["couleur_texte"]."\" maxlength=\"7\" size=\"10\" onKeyUp='visuCouleurHexaPerso()' /><span style=\"background-color:".$row["couleurhexa"]."; color:".$row["couleur_texte"].";\" id=\"visucouleurtexte\">"."&nbsp;&nbsp;&nbsp;&nbsp; test &nbsp;&nbsp;&nbsp;&nbsp;"."</span></td>\n";
echo "</tr>"; */
echo "</table>\n";
echo "<p>".get_vocab("type_color_predefinie").get_vocab("deux_points")."</p>";
echo "<table class='table-bordered'><tr>\n";
echo "<table class='table table-bordered'><tr>\n";
$nct = 0;
foreach ($tab_couleur as $key=>$value)
{
Expand Down Expand Up @@ -304,13 +295,46 @@
document.getElementsByName('couleurhexa')[0].value = laCouleur;
document.getElementById('test').style.backgroundColor=laCouleur;
document.getElementById('test').style.color=textColor;
document.getElementById('bgcolor-button').style.backgroundColor=laCouleur;
});
function visuCouleurHexaPerso(laCouleur) {
var laCouleur = document.getElementsByName('couleurhexa')[0].value;
var textColor = document.getElementsByName('couleur_texte')[0].value;
document.getElementById('test').style.backgroundColor=laCouleur;
document.getElementById('test').style.color=textColor;

var options = {
valueElement: null,
width: 300,
height: 120,
sliderSize: 20,
borderColor: '#CCC',
insetColor: '#CCC',
backgroundColor: '#202020'
};

var pickers = {};

pickers.bgcolor = new jscolor('bgcolor-button', options);
pickers.bgcolor.onFineChange = "update('bgcolor')";
pickers.bgcolor.fromString('<?php echo $row["couleurhexa"]; ?>');

pickers.fgcolor = new jscolor('fgcolor-button', options);
pickers.fgcolor.onFineChange = "update('fgcolor')";
pickers.fgcolor.fromString('<?php echo $row["couleur_texte"]; ?>');

function update (id) {
document.getElementsByName('couleurhexa')[0].value =
document.getElementById('test').style.backgroundColor =
pickers.bgcolor.toHEXString();
document.getElementsByName('couleur_texte')[0].value =
document.getElementById('test').style.color =
document.getElementById('test').style.borderColor =
pickers.fgcolor.toHEXString();
}

function setString (id, str) {
pickers[id].fromString(str);
update(id);
}

update('bgcolor');
update('fgcolor');
</script>
</section>
</body>
Expand Down
5 changes: 3 additions & 2 deletions include/functions.inc.php
View file
Expand Up @@ -2,7 +2,7 @@
/**
* include/functions.inc.php
* fichier Bibliothèque de fonctions de GRR
* Dernière modification : $Date: 2018-10-16 10:50$
* Dernière modification : $Date: 2018-11-18 15:15$
* @author JeromeB & Laurent Delineau & Marc-Henri PAMISEUX & Yan Naessens
* @copyright Copyright 2003-2018 Team DEVOME - JeromeB
* @link http://www.gnu.org/licenses/licenses.html
Expand Down Expand Up @@ -180,7 +180,7 @@ function check_access($level, $back)
}

/**
* Fonction qui compare 2 valeur
* Fonction qui compare 2 valeurs
* @param string $a
* @param integer $b
* @return string
Expand Down Expand Up @@ -5115,6 +5115,7 @@ function pageHead2($title, $page = "with_session")
$a .= '<script type="text/javascript" src="../js/selection.js" ></script>'.PHP_EOL;
if (@file_exists('js/'.$clock_file))
$a .= '<script type="text/javascript" src="../js/'.$clock_file.'"></script>'.PHP_EOL;
$a .= '<script type="text/javascript" src="../js/jscolor.js"></script>';
if (substr(phpversion(), 0, 1) == 3)
$a .= get_vocab('not_php3');
}
Expand Down

0 comments on commit 6a8eb68

Please sign in to comment.