11550 sujets

JavaScript, DOM et API Web HTML5

Récupérer une couleur dans un input hidden

Bonjour

pouvez vous m'aidez à modifier ce script ? 



<html>
<head> <script>var sel=0;</script> </head>

<body>

<? 
		$a=0;
		
		
		    echo '<form action="atout.php" method="post" >';
			for($i=0; $i<1; $i++)
			{
				$a=$a+1;$var="sel=".$a.";";

				echo '<input id="'.$a.'" onClick="'.$var.'" type=text name="L01" value="" style="color:#000000;">';
				$var0="c".$a."";

				echo '<input type="hidden" name= "C1" id= "'.$var0.'" value="#000000" >';
				
							
				$a=$a+1;$var0="c".$a."";$var="sel=".$a.";";

				echo '<input id="'.$a.'" onClick="'.$var.'" type=text name="L02" value="">';

				echo '<input type="hidden" name= "C2" id= "'.$var0.'" value="#000000">';
				
			
					
				$a=$a+1;$var0="c".$a."";$var="sel=".$a.";";

				echo '<input id="'.$a.'" onClick="'.$var.'" type=text name="L03" value="">';

				echo '<input type="hidden" name= "C3" id= "'.$var0.'" value="#000000">';
			
			
				?>
			
			
			<br><?
			echo "\n";
			}
		?>
		
	   
<input onClick="getElementById(sel).style.color = '#0000FF'; getElementById('c'+sel).value = '#0000FF';" type="button" value="bleu"> 
<input onClick="getElementById(sel).style.color = '#FF0000'; getElementById('c'+sel).value = '#FF0000';" type="button" value="rouge"> 
<input onClick="getElementById(sel).style.color = '#000000'; getElementById('c'+sel).value = '#000000';" type="button" value="noir"> 
<input type="submit" name="ok" value="Valider">	<?
		echo "\n</form>\n";

	?>
</body>
</html>


L'idée c'est que ca se présente comme ci dessous....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>

<script>

.................

</script>


</head>

<body>

<form action="atout.php" method="post" >


<input id="'.$a.'" onClick="'.$var.'" type=text name="L01" value="" style="color:#000000;">
<input type="hidden" name= "C1" id= "'.$var0.'" value="#000000" >

<input id="'.$a.'" onClick="'.$var.'" type=text name="L02" value="">
<input type="hidden" name= "C2" id= "'.$var0.'" value="#000000">

<input id="'.$a.'" onClick="'.$var.'" type=text name="L03" value="">
<input type="hidden" name= "C3" id= "'.$var0.'" value="#000000">
			
   
<input onClick="getElementById(sel).style.color = '#0000FF'; getElementById('c'+sel).value = '#0000FF';" type="button" value="bleu"> 
<input onClick="getElementById(sel).style.color = '#FF0000'; getElementById('c'+sel).value = '#FF0000';" type="button" value="rouge"> 
<input onClick="getElementById(sel).style.color = '#000000'; getElementById('c'+sel).value = '#000000';" type="button" value="noir"> 
<input type="submit" name="ok" value="Valider">
</form>

</body>
</html>


après plusieurs essais, je sèche toujours. Merci pour votre aide.
Sujet clos
Aller à