eric/alpha_full
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
master
alpha_full/admin/styles/sections/sectionAffichage.php
root 6550c99017 Initial import Alpha
2026-04-06 22:58:51 +02:00

379 lines
32 KiB
PHP
Executable File
Raw Permalink Blame History

<?php
$nomFicAppelant = basename(__FILE__);
$test="-";
$test=strpos($_SERVER['REQUEST_URI'],"agencement");
if ($test > 0 ) $src="./styles/flex.js"; else $src="./styles/flex.js";
echo '<script type="text/javascript" src="' .$src. '"></script>';
if (empty($_SESSION['theVoletCss']) && ($theVoletCss!='')) $_SESSION['theVoletCss']=$theVoletCss;
// -----------------------------------------------------
// SECTION affichage
// -----------------------------------------------------
echo '<div valign="top" align="left" id="sectionAff" name="sectionAff" style="display:none; width:100%" >';
// -----------------------------------------------------
// Boite Type
// -----------------------------------------------------
echo '<div class="boiteCss" >';
echo '<div class="boiteCssTitre" style="color:blue">Type de Conteneur</div>';
// -----------------------------------------------------
// Display
// -----------------------------------------------------
echo '&#160;<i class="itemReglage fad fa-window-frame" ></i>';
echo '<span class="itemReglage">Rendu : </span>';
$theTitle='';
echo '<select class="selectWbm" id="displayCss" name="displayCss" onChange="editMonForm(\'displayCss\',0);" >';
if ($cssDisplay[$theNumCss]=="-") {echo '<option value="-" selected>Aucun</option>';} else {echo '<option value="-" >Aucun</option>';}
if ($cssDisplay[$theNumCss]=="inherit") {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssDisplay[$theNumCss]=="initial") {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
if ($cssDisplay[$theNumCss]=="block") {echo '<option value="block" selected>En bloc</option>';} else {echo '<option value="block" >En bloc</option>';}
if ($cssDisplay[$theNumCss]=="inline") {echo '<option value="inline" selected>En ligne</option>';} else {echo '<option value="inline">En ligne</option>';}
if ($cssDisplay[$theNumCss]=="inline-block") {echo '<option value="inline-block" selected>En ligne-bloc</option>';} else {echo '<option value="inline-block">En ligne-bloc</option>';}
if ($cssDisplay[$theNumCss]=="table") {echo '<option value="table" selected>En table</option>';} else {echo '<option value="table">En table</option>';}
if ($cssDisplay[$theNumCss]=="table-cell") {echo '<option value="table-cell" selected>En cellule (TD)</option>';} else {echo '<option value="table-cell">En cellule</option>';}
if ($cssDisplay[$theNumCss]=="table-column") {echo '<option value="table-column" selected>En colonne (COL)</option>';} else {echo '<option value="table-column">En colonne(COL)</option>';}
if ($cssDisplay[$theNumCss]=="table-row") {echo '<option value="table-row" selected>En ligne (ROW)</option>';} else {echo '<option value="table-row">En ligne(ROW)</option>';}
if ($cssDisplay[$theNumCss]=="flex") {echo '<option value="flex" selected>En flex</option>';} else {echo '<option value="flex">En flex</option>';}
if ($cssDisplay[$theNumCss]=="inline-flex") {echo '<option value="inline-flex" selected>En flex propagé aux enfants</option>';} else {echo '<option value="inline-flex">En flex propagé aux enfants</option>';}
if ($cssDisplay[$theNumCss]=="grid") {echo '<option value="grid" selected>En grid</option>';} else {echo '<option value="grid">En grid</option>';}
if ($cssDisplay[$theNumCss]=="inline-grid") {echo '<option value="inline-grid" selected>Grid propagé aux enfants</option>';} else {echo '<option value="inline-grid">Grid propagé aux enfants</option>';}
if ($cssDisplay[$theNumCss]=="none") {echo '<option value="none" selected>Ne pas afficher</option>';} else {echo '<option value="none">Ne pas afficher</option>';}
if ($cssDisplay[$theNumCss]=="contents") {echo '<option value="contents" selected>En contenu(plus de container)</option>';} else {echo '<option value="contents">En contenu(plus de container)</option>';}
if ($cssDisplay[$theNumCss]=="list-item") {echo '<option value="list-item" selected>En liste</option>';} else {echo '<option value="list-item">En liste</option>';}
if ($cssDisplay[$theNumCss]=="run-in") {echo '<option value="run-in" selected>Dépendant(run in)</option>';} else {echo '<option value="run-in">Dépendant(run in)</option>';}
echo '</select>';
// -----------------------------------------------------
// FLEX
// -----------------------------------------------------
echo '&#160;&#160;';
echo '<span id="flexBtn" >';
echo '<a href="#modaleAdminF" onClick="document.getElementById(\'flex\').value=1; document.getElementById(\'sectionAffValue\').value=1; initAffCss(); document.getElementById(\'modaleAdminF\').style.display=\'block\'; if(document.getElementById(\'zoneFormWbm\')) document.getElementById(\'zoneFormWbm\').style.zIndex=\'100\';" class="boutonsWebmaster" >';
echo '&#160;<i class="itemReglage fad fa-toggle-on itemReglage"></i>&#160;';
echo 'Tableau flex &#160;</a>';
echo '</span>';
echo '<input type="hidden" id="flex" name="flex" value="' .$flex. '" >';
if ($_SESSION['isAgencement'] === true ) echo '<div id="modaleAdminF" style="max-width:100%; max-height:95%; margin:auto;" >';
else echo '<div id="modaleAdminF" style="width:50%; height:90%; margin:auto; top:287px;" >';
echo '<div class="popup_blockF" >';
// bouton fermer
echo '<span style="float:right; padding:5px; background:white;border-radius: 50%;" alt="fermer la fenêtre" class="fad fa-times-circle btn_close" aria-label="Fermer la fenêtre" onClick="document.getElementById(\'modaleAdminF\').style.display=\'none\';" ></span>';
if ($theVoletCss!='') $_SESSION['theVoletCss']=$theVoletCss;
include ("./styles/flex.php");
$flex=0;
echo '</div>';
echo '</div>';
// -----------------------------------------------------
// GRID
// -----------------------------------------------------
echo '&#160;&#160;';
echo '<span id="gridBtn" >';
echo '<a href="#modaleAdminG" onClick="document.getElementById(\'grid\').value=1;document.getElementById(\'sectionAffValue\').value=1; initAffCss();document.getElementById(\'modaleAdminG\').style.display=\'block\';" class="boutonsWebmaster" >';
echo '&#160;<i class="itemReglage fad fa-toggle-on"></i>';
echo '&#160;Tableau grid&#160;</a>';
echo '</span>';
echo '<input type="hidden" id="grid" name="grid" value="' .$grid. '" >';
echo '<div id="modaleAdminG" class="modaleAdminG" >';
echo '<div class="popup_blockG" >';
// bouton fermer
echo '<span style="float:right; padding:5px; background:white;border-radius: 50%;" alt="fermer la fenêtre" class="fad fa-times-circle btn_close" aria-label="Fermer la fenêtre" onClick="document.getElementById(\'modaleAdminG\').style.display=\'none\';" ></span>';
$_SESSION['theNumCss']=$theNumCss;
if ($theVoletCss!='') $_SESSION['theVoletCss']=$theVoletCss;
include ("./styles/grid.php");
$grid=0;
echo '</div>';
echo '</div>';
echo '</div>';
// -----------------------------------------------------
// Boite Alignement Grid
// -----------------------------------------------------
if (!isset($cssDisplay[$theNumCss])) $cssDisplay[$theNumCss]="-";
if ($cssDisplay[$theNumCss]=="grid" || $cssDisplay[$theNumCss]=="inline-grid" ) {
echo '<div class="boiteCss" id="affGridFlex" >';
echo '<div class="boiteCssTitre" style="color:blue">Alignement pour Grid</div>';
// -----------------------------------------------------
// Justify-content
// -----------------------------------------------------
echo '&#160;<i class="itemReglage fad fa-outdent"></i>';
echo '<span class="itemReglage">Alignement horizontal de la grille : </span> &#160;';
echo '<span >';
$theTitle='Justification des cellules';
echo '<select name="justifyContentCss" class="selectWbm" onChange="editMonForm(\'justifyContentCss\',0);" id="justifyContentCss" title="' .$theTitle. '" >';
if ($cssJustifyContent[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
if ($cssJustifyContent[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssJustifyContent[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
if ($cssJustifyContent[$theNumCss]=='start') {echo '<option value="start" selected>Gauche</option>';} else {echo '<option value="start" >Gauche</option>';}
if ($cssJustifyContent[$theNumCss]=='center') {echo '<option value="center" selected>Centre</option>';} else {echo '<option value="center" >Centre</option>';}
if ($cssJustifyContent[$theNumCss]=='end') {echo '<option value="end" selected>Droite</option>';} else {echo '<option value="end" >Droite</option>';}
if ($cssJustifyContent[$theNumCss]=='space-between') {echo '<option value="space-between" selected>Espace entre les colonnes mais pas aux bords</option>';} else {echo '<option value="space-between" >Espace entre les colonnes mais pas aux bords</option>';}
if ($cssJustifyContent[$theNumCss]=='space-around') {echo '<option value="space-around" selected>Espace egal de chaque côté (demi-taille aux extrémités)</option>';} else {echo '<option value="space-around" >Espace egal de chaque côté (demi-taille aux extrémités)</option>';}
if ($cssJustifyContent[$theNumCss]=='space-evenly') {echo '<option value="space-evenly" selected>Espace également répartit partout</option>';} else {echo '<option value="space-evenly" >Espace également répartit partout</option>';}
echo '</select>';
echo '</span>';
// -----------------------------------------------------
// Align-content
// -----------------------------------------------------
echo '<br>';
echo '&#160;<i class="itemReglage fad fa-align-center"></i>';
echo '<span class="itemReglage">&#160;Alignement vertical de la grille : </span> &#160;';
$theTitle='Alignement vertical de la grille';
echo '<select class="selectWbm" onChange="editMonForm(\'flexAlignContentCss\',0);" id="flexAlignContentCss" name="flexAlignContentCss" title="' .$theTitle. '" >';
if ($cssAlignContents[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
if ($cssAlignContents[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssAlignContents[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
if ($cssAlignContents[$theNumCss]=='start') {echo '<option value="start" selected>En haut</option>';} else {echo '<option value="start" >En haut</option>';}
if ($cssAlignContents[$theNumCss]=='center') {echo '<option value="center" selected>Centrer verticalement</option>';} else {echo '<option value="center" >Centrer verticalement</option>';}
if ($cssAlignContents[$theNumCss]=='end') {echo '<option value="end" selected>En bas</option>';} else {echo '<option value="end" >En bas</option>';}
if ($cssAlignContents[$theNumCss]=='space-between') {echo '<option value="space-between" selected>Espace entre les lignes mais pas aux bords</option>';} else {echo '<option value="space-between" >Espace entre les lignes mais pas aux bords</option>';}
if ($cssAlignContents[$theNumCss]=='space-around') {echo '<option value="space-around" selected>Espace egal de chaque côté (demi-taille aux extrémités)</option>';} else {echo '<option value="space-around" >Espace egal de chaque côté (demi-taille aux extrémités)</option>';}
if ($cssAlignContents[$theNumCss]=='space-evenly') {echo '<option value="space-evenly" selected>Espace également répartit partout</option>';} else {echo '<option value="space-evenly" >Espace également répartit partout</option>';}
if ($cssAlignContents[$theNumCss]=='stretch') {echo '<option value="stretch" selected>Remplit la largeur</option>';} else {echo '<option value="stretch" >Remplit la largeur</option>';}
// echo '<option value="' .$cssAlignContents[$theNumCss]. '" selected>' .$cssAlignContents[$theNumCss]. '</option>';
echo '</select>';
echo '</span>';
// -----------------------------------------------------
// Justify-items ---> que pour grid
// -----------------------------------------------------
echo '<br>';
echo '&#160;<i class="itemReglage fad fa-indent"></i>';
echo '<span class="itemReglage">Alignement horizontal des items : </span> &#160;';
$theTitle=' Justify-Items';
echo '<select class="selectWbm" onChange="editMonForm(\'justifyItemsCss\',0);" id="justifyItemsCss" name="justifyItemsCss" title="' .$theTitle. '" >';
if ($cssJustifyItems[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
if ($cssJustifyItems[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssJustifyItems[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
if ($cssJustifyItems[$theNumCss]=='stretch') {echo '<option value="stretch" selected>Remplit la largeur</option>';} else {echo '<option value="stretch" >Remplit la largeur</option>';}
if ($cssJustifyItems[$theNumCss]=='start') {echo '<option value="start" selected>Gauche</option>';} else {echo '<option value="start" >Gauche</option>';}
if ($cssJustifyItems[$theNumCss]=='center') {echo '<option value="center" selected>Centre</option>';} else {echo '<option value="center" >Centre</option>';}
if ($cssJustifyItems[$theNumCss]=='end') {echo '<option value="end" selected>Droite</option>';} else {echo '<option value="end" >Droite</option>';}
// if ($cssJustifyItems[$theNumCss]=='space-around') {echo '<option value="space-around" selected>space-around</option>';} else {echo '<option value="space-around" >space-around</option>';}
// if ($cssJustifyItems[$theNumCss]=='space-evenly ') {echo '<option value="space-evenly " selected>space-evenly </option>';} else {echo '<option value="space-evenly " >space-evenly </option>';}
echo '</select>';
// -----------------------------------------------------
// Align-items
// -----------------------------------------------------
echo '<br>';
echo '&#160;<i class="itemReglage fad fa-indent"></i>';
echo '<span class="itemReglage">&#160;Alignement vertical des items : </span> &#160;';
$theTitle='align-items';
echo '<select class="selectWbm" onChange="editMonForm(\'alignItemsCss\',0);" id="alignItemsCss" name="alignItemsCss" title="' .$theTitle. '" >';
if ($cssAlignItems[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
if ($cssAlignItems[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssAlignItems[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
if ($cssAlignItems[$theNumCss]=='stretch') {echo '<option value="stretch" selected>Remplit la hauteur</option>';} else {echo '<option value="stretch" >Remplit la hauteur</option>';}
if ($cssAlignItems[$theNumCss]=='start') {echo '<option value="start" selected>Haut</option>';} else {echo '<option value="start" >Haut</option>';}
if ($cssAlignItems[$theNumCss]=='center') {echo '<option value="center" selected>Milieu</option>';} else {echo '<option value="center" >Milieu</option>';}
if ($cssAlignItems[$theNumCss]=='end') {echo '<option value="end" selected>Bas</option>';} else {echo '<option value="end" >Bas</option>';}
echo '</select>';
echo '</span>';
echo '</div>';
}
// -----------------------------------------------------
// FLEX alignement
// -----------------------------------------------------
if ($cssDisplay[$theNumCss]=="flex" || $cssDisplay[$theNumCss]=="inline-flex") {
echo '<div class="boiteCss" id="affGridFlex" >';
echo '<div class="boiteCssTitre" style="color:blue">Alignement pour Flex </div>';
// -----------------------------------------------------
// Justify-content
// -----------------------------------------------------
echo '&#160;<i class="itemReglage fad fa-outdent"></i>';
echo '<span class="itemReglage">Justification de la grille : </span> &#160;';
echo '<span>';
$theTitle='Justification de la grille';
echo '<select name="justifyContentCss" class="selectWbm" onChange="editMonForm(\'justifyContentCss\',0);" id="justifyContentCss" title="' .$theTitle. '" >';
if ($cssJustifyContent[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
if ($cssJustifyContent[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssJustifyContent[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
if ($cssJustifyContent[$theNumCss]=='flex-start') {echo '<option value="flex-start" selected>Gauche(flex-start)</option>';} else {echo '<option value="flex-start" >Gauche (flex-start)</option>';}
if ($cssJustifyContent[$theNumCss]=='center') {echo '<option value="center" selected>Centre</option>';} else {echo '<option value="center">Centre (center)</option>';}
if ($cssJustifyContent[$theNumCss]=='flex-end') {echo '<option value="flex-end" selected>Droite (flex-end)</option>';} else {echo '<option value="flex-end" >Droite (flex-end)</option>';}
if ($cssJustifyContent[$theNumCss]=='space-between') {echo '<option value="space-between" selected>Espace entre les colonnes mais pas aux bords (space-between)</option>';} else {echo '<option value="space-between" >Espace entre les colonnes mais pas aux bords (space-between)</option>';}
if ($cssJustifyContent[$theNumCss]=='space-around') {echo '<option value="space-around" selected>Espace egal de chaque côté (demi-taille aux extrémités:space-around)</option>';} else {echo '<option value="space-around" >Espace egal de chaque côté (demi-taille aux extrémités:space-around)</option>';}
if ($cssJustifyContent[$theNumCss]=='space-evenly') {echo '<option value="space-evenly" selected>Espace également répartit partout (space-evenly)</option>';} else {echo '<option value="space-evenly" >Espace également répartit partout (space-evenly)</option>';}
echo '</select>';
echo '</span>';
// -----------------------------------------------------
// Align-content
// -----------------------------------------------------
echo '<br>&#160;<i class="itemReglage fad fa-align-center"></i>';
echo '<span class="itemReglage">&#160;Alignement de la grille : </span> &#160;';
$theTitle='Alignement de la grille';
echo '<select class="selectWbm" onChange="editMonForm(\'flexAlignContentCss\',0);" id="flexAlignContentCss" name="flexAlignContentCss" title="' .$theTitle. '" >';
if ($cssAlignContents[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
if ($cssAlignContents[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssAlignContents[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
if ($cssAlignContents[$theNumCss]=='stretch') {echo '<option value="stretch" selected>Toute la hauteur (stretch)</option>';} else {echo '<option value="stretch" >Toute la hauteur (stretch)</option>';}
if ($cssAlignContents[$theNumCss]=='flex-start') {echo '<option value="flex-start" selected>En haut (flex-start)</option>';} else {echo '<option value="flex-start" >En haut (flex-start)</option>';}
if ($cssAlignContents[$theNumCss]=='center') {echo '<option value="center" selected>Centrer verticalement</option>';} else {echo '<option value="center" >Centrer verticalement(center)</option>';}
if ($cssAlignContents[$theNumCss]=='flex-end') {echo '<option value="flex-end" selected>Bas (flex-end)</option>';} else {echo '<option value="flex-end" >Bas (flex-end)</option>';}
if ($cssAlignContents[$theNumCss]=='space-between') {echo '<option value="space-between" selected>Espace entre les lignes mais pas aux bords (space-between)</option>';} else {echo '<option value="space-between" >Espace entre les lignes mais pas aux bords(space-between)</option>';}
if ($cssAlignContents[$theNumCss]=='space-around') {echo '<option value="space-around" selected>Espace egal de chaque côté (demi-taille aux extrémités:space-around)</option>';} else {echo '<option value="space-around" >Espace egal de chaque côté (demi-taille aux extrémités:space-around)</option>';}
// echo '<option value="' .$cssAlignContents[$theNumCss]. '" selected>' .$cssAlignContents[$theNumCss]. '</option>';
echo '</select>';
echo '</span>';
// -----------------------------------------------------
// Align-items
// -----------------------------------------------------
echo '&#160;<i class="itemReglage fad fa-indent"></i>';
echo '<span class="itemReglage">&#160;Alignement des items : </span> &#160;';
$theTitle='align-items';
echo '<select class="selectWbm" onChange="editMonForm(\'alignItemsCss\',0);" id="alignItemsCss" name="alignItemsCss" title="' .$theTitle. '" >';
if ($cssAlignItems[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
if ($cssAlignItems[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssAlignItems[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
if ($cssAlignItems[$theNumCss]=='stretch') {echo '<option value="stretch" selected>Toute la hauteur</option>';} else {echo '<option value="stretch" >Toute la hauteur (stretch)</option>';}
if ($cssAlignItems[$theNumCss]=='flex-start') {echo '<option value="flex-start" selected>Haut</option>';} else {echo '<option value="flex-start" >Haut (flex-start)</option>';}
if ($cssAlignItems[$theNumCss]=='center') {echo '<option value="center" selected>Centre</option>';} else {echo '<option value="center" >Centre (center)</option>';}
if ($cssAlignItems[$theNumCss]=='flex-end') {echo '<option value="flex-end" selected>Bas</option>';} else {echo '<option value="flex-end" >Bas (flex-end)</option>';}
if ($cssAlignItems[$theNumCss]=='baseline') {echo '<option value="baseline" selected>Ligne de base</option>';} else {echo '<option value="baseline" >Ligne de base</option>';}
echo '</select>';
echo '</span>';
// -----------------------------------------------------
// Justify-Items ---> que pour grid = oui
// -----------------------------------------------------
echo '</div>';
}
// -----------------------------------------------------
// Boite affichage
// -----------------------------------------------------
echo '<div class="boiteCss" >';
echo '<div class="boiteCssTitre" style="color:blue">Affichage</div>';
// -----------------------------------------------------
// Opacité :
// -----------------------------------------------------
// echo '<br>';
// -----------------------------------------------------
echo '<i class="fad fa-fog itemReglage"></i>&#160;';
echo '<span class="itemReglage">Opacité : </span>';
$title="opacité";
if (isset($cssOpacity[$theNumCss])) {echo '<input style="width:50px;" class="inputWebmaster" onChange="editMonForm(\'opacityCss\',0);" size="4" name="opacityCss" id="opacityCss" value="' .$cssOpacity[$theNumCss]. '" title="' .$theTitle. '"/>';}
else {echo '<input style="width:50px;" class="inputWebmaster" onChange="editMonForm(\'opacityCss\',0);" size="4" name="opacityCss" id="opacityCss" value="-" title="' .$theTitle. '"/>';}
// -----------------------------------------------------
// Visibility :
// -----------------------------------------------------
echo '&#160;<i class="itemReglage fad fa-eye" ></i>';
echo '<span class="itemReglage">Visibilité : </span>';
$title="Determine de quel côté un élément flottant n'est pas autorisé. ";
echo '<select class="selectWbm" id="visibilityCss" name="visibilityCss" onChange="editMonForm(\'visibilityCss\',\'0\');" title="' .$title. '" >';
if ($cssVisibility[$theNumCss]=="-") {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
if ($cssVisibility[$theNumCss]=="inherit") {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssVisibility[$theNumCss]=="initial") {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
if ($cssVisibility[$theNumCss]=="visible") {echo '<option value="visible" selected >Visible</option>';} else {echo '<option value="visible" >Visible</option>';}
if ($cssVisibility[$theNumCss]=="hidden" ) {echo '<option value="hidden" selected >Caché</option>';} else {echo '<option value="hidden" >Caché</option>';}
echo '</select>';
// -----------------------------------------------------
// z-index :
// -----------------------------------------------------
echo '&#160;<i class="itemReglage fad fa-bring-front" ></i>';
echo '<span class="itemReglage">Plan (devant/au fond) : </span>';
$title="Plan index";
if (isset($cssZindex[$theNumCss])) {echo '<input style="width:50px;" class="inputWebmaster" onChange="editMonForm(\'zIndexeCss\',0);" size="4" name="zIndexeCss" id="zIndexeCss" value="' .$cssZindex[$theNumCss]. '" title="' .$theTitle. '"/>';}
else {echo '<input style="width:50px;" class="inputWebmaster" onChange="editMonForm(\'zIndexeCss\',0);" size="4" name="zIndexeCss" id="zIndexeCss" value="-" title="' .$theTitle. '"/>';}
echo '</div>';
// -----------------------------------------------------
// Boite aspect
// -----------------------------------------------------
echo '<div class="boiteCss" >';
echo '<div class="boiteCssTitre" style="color:blue">Aspect</div>';
// -----------------------------------------------------
// Ombre :
// -----------------------------------------------------
echo '&#160;<i class="itemReglage fad fa-umbrella-beach"></i>';
echo '<span class="itemReglage">Ombre : </span>';
$theTitle="Ombre de la boite";
if (isset($cssBoxShadow[$theNumCss])) {echo '<input class="inputWebmaster" onChange="editMonForm(\'boxShadowCss\',0);" name="boxShadowCss" id="boxShadowCss" value="' .$cssBoxShadow[$theNumCss]. '" title="' .$theTitle. '"/>';}
else {echo '<input class="inputWebmaster" onChange="editMonForm(\'boxShadowCss\',0);" name="boxShadowCss" id="boxShadowCss" value="-" title="' .$theTitle. '"/>';}
// -----------------------------------------------------
// Souris :
// -----------------------------------------------------
echo '&#160;<i class="itemReglage fad fa-mouse-pointer"></i>';
echo '<span class="itemReglage">Souris : </span>';
$theTitle="Forme de la souris";
echo '<select class="selectWbm" id="theCursor" name="theCursor" onChange="editMonForm(\'theCursor\',\'0\');" >';
if ($cssCursor[$theNumCss]=="default") {echo '<option value="-" selected >default</option>';} else {echo '<option value="-" >default</option>';}
if ($cssCursor[$theNumCss]=="inherit") {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssCursor[$theNumCss]=="alias") {echo '<option value="alias" selected >alias</option>';} else {echo '<option value="alias" >alias</option>';}
if ($cssCursor[$theNumCss]=="all-scroll") {echo '<option value="all-scroll" selected >all-scroll</option>';} else {echo '<option value="all-scroll" >all-scroll</option>';}
if ($cssCursor[$theNumCss]=="auto") {echo '<option value="auto" selected >auto</option>';} else {echo '<option value="auto" >auto</option>';}
if ($cssCursor[$theNumCss]=="cell") {echo '<option value="cell" selected >cell</option>';} else {echo '<option value="cell" >cell</option>';}
if ($cssCursor[$theNumCss]=="context-menu") {echo '<option value="context-menu" selected >context-menu</option>';} else {echo '<option value="context-menu" >context-menu</option>';}
if ($cssCursor[$theNumCss]=="col-resize") {echo '<option value="col-resize" selected >col-resize</option>';} else {echo '<option value="col-resize" >col-resize</option>';}
if ($cssCursor[$theNumCss]=="copy") {echo '<option value="copy" selected >copy</option>';} else {echo '<option value="copy" >copy</option>';}
if ($cssCursor[$theNumCss]=="crosshair") {echo '<option value="crosshair" selected >crosshair</option>';} else {echo '<option value="crosshair" >crosshair</option>';}
if ($cssCursor[$theNumCss]=="help") {echo '<option value="help" selected >help </option>';} else {echo '<option value="help" >help</option>';}
if ($cssCursor[$theNumCss]=="pointer") {echo '<option value="pointer" selected >pointer</option>';} else {echo '<option value="pointer" >pointer</option>';}
if ($cssCursor[$theNumCss]=="progress") {echo '<option value="progress" selected >progress</option>';} else {echo '<option value="progress" >progress</option>';}
if ($cssCursor[$theNumCss]=="text") {echo '<option value="text" selected >text</option>';} else {echo '<option value="text" >text</option>';}
if ($cssCursor[$theNumCss]=="url") {echo '<option value="url" selected >url</option>';} else {echo '<option value="url" >url</option>';}
if ($cssCursor[$theNumCss]=="wait") {echo '<option value="wait" selected >wait</option>';} else {echo '<option value="wait" >wait</option>';}
if ($cssCursor[$theNumCss]=="zoom-in") {echo '<option value="zoom-in" selected >zoom-in</option>';} else {echo '<option value="zoom-in" >zoom-in</option>';}
if ($cssCursor[$theNumCss]=="zoom-out") {echo '<option value="zoom-out" selected >zoom-out</option>';} else {echo '<option value="zoom-out" >zoom-out</option>';}
if ($cssCursor[$theNumCss]=="not-allowed") {echo '<option value="not-allowed" selected >not-allowed</option>';} else {echo '<option value="not-allowed" >not-allowed</option>';}
if ($cssCursor[$theNumCss]=="none") {echo '<option value="none" selected>Aucun</option>';} else {echo '<option value="none">Aucun</option>';}
echo '</select>';
// -----------------------------------------------------
// Overflow
// -----------------------------------------------------
echo '&#160;<i class="itemReglage fad fa-stream" ></i>';
echo '<span class="itemReglage">Dépassement : </span>';
$theTitle='Dépassement';
echo '<select class="selectWbm" id="overflowCss" style="width:120px;" name="overflowCss" title="' .$theTitle. '" onChange="editMonForm(\'overflowCss\',0);" >';
if ($cssOverflow[$theNumCss]=="-") {echo '<option value="-" selected>Aucun</option>';} else {echo '<option value="-" >Aucun</option>';}
if ($cssOverflow[$theNumCss]=="inherit") {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
if ($cssOverflow[$theNumCss]=="initial") {echo '<option value="initial" selected>Par defaut</option>';} else {echo '<option value="initial" >Par defaut</option>';}
if ($cssOverflow[$theNumCss]=="auto") {echo '<option value="auto" selected>Automatique</option>';} else {echo '<option value="auto" >Automatique</option>';}
if ($cssOverflow[$theNumCss]=="scroll") {echo '<option value="scroll" selected>Ascenseur</option>';} {echo '<option value="scroll">Ascenseur</option>';}
if ($cssOverflow[$theNumCss]=="hidden") {echo '<option value="hidden" selected>Caché</option>';} {echo '<option value="hidden">Caché</option>';}
if ($cssOverflow[$theNumCss]=="visible") {echo '<option value="visible" selected>Dépasse</option>';} {echo '<option value="visible">Dépasse</option>';}
echo '</select>';
echo '</div>';
echo '</div>';
?>
Reference in New Issue View Git Blame Copy Permalink