MoxLotus - Programmation - Faire un dégradé de couleurs sur un texte

Faire un dégradé de couleurs sur un texte

Veuillez remplir correctement tous les champs. Les couleurs doivent être en hexadécimal.

Code Source du dégradé (PHP)

Vous aurez besoin de télécharger Tigra Color Picker pour que la palette de couleur fonctionne.
Double-clique pour tout sélectionner

<?php 
	if (empty($_POST['texte']) || empty($_POST['start_hex']) || empty($_POST['end_hex']) || strlen($_POST['start_hex']) != 7 || strlen($_POST['end_hex']) != 7)
	{
		$texte_en_couleur = "Veuillez remplir correctement tout les champs. Les couleurs doivent être en hexadécimal.";
	}
	else if (isset($_POST['convertir']))
	{
		$texte_en_couleur = "Le texte en couleur : <br />";
		$texte = stripslashes($_POST['texte']);
		$start_hex = substr($_POST['start_hex'],1,6);
		$end_hex = substr($_POST['end_hex'],1,6);
		$start_dec_R = hexdec(substr($start_hex,0,2));
		$start_dec_V = hexdec(substr($start_hex,2,2));
		$start_dec_B = hexdec(substr($start_hex,4,2));
		$end_dec_R = hexdec(substr($end_hex,0,2));
		$end_dec_V = hexdec(substr($end_hex,2,2));
		$end_dec_B = hexdec(substr($end_hex,4,2));
		$texte_length = strlen($texte);
		$dif_R = (($end_dec_R - $start_dec_R)/($texte_length-1));
		$dif_V = (($end_dec_V - $start_dec_V)/($texte_length-1));
		$dif_B = (($end_dec_B - $start_dec_B)/($texte_length-1));
		
		for ($i = 0; $i < $texte_length ; $i++){
			$char = substr($texte,$i,1);
			if ($char != " ")
			{
				$temp_R = intval($i*$dif_R);
				$temp_V = intval($i*$dif_V);
				$temp_B = intval($i*$dif_B);
				$couleur_R = dechex($start_dec_R + $temp_R);
				$couleur_V = dechex($start_dec_V + $temp_V);
				$couleur_B = dechex($start_dec_B + $temp_B);
				if (strlen($couleur_R) == 1) { $couleur_R = "0" . $couleur_R; }
				if (strlen($couleur_V) == 1) { $couleur_V = "0" . $couleur_V; }
				if (strlen($couleur_B) == 1) { $couleur_B = "0" . $couleur_B; }
				$couleur = $couleur_R . $couleur_V . $couleur_B;
				$texte_en_couleur .= '<span style="color: #' . $couleur . ';">' . $char . '</span>';
			} else {
				$texte_en_couleur .= " ";
			}
		}
		
		$texte_en_couleur = str_replace("\n","<br />",$texte_en_couleur);
	}
	
	if (empty($_POST['start_hex'])) $_POST['start_hex'] = "#";
	if (empty($_POST['end_hex'])) $_POST['end_hex'] = "#";
?>

<script src="picker.js" type="text/javascript"></script>
<form name="degrade" method="post">
	<table>
		<tr><td>Couleur de début : </td><td><input type="text" maxlength="7" name="start_hex" value="<?php echo $_POST['start_hex']; ?>" /> <a href="javascript:TCP.popup(document.forms[\'degrade\'].elements[\'start_hex\'])"><img src="images/sel.gif" alt="Color Picker" title="Choisir une couleur" /></a></td></tr>
		<tr><td>Couleur de fin : </td><td><input type="text" maxlength="7" name="end_hex" value="<?php echo $_POST['end_hex']; ?>" /> <a href="javascript:TCP.popup(document.forms[\'degrade\'].elements[\'end_hex\'])"><img src="images/sel.gif" alt="Color Picker" title="Choisir une couleur" /></a></td></tr>
		<tr><td>Texte : </td><td><textarea rows="4" cols="50" name="texte"><?php echo $texte; ?></textarea></td></tr>
	</table>
	<p><input name="convertir" type="submit" value="Appliquer le dégradé" /></p>
</form>
<p><?php echo $texte_en_couleur; ?></p>

Couleur de début :
Couleur de fin :
Texte :

MoxLotus Homepage

Faire un dégradé de couleurs sur un texte

Code Source du dégradé (PHP)