Accueil > Forum > > > > Problème disabled input avec Firefox
 Problème disabled input avec Firefox
samedi 19 janvier 2008 à 15:20:15 |
Problème disabled input avec Firefox
wadpap13
|
Bonjour à tous !!
Voila je souhaite en appuyant sur un bouton submit le désactiver et désactiver un autre bouton.
input class="test" type="submit" id="test" onClick=document.getElementById('test2').disabled=true;document.getElementById('test').disabled=true;" size='100' value='test' />";
input class="test" type="submit" id="test2" size='100' value='test2' />";
Donc en gros en appuyant sur le bouton test, je veux désactiver ce bouton test et le bouton test2. Ca marche très bien sur IE, mais sur firefox le bouton test2 ne se desactive pas sauf si j'enlève le class"test", et bien sur j'ai besoin de ce class test car c'est l'habillage de mon bouton...
Quelqu'un a-t-il une idée car là je bloque vraiment...
Merci d'avance !!
|
|
samedi 19 janvier 2008 à 15:35:17 |
Re : Problème disabled input avec Firefox
bultez
|
Bonjour,
<head>
<style>
.test { background-color:#FFFF00; }
</style>
</head>
<body>
<input class="test" type="submit"
id="test"
onClick="document.getElementById('test2').disabled=true;
document.getElementById('test').disabled=true;"
size='100' value='test' />
<input class="test" type="submit" id="test2" size='100' value='test2' />
</body>
ça fonctionne avec IE et FF , pas de raisons.
on n'a probablement pas tout, ou erreur de copier/coller ? !
...onClick="document....
...value='test' />";
...value='test2' />";
les < qui manquent... etc... etc
Cordialement  Bul «mon Site» «M'écrire»
|
|
samedi 19 janvier 2008 à 15:41:29 |
Re : Problème disabled input avec Firefox
bultez
|
une remarque aussi,
perso je n'utilise que très très rarement onclick sur un bouton submit,
le onsubmit de la balise form est là pour ça.
Cordialement Bul «mon Site» «M'écrire»
|
|
samedi 19 janvier 2008 à 15:41:44 |
Re : Problème disabled input avec Firefox
wadpap13
|
Oui le copier coller a été vite fait.
Mais les " et les ; je les ai mis. Pour être plus précis, les boutons sont biens désactivés mais la police qui doit être grisée ne l'est pas et on a toujours l'impression de pouvoir cliquer sur le bouton car il y a toujours la main (pointer : cursor) alors que sur ie, il n'y a plus la main mais bien la flèche.
Encore une fois, je le répète puisque j'ai fait les tests c'est bien l'ajout de class="test" dans le submit test2 qui provoque cet erreur d'affichage sur firefox.
Merci de ton aide en tout cas !
|
|
samedi 19 janvier 2008 à 15:43:25 |
Re : Problème disabled input avec Firefox
wadpap13
|
Je veux pas rentrer dans les détails de mon code, mais dans mon cas je suis obligé de passer par le onclick du bouton submit.
|
|
samedi 19 janvier 2008 à 15:47:54 |
Re : Problème disabled input avec Firefox
bultez
|
tu as testé ce que j'ai mis ? parce ça, ça fonctionne...
je doute que le css associé puisse perturber, mais comme
on n'a pas ce qu'il faut pour voir ce qui se passe...
encore une fois, et je le répète : aucune raison !
Cordialement Bul «mon Site» «M'écrire»
|
|
lundi 21 janvier 2008 à 21:40:52 |
Re : Problème disabled input avec Firefox
wadpap13
|
Désolé de te répondre aussi tard...
Je viens de piger ce qui fait bugger...
Dans ta feuille de style en plus du background rajoute un color: #FFFFFF;
Tu vas voir quand il est en disable, la police ne se grise pas...
Comment peut on contrer ça, a ton avis ?
|
|
lundi 21 janvier 2008 à 21:59:50 |
Re : Problème disabled input avec Firefox
PetoleTeam
|
Réponse acceptée !
Bonsoir à vous,
une soluce est de reaffecté un style color lors du changement d'état, en utilisant l'exemple de TheBultez
<head>
<style type="text/css">
.test {
background-color : #FFFF00;
color: #FFFFFF;
}
</style>
<script type="text/javascript">
//-------------
function Swap(){
var szColor = "#808080";
document.getElementById('test2').disabled=true;
document.getElementById('test2').style.color = szColor;
document.getElementById('test').disabled=true;
document.getElementById('test').style.color = szColor;
}
</script>
</head>
<body>
<input class="test" type="submit" id="test" onclick="Swap();" size='100' value='test' />
<input class="test" type="submit" id="test2" size='100' value='test2' />
</body>
tu peux également changer la class...
;O)
|
|
lundi 21 janvier 2008 à 22:17:49 |
Re : Problème disabled input avec Firefox
wadpap13
|
Merci !!! CA marche !
Et j'avais mis un cursor pointer... Comment remettre un pointeur normal quand le bouton est désactivé ?
|
|
lundi 21 janvier 2008 à 22:20:33 |
Re : Problème disabled input avec Firefox
wadpap13
|
C'est bon j'ai trouvé, merci a vous deux en tout cas !!!
|
|
Cette discussion est classée dans : bouton, input, test, disabled, test2
 Répondre à ce message
 Sujets en rapport avec ce message
Bloquer un textarea [ par hicksman ]
Salut!je voudrais bloquer ( en disabled ou readonly) un textarea en cliquant sur un bouton radio. sans recharger la page.Quelle est la méthode à utili
Double conditions test [ par watchabongo ]
Bonjour, Je travail sur un formulaire en php avec un test javascript pour verifier le bon remplissage des différents champs. Certains de mes champs p
test sur bouton [ par allowen ]
Bonjour, est il possible dans une fonction javascript, de savoir si un bouton a été activé, ou plutôt savoir si on a appuyé sur un bouton. Cela résoud
test sur bouton [ par allowen ]
Bonjour, est il possible dans une fonction javascript, de savoir si un bouton a été activé, ou plutôt savoir si on a appuyé sur un bouton. Cela résoud
test bouton [ par shaft107 ]
slt a tousje veux vérifier si l'utilisateur a bien cliquez sur le bouton (monbouton)j'ai essayé la function suivante sans succèsfunction verif(){ if
Bouton radio avec fonction disabled [ par Cronos87 ]
Bonsoir a tous,Voila mon problème : J'ai deux boutton radio (les petit rond a cocher), et en faite lorsque l'on clique sur un, une liste déroulante n'
mémoire d'onglet [ par rduvrac ]
Bonjour Sur une page, j'ai 2 onglets. Pour chacun, j'ai des boutons radios et un bouton de validation. Lorsque je valide je retourne sur cette même p
Problème de test d'un input text dynamique avec js [ par alaska749 ]
Bonsoir, J'ai un problème avec le test d'un input text dynamique. En effet, dans le code ci-joint l'utilisateur peut à son grée ajouter ou pas des élé
Changement de background d'un bouton [ par wadpap13 ]
Bonsoir tous le monde !!!J'ai un problème sur IE6... oui encore lui !J'essaye de changer le background d'un input type bouton (ou submit) des que j'ap
création automatique d'un bouton [ par joujma5 ]
bonjour, j'essaye de créer automatiquement un bouton mais j'ai pas arrivé je ne sait pas où est le problème,pouvez vous m'aider,merci voici le code qu
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|