begin process at 2010 08 01 01:42:15
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Problème de compatibilité

 > 

Effacement du contenu d'un input type text (lié avec un radiobutton)


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

Effacement du contenu d'un input type text (lié avec un radiobutton)

mercredi 4 juin 2008 à 17:28:47 | Effacement du contenu d'un input type text (lié avec un radiobutton)

kodachi

Bonjour,

J'ai créé une page web , avec trois radiobutton. Chaque radiobutton est associé à un input de type text. Lorsqu'on clique sur un des trois radiobutton, les input ne correspondont pas au radiobutton sont bloqués et ce qui implique que leur contenu doit être effacé.

La fonction permettant de bloquer et d'effacer le contenu marche, mais il y a une différence (au niveau évènementiel) entre IE et Firefox et je voudrais savoir si c'est dû à un problème de comptabilité de navigateur?

Le problème est que :  sur Firefox, lorsqu'on clique sur un radiobutton et qu'on saisie des caractères dans l'input et qu'ensuite on clique un autre radiobutton, le contenu de l'input s'efface "directement" (chose qui dans tous les cas devraient se produire). Par contre sur IE, l'effacement du contenu ne se fait qu'après avoir cliqué dans l'input correspondant au nouveau radiobutton.

Donc voilà, j'espère avoir bien expliqué ce que je recherche...

kodachi
mercredi 4 juin 2008 à 19:03:46 | Re : Effacement du contenu d'un input type text (lié avec un radiobutton)

nickadele

Membre Club Administrateur CodeS-SourceS
Bonjour,
Expliqué c'est bien !
Mais comme dirait Bultez nous ne sommes pas devin (j'ai plus ma boule)!
Donc un petit bout de code html avec le javascript, nous permettrait peut-être de t'aider.

Nickadele
mercredi 4 juin 2008 à 19:37:52 | Re : Effacement du contenu d'un input type text (lié avec un radiobutton)

kodachi

Donc ce n'est pas le code complet de la page web juste l'essentiel:

/**********Code Javascript**********/

<script type="text/javascript" language="text/javascript"><!--
function verif_radio(){
   if(document.my_formulaire.info[0].checked)
   {
      document.my_formulaire.num_carte_priv1.value="";
      document.my_formulaire.num_carte_priv2.value="";
      document.my_formulaire.ref_client.value="";
   
      document.my_formulaire.num_telephone.disabled=false;
      document.my_formulaire.num_carte_priv1.disabled=true;
      document.my_formulaire.num_carte_priv2.disabled=true;
      document.my_formulaire.ref_client.disabled=true;
    }
      if(document.my_formulaire.info[1].checked)
      {
       document.my_formulaire.num_telephone.value="";
       document.my_formulaire.ref_client.value="";
 
       document.my_formulaire.num_carte_priv1.disabled=false;
       document.my_formulaire.num_carte_priv2.disabled=false;
       document.my_formulaire.num_telephone.disabled=true;
       document.my_formulaire.ref_client.disabled=true;
    }
 
    if(document.my_formulaire.info[2].checked)
   {   
       document.my_formulaire.num_telephone.value="";
       document.my_formulaire.num_carte_priv1.value="";
       document.my_formulaire.num_carte_priv2.value="";
 
       document.my_formulaire.ref_client.disabled=false;
       document.my_formulaire.num_telephone.disabled=true;
       document.my_formulaire.num_carte_priv1.disabled=true;
       document.my_formulaire.num_carte_priv2.disabled=true;
   }
}
//--></script>

/**************Code HTML*******************/

<form name="my_formulaire" method="post">

<input type="radio" name="info" value="1" checked="true" onchange="javascript:verif_radio()" >

<label> Numéro de téléphone</label><input type="text" name="num_telephone">
<br>

<input type="radio" name="info" value="2" onchange="javascript:verif_radio()"><label> Numéro de carte privative</label>

<input type="text" name="num_carte_priv1">&nbsp;<input type="text" name="num_carte_priv2">
<br>

<input type="radio" name="info" value="3" onchange="javascript:verif_radio()"><label> Référence client</label><input type="text" name="ref_client">

</form>


kodachi

jeudi 5 juin 2008 à 10:36:02 | Re : Effacement du contenu d'un input type text (lié avec un radiobutton)

bultez

Membre Club


Bonjour,

    remplace onchange par onclick="verif_radio();"   ça devrait l'faire...
       ( par contre si tu veux griser... readOnly à la place de disabled ? )

    salut nickadele ( saura-t-on jamais comment s'appelle sa belle ? )
           +1

        parce que c'est toi, Boule.gif je te la préte ...
             mais soit sympa, ne l'abime pas plus que ne l'a fait maelob,
             elle ne fonctionne plus bien comme il faut...




                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 5 juin 2008 à 11:25:58 | Re : Effacement du contenu d'un input type text (lié avec un radiobutton)

kodachi


Bonjour,

J'ai remplacé onchange par onclick et en effet ça marche , merci de m'avoir aider.

Bonne journée.

kodachi
jeudi 5 juin 2008 à 11:49:36 | Re : Effacement du contenu d'un input type text (lié avec un radiobutton)

nickadele

Membre Club Administrateur CodeS-SourceS
@bultez, promis j'en prendrai soin, pas comme maelob ;) !
jeudi 5 juin 2008 à 13:12:52 | Re : Effacement du contenu d'un input type text (lié avec un radiobutton)

maelob

Membre Club
Bonjour,

Je suis désolée d'avoir abîmé ta boule Bul (la boule de cristal hein ;-) )




Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
jeudi 5 juin 2008 à 14:11:38 | Re : Effacement du contenu d'un input type text (lié avec un radiobutton)

bultez

Membre Club
t'es pardonnée maelob...
    d'autant que nickadele devrait la réparer...
    et dans ce cas je la mettrais à disposition de la communauté.
>>la boule de cristal hein ;-)
    sinon tu te serais cassé les dents...
        j'ai honte       DejaDehors.gif

                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 5 juin 2008 à 14:31:43 | Re : Effacement du contenu d'un input type text (lié avec un radiobutton)

maelob

Membre Club
Nickadele tu es un reparateur de boule de cristal? lol
(faudrait que tu change de pseudo ou alors j'ai l'esprit trop mal placé, Bul aussi apparement)

@Bul : mes pauvres dents... :o)




Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
jeudi 5 juin 2008 à 15:24:56 | Re : Effacement du contenu d'un input type text (lié avec un radiobutton)

bultez

Membre Club
>> Bul aussi
    moi ???? c'est pas mon genre !
    et c'est nick au départ qui disait que sa belle ne s'appelait pas adèle
        dans sa signature ( sucré depuis ? ), d'où mon interrogation.

                Cordialement            Bul         [mon Site]     [M'écrire]

1 2

Cette discussion est classée dans : input, type, contenu, effacement, radiobutton


Répondre à ce message

Sujets en rapport avec ce message

le onChange, ça marche pas partout [ par boin ] salut,g un formulaire qui contient,entre autres,un Dedans, g fait un onChange qui attribue la value de cet input dans un <input type=hidden.Jusqu'à au changer input type="text" en "password" [ par krempy ] j'ai un input type="text" que je veux changer en "password".au départ il contient Mot de passe, quand on clique, il se vide pour que le mot de passe e Addition de deux input type="text" [ par Jackboy ] Bonjour !J'aimerai que l'on me donne un petit coup de pouce !J'aimerai faire l'addition des valeur de deux input et de mettre la somme dans un second type=hidden et type=text [ par lolo4492 ] SalutJe souhaite changer un input de type hidden en input de type text.J'ai essayé document.monform.moninput.type="text";mais j'ai eu une erreur : "I boutons images [ par princessemili ] Bonjour j'ai crée des bouttons qui sont des images avec ce code:je voudrai que l'un de mes boutons soit comme un contenu d'un textarea dans des 'input text' [ par SauCisS ] Bonjour a tousMon problème est simple, peut-t-on me dire comment faire pour mettre le contenu d'une zone de texte (texarea) dans des zones de texte si omment faire pour qu'une case de type input text change de couleur [ par rich25200 ] Bonjour, Je sais pas qi je suis dans le bon forum mais j'ai pas trouver de forum CSS ou autre, mais j'aimerai savoir comment faire pour qu'un chanp Acccéder Au Contenu De La balise Input [ par Ombitious_Developper ] Salut :Soit ce bout de code en htmlJe veux accéder au contenu de champ file aprés avoir chercher le fichier souhaité.(Parcourir).Et Merci.... copier le contenu d'un input dans un autre [ par christobal ] Bonjour, j'aimerai faire en sorte que le contenu d'un INPUT d'un formulaire se réplique dans un autre INPUT du même formulaire et automatiquement.Dans input type file sur opera [ par fonetiklilian ] lilian


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Août 2010
LMMJVSD
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Consulter la suite du CalendriCode

 
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,452 sec (4)

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