Compatibilité onclick firefox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Compatibilité onclick firefox

coldvibe

Bonjour à tous,

voilà mon problème :

Je voudrais créer une simulation de système de caddie pour un site réalisé dans le cadre scolaire.
J'ai donc trouvé un code tout simple et qui répond exactement a ma demande.

<script type="text/javascript">



</script>

avec le formulaire suivant :

<form name="caddie">

<label for"achat1">Produit 1</label>

<input type="checkbox" name="achat1" id="achat1" value="0" OnClick="calculette()" />

<label for"achat2">Produit 2</label>

<input type="checkbox" name="achat2" id="achat2" value="0" OnClick="calculette()" />

<label for"achat3">Produit 3</label>

<input type="checkbox" name="achat3" id="achat3" value="0" OnClick="calculette()" />

<input type="text" name="Total" readonly /> </form>

Et voilà mon problème : ce script fonctionne nickel sous internet explorer mais rien sur firefox.

J'ai fait quelques recherches et apparement, c'est la commande onclick qui ne se gère pas sous firefox.

Quelqu'un aurait il une solution à le proposer, je galère

D'avance merci a tous

Publicité

coldvibe

pour plus de clarté :

Code :

<script type="text/javascript">  
 
<!-- function calculette ()  
 
{   var total=0;    
 
if (caddie.achat1.checked)     total += 100;  
 
 if (caddie.achat2.checked)     total += 94;    
 
if (caddie.achat3.checked)     total += 48;    
 
caddie.Total.value = total+" ?"; }  
 
-->  
 
</script>

Code :

<form name="caddie">    
  
<label for"achat1">Produit 1</label>    
  
<input type="checkbox" name="achat1" id="achat1" value="0" OnClick="calculette()" />    
  
<label for"achat2">Produit 2</label>    
  
<input type="checkbox" name="achat2" id="achat2" value="0" OnClick="calculette()" />    
  
<label for"achat3">Produit 3</label>    
  
<input type="checkbox" name="achat3" id="achat3" value="0" OnClick="calculette()" />  
  
<input type="text" name="Total" readonly /> </form>

-KristoV-

As-tu essayé en mettant onclick (sans majuscules) à la place de tes OnClick (pas très standards) ?

pataluc

+1 normalement c'est en minuscule: http://www.w3schools.com/htmldom/dom_obj_event.asp

mais ca fonctionne chez moi quand même.

deliriumtremens

sic transit intestinal...

Testé, ça marche parfaitement sous ie 7.0.xx et firefox (3.0.10)... si on enlève les balises de commentaires dans la fonction js


Je pense que tu t'en doutes, mais sait-on jamais...

Message édité par deliriumtremens le 11-06-2009 à 11:16:55

coldvibe

j'ai donc testé les deux et ca ne fonctionne toujours pas sous ff (j'ai egalement la version 3.0.10, ca fonctionne che vous tous?

J'ai la developper bar et j'ai bien regardé, mon js est activé....

le mystère reste entier comme le lait du même nom

Merci d'avoir jeté un oeil

tpierron

Nan, c'est le script calculette() qui est pourri. Sans préfixe, FF cherche les objets reférencé dans l'objet "window". "caddie" se trouve dans document, il faut donc le préciser :

Code :

<script type="text/javascript">  
function calculette ()  
{
    var total=0
 
    if (document.caddie.achat1.checked)     total += 100;  
    if (document.caddie.achat2.checked)     total += 94;    
    if (document.caddie.achat3.checked)     total += 48;    
 
    document.caddie.Total.value = total+" ?"
}
</script>

pataluc

faudra pas utiliser getElementById pour être plus correct?

Message édité par pataluc le 12-06-2009 à 10:13:04

SICKofitALL

misanthrope

En effet

---------------
We deserve everything that's coming...

coldvibe

D'abord, merci a tous de vous concentrer sur mon probleme, ca fait plaisir

J'ai donc testé en ajoutant document. comme tpierron l'a suggéré, pour le même résultat, mon addition n'apparaît toujours pas.

J'suis en train de tester avec un getElementById mais comme j'suis une bille en js, j'ai un peu de mal, je vous tient au courant.

Encore merci a tous

Message cité 1 fois

Publicité

bul_3

bonjour,
ça fonctionne parfaitement avec FF,
même avec les quelques erreurs html

<body>
<script type="text/javascript">
function calculette ()
{ var total=0;
if (caddie.achat1.checked) total += 100;
if (caddie.achat2.checked) total += 94;
if (caddie.achat3.checked) total += 48;
caddie.Total.value = total+" ?";
}
</script>
<form name="caddie">
<label for="achat1">Produit 1</label>
<input type="checkbox" name="achat1" id="achat1" value="0" OnClick="calculette()" />
<label for="achat2">Produit 2</label>
<input type="checkbox" name="achat2" id="achat2" value="0" OnClick="calculette()" />
<label for="achat3">Produit 3</label>
<input type="checkbox" name="achat3" id="achat3" value="0" OnClick="calculette()" />
<input type="text" name="Total" readonly />
</form>
</body>

@+

bul_3

et FF préfèreras :
document.caddie.achat1.checked...et les autres
document.caddie.Total.value = total+" ?";

tpierron

coldvibe a écrit :

J'ai donc testé en ajoutant document. comme tpierron l'a suggéré, pour le même résultat, mon addition n'apparaît toujours pas.

C'est quoi l'erreur affiché dans la console javascript (Ctrl+Shift+J sous FF) ? Chais_moi_ça_marche™

coldvibe

Hello a tous

voila, j'ai combiné le code de bul_3, le document. de tpierron et le onclick sans majuscules de kristov et tou fonctionne sous firefox

voici donc mon code final :

Code :

<!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 nom</title>
 <script type="text/javascript">  
  function calculette ()  
  {   var total=0;    
   if (document.caddie.achat1.checked)     total += 100;  
   if (document.caddie.achat2.checked)     total += 94;    
   if (document.caddie.achat3.checked)     total += 48;    
   document.caddie.Total.value = total+" ";  
  }  
 </script>  

</head>

<body>

  
      <form name="caddie">    
   <label for="achat1">Produit 1</label>    
   <input type="checkbox" name="achat1" id="achat1" value="0" onclick="calculette()" />    
   <label for="achat2">Produit 2</label>    
   <input type="checkbox" name="achat2" id="achat2" value="0" onclick="calculette()" />    
   <label for="achat3">Produit 3</label>    
   <input type="checkbox" name="achat3" id="achat3" value="0" onclick="calculette()" />  
   <input type="text" name="Total" readonly />  
  </form>
</body>
</html>

un grand merci à tous

tpierron

Arf, effectivement, j'avais un DOCTYPE HTML 4.0 dans mon test, qui n'est pas sensible à la casse, alors qu'en XHTML, ça l'est.

Profil supprimé

Code :

<input type="text" name="Total" readonly />

est incorrect, readonly doit avoir une valeur :

Code :

<input type="text" name="Total" readonly="readonly" />

et +1 pour l'utilisation de getElementById :

Code :

function calculette ()  
 {   var total=0;    
   if (document.getElementById('achat1').checked)     total += 100;  
   if (document.getElementById('achat2').checked)     total += 94;    
   if (document.getElementById('achat3').checked)     total += 48;    
   document.getElementById('Total').value = total+" ";  
 }

Message édité par Profil supprimé le 12-06-2009 à 19:24:38

FORUM HardWare.fr

Programmation

HTML/CSS

Compatibilité onclick firefox

Sujets relatifs
[NON RESOLU] Firefox et scrollTo : un drôle de comportement	Probleme d'appel de fonction php via onclick
Image dans body mailto javascript firefox	Image dans body mailto javascript firefox
Ajax ne marche pas sous firefox	Différence IE / Firefox
Recuperer / afficher élément sur evenement onclick	[Resolu]Firefox Fonction Javascript replace fonctionne pas
Inclure une page avec onclick
Plus de sujets relatifs à : Compatibilité onclick firefox

Page générée en 0.067 secondes