110 lines
7.1 KiB
PHP
Executable File
110 lines
7.1 KiB
PHP
Executable File
<?php
|
|
$nomFicAppelant = basename(__FILE__);
|
|
// -----------------------------------------------------
|
|
// SECTION 9 : Image de fonds
|
|
// -----------------------------------------------------
|
|
echo '<div valign="top" id="sectionImg" align="left" style="display:none; width:100%;" >';
|
|
echo '<div class="boiteCss" >';
|
|
echo '<div class="boiteCssTitre">Image de fonds</div>';
|
|
|
|
// -----------------------------------------------------
|
|
// Chemin actuel
|
|
// -----------------------------------------------------
|
|
echo ' <i class=" fad fa-folders"></i>';
|
|
echo '<span class="itemReglage">Chemin actuel : </span>';
|
|
echo '<input disabled style="width:300px;" type="text" id="bgImageCss" name="bgImageCss" value="' .$cssBgImage[$theNumCss]. '"/>';
|
|
|
|
// -----------------------------------------------------
|
|
// Parcourir
|
|
// -----------------------------------------------------
|
|
echo '  ';
|
|
echo '<label for="fileToUpload" >';
|
|
echo '<span class="boutonsWebmaster" title="Cliquez ici pour parcourir les dossiers de votre ordinateur. " >';
|
|
echo '<i class="fad fa-download"></i> ';
|
|
echo 'Parcourir... ';
|
|
echo '</span>';
|
|
echo '</label>';
|
|
echo '<input style="display:none;" type="file" name="fileToUpload" id="fileToUpload" >';
|
|
|
|
// bouton valider
|
|
echo '  ';
|
|
echo '<span class="boutonsWebmaster" title="Valider l\'image" onClick="uploadImageDeFond();" >';
|
|
echo '<i class="fad fa-check-circle"></i> ';
|
|
echo 'Valider';
|
|
echo '</span>';
|
|
|
|
// bouton supprimer
|
|
echo '  ';
|
|
echo '<span class="boutonsWebmaster" title="Supprimer l\'image" onClick="deleteImage();" >';
|
|
echo '<i class="fad fa-trash-alt"></i> ';
|
|
echo 'Supprimer';
|
|
echo '</span>';
|
|
|
|
echo '<br><br>';
|
|
// -----------------------------------------------------
|
|
// Repeat
|
|
// -----------------------------------------------------
|
|
echo ' <i class="icoStyle fad fa-repeat"></i>';
|
|
echo '<span class="itemReglage">Repetition : </span>';
|
|
echo '<select style="width:240px;" class="selectWbm" id="bgRepeatCss" name="bgRepeatCss" onChange="editMonForm(\'bgRepeatCss\',0);" >';
|
|
if ($cssBgRepeat[$theNumCss]=="-") {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-" >Aucune</option>';}
|
|
if ($cssBgRepeat[$theNumCss]=="inherit") {echo '<option value="inherit" selected>Hérité</option>';} else {echo '<option value="inherit" >Hérité</option>';}
|
|
if ($cssBgRepeat[$theNumCss]=="initial") {echo '<option value="initial" selected>Défaut</option>';} else {echo '<option value="initial" >Défaut</option>';}
|
|
|
|
if ($cssBgRepeat[$theNumCss]==='no-repeat') {echo '<option value="no-repeat" selected>Une seule image</option>';} else {echo '<option value="no-repeat">Une seule image</option>';}
|
|
if ($cssBgRepeat[$theNumCss]==='repeat') {echo '<option value="repeat" selected>Mosaïque par défaut</option>';} else {echo '<option value="repeat">Mosaïque par défaut</option>';}
|
|
if ($cssBgRepeat[$theNumCss]==='repeat-x') {echo '<option value="repeat-x" selected>Répetition en largeur</option>';}else {echo '<option value="repeat-x">Répetition en largeur</option>';}
|
|
if ($cssBgRepeat[$theNumCss]==='repeat-y') {echo '<option value="repeat-y" selected>Répetition en hauteur</option>';}else {echo '<option value="repeat-y">Répetition en hauteur</option>';}
|
|
if ($cssBgRepeat[$theNumCss]==='round') {echo '<option value="round" selected>Mosaïque sans espace</option>';} else {echo '<option value="round">Mosaïque sans espace</option>';}
|
|
if ($cssBgRepeat[$theNumCss]==='space') {echo '<option value="space" selected>Mosaïque avec espace</option>';} else {echo '<option value="space">Mosaïque avec espace</option>';}
|
|
echo '</select>';
|
|
|
|
// -----------------------------------------------------
|
|
// Size
|
|
// -----------------------------------------------------
|
|
// saisie options
|
|
// -----------------------------------------------------
|
|
echo ' <i class="icoStyle fad fa-compress-arrows-alt"></i>';
|
|
echo '<span class="itemReglage">Taille option : </span>';
|
|
echo '<select class="selectWbm" id="bgSizeCss2" name="bgSizeCss2" onChange="majDirect(\'2\');" >';
|
|
if ($cssBgSize[$theNumCss]==="-") {echo '<option value="-" selected>Aucune</option>';} else {echo '<option value="-">Aucune</option>';}
|
|
if ($cssBgSize[$theNumCss]==='contain') {echo '<option value="contain" selected>Ajustée à la page</option>';} else {echo '<option value="contain">Ajustée à la page</option>';}
|
|
if ($cssBgSize[$theNumCss]==='cover') {echo '<option value="cover" selected>Etirée</option>';} else {echo '<option value="cover">Etirée</option>';}
|
|
if ($cssBgSize[$theNumCss]==='auto') {echo '<option value="auto" selected>auto</option>';} else {echo '<option value="auto">auto</option>';}
|
|
if ($cssBgSize[$theNumCss]==='percentage') {echo '<option value="percentage" selected>Pourcentage</option>';} else {echo '<option value="percentage">Pourcentage</option>';}
|
|
// a optimiser : if imgSize1 contient px ou % alors on affiche cette option
|
|
// si on affiche cette option et que imgSize1 est vide on écrit : saisir une valeur en PX ou %
|
|
if ($cssBgSize[$theNumCss]==='length') {echo '<option value="length" selected>Largeur</option>';} else {echo '<option value="length">Largeur</option>';}
|
|
if ($cssBgSize[$theNumCss]==='initial') {echo '<option value="initial" selected>Defaut</option>';} else {echo '<option value="initial">Defaut</option>';}
|
|
echo '</select>';
|
|
|
|
// -----------------------------------------------------
|
|
// Saisie valeur
|
|
// -----------------------------------------------------
|
|
echo ' <i class="icoStyle fad fa-edit"></i>';
|
|
echo '<span class="itemReglage">Taille valeur : </span>';
|
|
echo '<input class="inputWebmaster" type="text" id="imgSize1" name="imgSize1" title="Vous pouvez saisir des px, %, auto" onChange="majDirect(\'1\');" value="' .$cssBgSize[$theNumCss]. '" >';
|
|
|
|
// -----------------------------------------------------
|
|
// Champs Caché : c'est lui qui a la valeur finale
|
|
// -----------------------------------------------------
|
|
echo '<input type="hidden" id="bgSizeCss" name="bgSizeCss" value="' .$bgSizeCss. '" >';
|
|
|
|
echo '<div >';
|
|
if ($cssBgImage[$theNumCss]!="-" && $cssBgImage[$theNumCss]!="") {
|
|
$retour='';
|
|
// pour une image de fonds le chemin est par rapport au fichier CSS ( donc on garde ../../ )
|
|
$msgHTM='<html><head></head><body ';
|
|
$msgHTM=$msgHTM. 'style="width:80%; position:relative; display:block; background-image:url(\'' .$cssBgImage[$theNumCss]. '\');';
|
|
if (!empty($cssBgRepeat[$theNumCss]) && $cssBgRepeat[$theNumCss]!='-') $msgHTM=$msgHTM. 'background-repeat:' .$cssBgRepeat[$theNumCss]. ';';
|
|
if (!empty($cssBgSize[$theNumCss]) && $cssBgSize[$theNumCss]!='-') $msgHTM=$msgHTM. 'background-size:' .$cssBgSize[$theNumCss]. ';';
|
|
$msgHTM=$msgHTM. '"><body></html>';
|
|
$retour=file_put_contents('imgFondsPreview.html',$msgHTM);
|
|
$previewBackGrdImg=true;
|
|
}
|
|
echo '</div>';
|
|
|
|
echo '<br>';
|
|
echo '</div>';
|
|
echo '</div>';
|
|
?>
|