begin process at 2012 05 29 15:05:25
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Evènements

 > 

Pb évènement onClick avec Firefox


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Pb évènement onClick avec Firefox

jeudi 14 janvier 2010 à 10:06:39 | Pb évènement onClick avec Firefox

Bugger24

Bonjour à tous,

Voila, j'ai un petit souci. J'ai une page web contenant trois boutons radio et deux zone de saisie. En fonction du bouton radio sélectionné, je doit autoriser ou non la saisie dans tel ou tel zone.

Voici à quoi ressemble mon code:

Code HTML :
<!-- Boutons radio -->
<input type="radio" name="dispense" value="0" id="typedisp" onClick="masque_date('0');"/>
<input type="radio" name="dispense" value="1" id="typedisp" onClick="masque_date('1');"/>
<input type="radio" name="dispense" value="2" id="typedisp" onClick="masque_date('2');"/>

<!-- Zones de saisie -->
<input type="text" name="datedeb" id="datedeb" maxlenght="10"/>
<input type="text" name="datefin" id="datefin" maxlenght="10"/>

Code Javascript :
// Fonction javascript
function masque_date(typedisp){
switch(typedisp){
  case '0':
    document.getElementById('datedeb').disabled = true;
    document.getElementById('datedeb').value = "";
    document.getElementById('datedeb').backgroundColor = "#CCCC99";
    document.getElementById('datefin').disabled = true;
    document.getElementById('datefin').value = "";
    document.getElementById('datefin').backgroundColor = "#CCCC99";
    break;
  case '1':
    document.getElementById('datedeb').disabled = false;
    document.getElementById('datedeb').value = "__/__/____";
    document.getElementById('datedeb').backgroundColor = "#FFFFFF";
    document.getElementById('datefin').disabled = false;
    document.getElementById('datefin').value = "__/__/____";
    document.getElementById('datefin').backgroundColor = "#FFFFFF";
    break;
  case '2':
    document.getElementById('datedeb').disabled = false;
    document.getElementById('datedeb').value = "__/__/____";
    document.getElementById('datedeb').backgroundColor = "#FFFFFF";
    document.getElementById('datefin').disabled = true;
    document.getElementById('datefin').value = "";
    document.getElementById('datefin').backgroundColor = "#CCCC99";
    break;
  }
}


Le problème est que ce code fonctionne très bien sous IE, mais pas sous FF.
J'ai consulté un grand nombre de forum, tutoriel et autre, et la seul chose que j'ai compris est que FF ne connait pas l'objet window.event et que par conséquent, il faut lui définir. Est ce que quelqu'un peut me dire comment faire cette définition avec l'évènement onClick?
jeudi 14 janvier 2010 à 11:18:17 | Re : Pb évènement onClick avec Firefox

Zobibol

Membre Club
Bonjour, il doit:
soit manqué quelque choses
soit me manqué quelques neurones (probable)
j'ai tester sur ff pas de problème, de plus window.event est nulle part dans le source fournit !

Me serais-je trompé ?


[o-_-o]
jeudi 14 janvier 2010 à 12:42:26 | Re : Pb évènement onClick avec Firefox

Bugger24

Je n'ai pas mis l'objet window.event, car IE le gère automatiquement, ce qui fait qu'il n'est pas nécessaire de le spécifier.
Le code que j'ai fournis est celui qui fonction donc sous IE et le problème est que ce même code ne fonctionne pas sous FF. Est tu sur de l'avoir tester sous FF ?

P.S.: Avant de sous entendre qu'il me manque des neuronnes, pense à réfléchir ...
jeudi 14 janvier 2010 à 13:00:13 | Re : Pb évènement onClick avec Firefox

Zobibol

Membre Club
"soit me manqué " (avec une faute d'orthographe en cadeau), il me semble que le "me" c'est moi !
Je viens de re-tester avec FF (3.5.3) et il n'y a pas d'erreur, les champs changent et se bloquent.
Pour gérer les evenements avec ff il faut lui transmettre event exemple (capture le bouton cliquer sur une page html :
Code HTML :
<html>
<head>
<script>
function clickOnButton (_ev){
			 var _buttonDown = (document.all) ? event.button : _ev.which;
			 alert (_buttonDown);
		}
</script>
</head>
<body onmousedown="clickOnButton (event)">
</body>
</html>


donc, il faut bien transmettre à la méthode clickOnButton la variable event.
Le test qui est fait dans la méthode:
var _buttonDown = (document.all) ? event.button : _ev.which;
(document.all) indique que l'on est dans IE.

[o-_-o]
jeudi 14 janvier 2010 à 13:47:36 | Re : Pb évènement onClick avec Firefox

Bugger24

Ah merci Zobibol, enfin une réponse claire, ça fait plaisir, ça vas bien m'aider .

Je ne comprend pas pourquoi de mon coté, ça ne fonctionne pas sous FF, j'ai pourtant la version 3.5.6

P.S.: Désolé pour le post-scriptum prècédent, j'ai lu un peut trop vite ton message
jeudi 14 janvier 2010 à 14:04:53 | Re : Pb évènement onClick avec Firefox

Zobibol

Membre Club
Il faudrait quand même détecter le problème, installe l'extension firebug (si ce n'est déjà fait) elle permet d'avoir plus d'information sur les erreurs générées, je vais installer la 3.5.6 pour voir un peut (en espérant que ce n'est pas un bug du navigateur.... (ce qui serait étonnant)

C'est pas très grave pour le ps...
même moi j'ai pas compris ce que j'ai écris !


[o-_-o]
vendredi 15 janvier 2010 à 12:44:58 | Re : Pb évènement onClick avec Firefox

Bugger24

Pb résolue.
C'était juste un problème avec les id de mes zones de saisie.
Merci à tous pour votre patience.


Cette discussion est classée dans : code, document, getelementbyid, datedeb, datefin


Répondre à ce message

Sujets en rapport avec ce message

position d'un id [ par pqmoltonel ] bonjour, je cherche desespérément une fonction / propriétée qui permet de retourner la position d'un element html quelconque contenant un id:voila le Récuperer le Code Source d'une page web [ par LucChirac ] Je souhaite récupérer le code source de pages web. Ma méthode ne fonctionne qu'avec les pages locales :function GetHTML(){doc = document.getElementBy document.getElementById et IE7 [ par robinou ] Bonjour,J'utilise sans souci un AJAX qui me retourne bien un résultat HTML sur Firefox et IE7 également (vérifié avec alert()).Un div affiche le résul Ajout/suppression d'un champs de formulaire [ par maelob ] Bonjour tout est dans le titre, un bouton ajout qui ajout un input text et un bouton. et ce dernier bouton ajouter permet d'enlever l'input crée ainsi code js qui ne marche pas (DOM, ajout d'évènement) [ par nicomilville ] Salut tout le monde,J'ai ces quelques lignes de code qui ne marchent pas !!!document.getElementById('button1').addEventListener('click', reciproque('d Scroll javascript [ par Azraka ] Bonjour, j'ai fait un petit bout de code javascript pour faire un scroll horizontal, ce code marche très bien sous firefox mais pose problème sous IE. unterminated string literal [ par kangun ] Bonjour. je me tourne vers vous suite à un problème apparut sur un java script. en effet, je souhaite afficher une bulle au dessus d'une image et chan Faire un clavier virtuel [ par davland7 ] Bonjour je fais un clavier virtuel pour un écran touch screen Bon pour les touche A, S, D etc. j'utilise ma fonction que je suis fait [code=js] fu Javascript + html et php [ par j3r3m067 ] Bonjour à tous, Voilà je dois accélérer la vitesse de chargement d'une page php qui liste dans un repertoire, et qui me retourne un tableau. Ce que je Comparer des dates [ par SaiYan5102 ] Bonjour, Je sais des solutions pour comparer des dates en JS il en existe des tonnes sur le net mais moi je ne vois pas où mon code cloche. Je veux c


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,406 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales