116 lines
7.1 KiB
PHP
Executable File
116 lines
7.1 KiB
PHP
Executable File
<?php
|
|
$nomFicAppelant = basename(__FILE__);
|
|
|
|
echo '<div class="boiteCss" >';
|
|
echo '<div class="boiteCssTitre">Flex : boites responsives <a target="_blank" href="https://www.w3schools.com/css/css3_flexbox_responsive.asp">Aide</a> </div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Flex direction
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<br>';
|
|
echo '<span>';
|
|
// echo '<span class="puceMenu" ></span>';
|
|
echo '<span >Direction du tableau : </span>  ';
|
|
echo '</span>';
|
|
|
|
echo '<span>';
|
|
$theTitle='Flex permet de gérer les boites en %';
|
|
echo '<select class="selectWbm" id="flexDirectionCss" name="flexDirectionCss" title="' .$theTitle. '" >';
|
|
if ($cssFlexDirection[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
|
|
if ($cssFlexDirection[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
|
|
if ($cssFlexDirection[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
|
|
if ($cssFlexDirection[$theNumCss]=='row') {echo '<option value="row" selected>Lignes</option>';} else {echo '<option value="row" >Lignes</option>';}
|
|
if ($cssFlexDirection[$theNumCss]=='column') {echo '<option value="column" selected>Colonnes</option>';} else {echo '<option value="column" >Colonnes</option>';}
|
|
echo '</select>';
|
|
echo '</span>';
|
|
|
|
echo '</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Flex-basis
|
|
// -----------------------------------------------------
|
|
echo '<br>';
|
|
echo '<div style="display:flex">';
|
|
echo 'Taille :  ';
|
|
echo '<span>';
|
|
$theTitle='flex-basis';
|
|
|
|
echo '<select class="selectWbm" id="flexBasisCss2" name="flexBasisCss2" onChange="loadFlexBasis();" title="' .$theTitle. '" >';
|
|
if ($cssFlexBasis[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=='auto') {echo '<option value="auto" selected>auto</option>';} else {echo '<option value="auto" >auto</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=='fill') {echo '<option value="fill" selected>fill</option>';} else {echo '<option value="fill" >fill</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=='max-content') {echo '<option value="max-content" selected>max-content</option>';} else {echo '<option value="max-content" >max-content</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=='min-content') {echo '<option value="min-content" selected>min-content</option>';} else {echo '<option value="min-content" >min-content</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=='fit-content') {echo '<option value="fit-content" selected>fit-content</option>';} else {echo '<option value="fit-content" >fit-content</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=='content') {echo '<option value="content" selected>content</option>';} else {echo '<option value="content" >content</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=='unset') {echo '<option value="unset" selected>unset</option>';} else {echo '<option value="unset" >unset</option>';}
|
|
echo '</select>';
|
|
|
|
echo '<span > Saisie : </span>  ';
|
|
echo '<input value="' .$cssFlexBasis[$theNumCss]. '" class="inputWebmaster" name="flexBasisCss" id="flexBasisCss" title="' .$theTitle. '"/>';
|
|
// UNITE
|
|
if (isset($cssFlexBasis[$theNumCss])) {
|
|
switch (substr($cssFlexBasis[$theNumCss],-2)) {
|
|
case 'px':
|
|
$cssFlexBasisUnite='px';
|
|
break;
|
|
case 'em':
|
|
$cssFlexBasisUnite='em';
|
|
break;
|
|
case '%':
|
|
$cssFlexBasisUnite='%';
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
else $cssFlexBasisUnite='px';
|
|
|
|
|
|
echo '<span > Unité : </span>  ';
|
|
echo ' <select class="selectWbm" id="cssFlexBasisUnite" name="cssFlexBasisUnite" style="width:90px" >';
|
|
if ($cssFlexBasis[$theNumCss]=="" || $cssFlexBasis[$theNumCss]=="-" ) {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-">Aucune</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=="%") {echo '<option value="%" selected >Pourcent</option>';} else {echo '<option value="%" >Pourcent</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=="px") {echo '<option value="px" selected >Pixels</option>';} else {echo '<option value="px" >Pixels</option>';}
|
|
if ($cssFlexBasis[$theNumCss]=="em") {echo '<option value="em" selected >em</option>';} else {echo '<option value="em" >em</option>';}
|
|
echo '</select>';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Flex-wrap
|
|
// -----------------------------------------------------
|
|
echo '<div>';
|
|
echo '<br>';
|
|
echo 'Passage à la ligne :  ';
|
|
echo '<span>';
|
|
$theTitle='flex-wrap';
|
|
echo '<select class="selectWbm" id="flexWrapCss" name="flexWrapCss" title="' .$theTitle. '" >';
|
|
if ($cssFlexWrap[$theNumCss]=='-') {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
|
|
if ($cssFlexWrap[$theNumCss]=='inherit') {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
|
|
if ($cssFlexWrap[$theNumCss]=='initial') {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
|
|
if ($cssFlexWrap[$theNumCss]=='none') {echo '<option value="none" selected>Aucune</option>';} else {echo '<option value="none" >Aucune</option>';}
|
|
if ($cssFlexWrap[$theNumCss]=='nowrap') {echo '<option value="nowrap" selected>nowrap</option>';} else {echo '<option value="nowrap" >nowrap</option>';}
|
|
if ($cssFlexWrap[$theNumCss]=='wrap') {echo '<option value="wrap" selected>wrap</option>';} else {echo '<option value="wrap" >wrap (passe à la ligne)</option>';}
|
|
if ($cssFlexWrap[$theNumCss]=='wrap-reverse') {echo '<option value="wrap-reverse" selected>wrap-reverse</option>';} else {echo '<option value="wrap-reverse" >wrap-reverse</option>';}
|
|
echo '</select>';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
|
|
// -----------------------------------------------------
|
|
// Bouton valider
|
|
// -----------------------------------------------------
|
|
echo '<div > ';
|
|
echo '<br>';
|
|
echo '<span class="boutonsMenusWbm boutonEnregistrer" >';
|
|
echo ' <i id="btnPub" class=" boutonEnregistrer fad fa-save"></i>';
|
|
echo '<span title="Enregistrer et générer les fichiers CSS du thème" onClick="editMonForm(\'submit\',0);" style=" color:white;"> Valider</span> ';
|
|
echo '</span>';
|
|
echo '</div>';
|
|
|
|
echo '</div>';
|
|
?>
|