158 lines
11 KiB
PHP
Executable File
158 lines
11 KiB
PHP
Executable File
<?php
|
|
$nomFicAppelant = basename(__FILE__);
|
|
// -----------------------------------------------------
|
|
// SECTION taille
|
|
// -----------------------------------------------------
|
|
echo '<div valign="top" align="left" id="sectionTaille" style="display:none; width:100%;" >';
|
|
|
|
// -----------------------------------------------------
|
|
// Boite taille :
|
|
// -----------------------------------------------------
|
|
echo '<div class="boiteCss" >';
|
|
echo '<i><span style="color:green; font-size:14px;">Veuillez saisir les unités en premier</i></span><br>';
|
|
echo '<div class="boiteCssTitre" onMouseOver="document.getElementById(\'aideUnite\').style.display=\'block\';" onMouseOut="document.getElementById(\'aideUnite\').style.display=\'none\';" style="color:black">Taille & dimensions</div>';
|
|
|
|
echo '<span class="informationsTechLib" id="aideUnite" style="text-decoration:none;display:none;white-space:break-spaces;overflow:wrap;word-break:break-word;overflow-wrap:break-word;>';
|
|
|
|
echo 'px => Pixel,em => Emphase : % de la police parente (2em = 2fois la police parente), rem => Relative emphase : % de la police de l\'élément racine du document, vw => viewport width : 1/100° de la largeur de la fenêtre, vh => viewport height => 1/100° de la hauteur de la fenêtre, \'fr :\' fraction => fraction de page ou tableau en grid / flex (1fr donne une fraction)<a href="https://outils-css.aliasdmc.fr/unites-de-longueurs-css.php" style="color:blue">Site d\'explication 1</a>  <a href="https://www.w3schools.com/CSSref/css_units.asp" style="color:blue">Site d\'explication 2</a>';
|
|
echo "</span>";
|
|
echo '<br>';
|
|
|
|
// -----------------------------------------------------
|
|
// Largeur fixe
|
|
// -----------------------------------------------------
|
|
echo ' <i class="icoStyle fad fa-arrows-h"></i>';
|
|
echo '<span class="itemReglage">Largeur fixée : </span>';
|
|
$title="Permet de sélectionner une valeure prédifinie parmi les dimensions génériques";
|
|
echo '<select title="' .$title. '" class="selectWbm" id="dimValLarg" name="dimValLarg" style="width:100px;" onChange="reloadLarg();" >';
|
|
echo '<option value="-" selected>Prédéfinie</option>';
|
|
for($i=1;$i<=count($dimensionsLargVal);$i++) {
|
|
if ($dimensionsLargVal[$i].$widthUnite===$cssWidth[$theNumCss])
|
|
{echo '<option value="' .$dimensionsLargVal[$i]. '" selected>' .$dimensionsLargDesc[$i]. '</option>';}
|
|
else
|
|
{echo '<option value="' .$dimensionsLargVal[$i]. '" >' .$dimensionsLargDesc[$i]. '</option>';}
|
|
}
|
|
echo '</select>';
|
|
echo '<input type="hidden" style="width:50px;" name="widthSelectedIndex" id="widthSelectedIndex" value="' .$widthSelectedIndex. '" >';
|
|
if (empty($cssWidth[$theNumCss])) $cssWidth[$theNumCss]="-";
|
|
echo ' <input class="inputWebmaster" style="width:60px;" size="50" onChange="editMonForm(\'widthCss\',0);" name="widthCss" id="widthCss" value="' .$cssWidth[$theNumCss]. '" >';
|
|
$widthUnite=affUnite($cssWidth[$theNumCss],$widthUnite);
|
|
echo ' <select onChange="editMonForm(\'widthUnite\',0);" class="selectWbm" id="widthUnite" name="widthUnite" style="width:90px" >';
|
|
ListeUnite($widthUnite);
|
|
echo '</select>';
|
|
|
|
// -----------------------------------------------------
|
|
// Largeur max
|
|
// -----------------------------------------------------
|
|
// echo '<br>';
|
|
// -----------------------------------------------------
|
|
if(!isset($cssMaxWidth[$theNumCss])) $cssMaxWidth[$theNumCss]="-";
|
|
echo ' <i class="icoStyle fad fa-arrows-h"></i>';
|
|
$title="Entrer une valeur ici permet de faire tenir l'item dans son conteneur";
|
|
echo '<span class="itemReglage" title="' .$title. '">Largeur max : </span>';
|
|
echo ' <input class="inputWebmaster" style="width:60px;" size="50" onChange="editMonForm(\'maxWidthCss\',0);" name="maxWidthCss" id="maxWidthCss" value="' .$cssMaxWidth[$theNumCss]. '" />';
|
|
$maxWidthUnite=affUnite($cssMaxWidth[$theNumCss],$maxWidthUnite);
|
|
echo ' <select onChange="editMonForm(\'maxWidthUnite\',0);" class="selectWbm" id="maxWidthUnite" name="maxWidthUnite" style="width:90px" >';
|
|
ListeUnite($maxWidthUnite);
|
|
echo '</select>';
|
|
|
|
// -----------------------------------------------------
|
|
// Largeur min
|
|
// -----------------------------------------------------
|
|
// echo '<br>';
|
|
// -----------------------------------------------------
|
|
if(!isset($cssMinWidth[$theNumCss])) $cssMinWidth[$theNumCss]="-";
|
|
echo ' <i class="icoStyle fad fa-arrows-h"></i>';
|
|
$title="Entrer une valeur ici permet de faire tenir l'item dans son conteneur";
|
|
echo '<span class="itemReglage" title="' .$title. '">Largeur min : </span>';
|
|
echo ' <input class="inputWebmaster" style="width:60px;" size="50" onChange="editMonForm(\'minWidthCss\',0);" name="minWidthCss" id="minWidthCss" value="' .$cssMinWidth[$theNumCss]. '" />';
|
|
$minWidthUnite=affUnite($cssMinWidth[$theNumCss],$minWidthUnite);
|
|
echo ' <select onChange="editMonForm(\'minWidthUnite\',0);" class="selectWbm" id="minWidthUnite" name="minWidthUnite" style="width:90px" >';
|
|
ListeUnite($minWidthUnite);
|
|
echo '</select>';
|
|
|
|
// -----------------------------------------------------
|
|
// Hauteur fixe
|
|
// -----------------------------------------------------
|
|
echo '<br>';
|
|
if(!isset($cssHeight[$theNumCss])) $cssHeight[$theNumCss]="-";
|
|
// echo '  ';
|
|
echo ' <i class="icoStyle fad fa-arrows-v"></i>';
|
|
echo '<span class="itemReglage">Hauteur fixée : </span>';
|
|
$title="Permet de sélectionner une valeure prédifinie parmi les dimensions génériques";
|
|
echo '<select title="' .$title. '" class="selectWbm" id="dimValHaut" name="dimValHaut" style="width:100px;" onChange="reloadHaut();" >';
|
|
echo '<option value="-" selected>Prédéfinie</option>';
|
|
for($i=1;$i<=count($dimensionsHautVal);$i++) {
|
|
if ($dimensionsHautVal[$i]==$dimValHaut) {echo '<option value="' .$dimensionsHautVal[$i]. '" selected>' .$dimensionsHautDesc[$i]. '</option>';}
|
|
else {echo '<option value="' .$dimensionsHautVal[$i]. '" >' .$dimensionsHautDesc[$i]. '</option>';}
|
|
}
|
|
echo '</select>';
|
|
echo '<input type="hidden" style="width:50px;" size="50" name="heightSelectedIndex" id="heightSelectedIndex" value="' .$heightSelectedIndex. '" />';
|
|
echo ' <input class="inputWebmaster" style="width:60px;" size="50" onChange="editMonForm(\'heightCss\',0);" name="heightCss" id="heightCss" value="' .$cssHeight[$theNumCss]. '" />';
|
|
$heightUnite=affUnite($cssHeight[$theNumCss],$heightUnite);
|
|
echo ' <select onChange="editMonForm(\'heightCss\',0);" class="selectWbm" id="heightUnite" name="heightUnite" style="width:90px" >';
|
|
ListeUnite($heightUnite);
|
|
echo '</select>';
|
|
|
|
// -----------------------------------------------------
|
|
// Hauteur max
|
|
// -----------------------------------------------------
|
|
// echo '<br>';
|
|
// -----------------------------------------------------
|
|
echo ' <i class="icoStyle fad fa-arrows-v"></i>';
|
|
echo '<span class="itemReglage">Hauteur max : </span>';
|
|
$title="Entrer une valeur ici permet de faire tenir l'item dans son conteneur";
|
|
echo ' <input title="' .$title. '" class="inputWebmaster" style="width:60px;" size="50" onChange="editMonForm(\'maxHeightCss\',0);" name="maxHeightCss" id="maxHeightCss" value="' .$cssMHaut[$theNumCss]. '" />';
|
|
$maxHeightUnite=affUnite($cssMHaut[$theNumCss],$maxHeightUnite);
|
|
echo ' <select onChange="editMonForm(\'maxHeightUnite\',0);" class="selectWbm" id="maxHeightUnite" name="maxHeightUnite" style="width:90px" >';
|
|
ListeUnite($maxHeightUnite);
|
|
echo '</select>';
|
|
|
|
// -----------------------------------------------------
|
|
// Hauteur min
|
|
// -----------------------------------------------------
|
|
// echo '<br>';
|
|
// -----------------------------------------------------
|
|
echo ' <i class="icoStyle fad fa-arrows-v"></i>';
|
|
echo '<span class="itemReglage">Hauteur min : </span>';
|
|
$title="Entrer une valeur ici permet de faire tenir l'item dans son conteneur";
|
|
echo ' <input title="' .$title. '" class="inputWebmaster" style="width:60px;" size="50" onChange="editMonForm(\'minHeightCss\',0);" name="minHeightCss" id="minHeightCss" value="' .$cssMinHeight[$theNumCss]. '" />';
|
|
$minHeightUnite=affUnite($cssMinHeight[$theNumCss],$minHeightUnite);
|
|
echo ' <select onChange="editMonForm(\'minHeightUnite\',0);" class="selectWbm" id="minHeightUnite" name="minHeightUnite" style="width:90px" >';
|
|
ListeUnite($minHeightUnite);
|
|
echo '</select>';
|
|
|
|
// -----------------------------------------------------
|
|
// Hauteur de ligne (contenu)
|
|
// -----------------------------------------------------
|
|
echo '<br>';
|
|
echo ' <i class="icoStyle fad fa-line-height"></i>';
|
|
echo '<span class="itemReglage">Hauteur de ligne : </span>';
|
|
echo '<input class="inputWebmaster" style="width:60px;" size="40" onChange="editMonForm(\'lineHeightCSS\',0);" name="lineHeightCSS" id="lineHeightCSS" value="' .$cssLineHeight[$theNumCss]. '" />';
|
|
$lineHeightUnite=affUnite($cssLineHeight[$theNumCss],$lineHeightUnite);
|
|
echo ' <select onChange="editMonForm(\'lineHeightCSS\',0);" class="selectWbm" id="lineHeightUnite" name="lineHeightUnite" style="width:90px" >';
|
|
ListeUnite($lineHeightUnite);
|
|
echo '</select>';
|
|
|
|
// -----------------------------------------------------
|
|
// Resize
|
|
// -----------------------------------------------------
|
|
// echo '<br>';
|
|
// -----------------------------------------------------
|
|
echo ' <i class="icoStyle fad fa-sort-up" ></i>';
|
|
echo '<span class="itemReglage">Redimensionable : </span>';
|
|
$theTitle='Redimensionnement';
|
|
echo '<select class="selectWbm" id="resizeCss" style="width : 100px;" name="resizeCss" title="' .$theTitle. '" onChange="editMonForm(\'resizeCss\',0);" >';
|
|
if ($cssResize[$theNumCss]=="-") {echo '<option value="-" selected>Aucun</option>';} else {echo '<option value="-" >Aucun</option>';}
|
|
if ($cssResize[$theNumCss]=="inherit") {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
|
|
if ($cssResize[$theNumCss]=="initial") {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
|
|
if ($cssResize[$theNumCss]=="both") {echo '<option value="both" selected>Les deux</option>';} else {echo '<option value="both">Les deux</option>';}
|
|
if ($cssResize[$theNumCss]=="horizontal") {echo '<option value="horizontal" selected>Horizontal</option>';} else {echo '<option value="horizontal">Horizontal</option>';}
|
|
if ($cssResize[$theNumCss]=="vertical") {echo '<option value="vertical" selected>Vertical</option>';} else {echo '<option value="vertical">Vertical</option>';}
|
|
if ($cssResize[$theNumCss]=="block") {echo '<option value="block" selected>Boite</option>';} else {echo '<option value="block">Boite</option>';}
|
|
if ($cssResize[$theNumCss]=="vertical") {echo '<option value="inline" selected>Ligne</option>';} else {echo '<option value="inline">Ligne</option>';}
|
|
if ($cssResize[$theNumCss]=="none") {echo '<option value="none" selected>Aucun</option>';} else {echo '<option value="none">Aucun</option>';}
|
|
echo '</select>';
|
|
echo '</div>';
|
|
echo '</div>';
|
|
?>
|