11548 sujets

JavaScript, DOM et API Web HTML5

[RESOLUT] Changement de couleur de texte (debutant)

Bonjour,

Voila je débute en js et j'aurai besoin de vos lumiere.

J'ai un span (qty_cart) qui indique une quantité
cette quantité se modifie lors d'un click

var qt_test = parseInt(document.getElementById('qty_cart').innerHTML) + 1;
$('#qty_cart').html(qt_test);


ce qui fonctionne.
Désormais j'essaie de lui changer la couleur afin d'attirer l'attention


	var qt_test = parseInt(document.getElementById('qty_cart').innerHTML) + 1;
	
$('#qty_cart').style.color = '#f00';
$('#qty_cart').html(qt_test);




Mais la ca fonctionne pas.
Est ce que quelqu'un pourrais me corriger?

Merci par avance.
Modifié par gotcha5832 (03 Apr 2011 - 10:37)
Bonjour,

Bizarre, parce qu'en javascript normal, ça fonctionne!

<!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></title>
    <script type="text/javascript">
//<![CDATA[
	function un(){
		var qt_test = parseInt(document.getElementById('qty_cart').innerHTML) + 1;
		document.getElementById('qty_cart').innerHTML = qt_test;
	}
	function deux(){
	   var qt_test = parseInt(document.getElementById('qty_cart').innerHTML) + 1;
	   document.getElementById('qty_cart').style.color = '#f00';
	   document.getElementById('qty_cart').innerHTML = qt_test;
	}
    //]]>
    </script>
  </head>
  <body>
	<span id="qty_cart">10</span><br />
	<form action="#">
	<input type="button" value="OK-1" onclick="un();" />
	<input type="button" value="OK-2" onclick="deux();" />
	</form>
  </body>
</html>

Cordialement
Modifié par lddsoft (03 Apr 2011 - 07:04)
je te remercie pour ta réponse.

J'ai inverser les deux et ca semble fonctionner

	 document.getElementById('qty_cart').style.color = '#f00';
         var qt_test = parseInt(document.getElementById('qty_cart').innerHTML) + 1;
	 document.getElementById('qty_cart').innerHTML = qt_test;
Sujet clos
Aller à