11548 sujets

JavaScript, DOM et API Web HTML5

Retour de couleur en RGB sous firefox

Bonjour,

Je ne sait pas trop ou placé se sujet vu qu'il traite de JS, de CSS, et de logiciel web donc je le place la.
Dans un script que j'ai fais moi même, qui me sert a récupérer les caractéristique d'un mot ( couleur, style de police, taille et autre...) sous IE7 les couleurs sont sous la forme #...... mais sous firefox il sont sous la forme rbg(... , .... , ...) et moi je les voudrais sous la forme #..... que se soit sous IE mais aussi sous firefox donc je ne sait pas trop pourquoi je vous donne mon code et je voulaisse mon le lien de ma page ou il ya que mon script .

<!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=utf-8" />
<title>Document sans titre</title>
</head>

<body>
<script type="text/javascript">
function save(){

	document.getElementById("recup").value='';
	document.getElementById("recup").value = document.getElementById('teste').style.color;
	}
	
function change_css(){
		document.getElementById('teste').style.color='#FF0000';
	}
</script>
<?php 
$style = "
	background-color: #AAEEFF;
	font-size: 18px;
	color: #003366;
	font-weight: bold;
	font-family: comic sans ms;
	border : 1px solid #ffAAEE";
	
	?>



<div onclick="change_css()" style="cursor:pointer"> ici</div>
<div class="Style1" id="teste" style="<?php echo $style?>">POUETTE</div>
<input name="recup" type="text" id="recup" value="color" />

<input type="submit" name="submit" id="submit" value="ui" onclick="save()" />
</label>

</body>
</html>


LIEN

Dans l'attente d'une réponse

ValOo
Modifié par valoo49 (06 Jun 2008 - 12:24)
Bonjour,

Sujet déplacé dans le salon DOM et JS car ça relève plus de ce domaine que de CSS.

Quant au problème lui-même... je dirais que ça vient du fait que tu utilises du Comic Sans MS (sans utiliser les guillemets comme ça devrait être le cas pour les noms de fontes contenant des espaces Smiley cligne ), donc Firefox fait la gueule. Non?
(Arf, désolé, pas pu m'empêcher.)
Bonsoir,

Merci pour le sujet déplacer comme le l'ai dit je ne savait pas trop ou la placer Smiley cligne

Eu pour les "" ça marche toujours pas ......
Firefox renvoie les couleurs au format rgb. Je pense (à vérifier) que c'est pour suivre les recommandations du W3C.
Si tu veux travailler en "couleur html" voici une fonction qui convertit la chaine reçue si elle est en rgb :
<script type="text/javascript">
function hexColor(styleColor) {
  var dec, hex = styleColor;
  if (dec = hex.match(/^rgb\(([0-9]+), *([0-9]+), *([0-9]+)\)$/)) {
    hex = (1*dec[3] + 256*dec[2] + 65536*dec[1]).toString(16);
    while(hex.length<6) hex = "0"+hex;
    hex = "#"+hex
  }
  return hex;
}
</script>
...
<div id="teste" style="color: #0033FF;">POUETTE</div>
<input type="button"
onclick="alert(hexColor(document.getElementById('teste').style.color))"
value="hexColor(style.color)">
Salut,

Ba merci pour le script j'en demandais pas temps mais ca va gagné du temps plutôt que le faire.

Je teste sa disi 2 jour je pense parce que je travail sur autre chose pour le moment.
Je te tien au courant mercii.
Sujet clos
Aller à