Statut : Résolu

Javascript pour rendre un champ non saisissab

michelB, le mardi 25 décembre 2007 à 15:06:26

Bonjour,

Je m'éclate la tête à essayer de comprendre. Je débute en Javascript et c'est pourtant quelquechose qui semble facile.
J'ai créé un formulaire comportant
- un champ select comprenant plusieurs options.
- un champ text dont je voudrais qu'à l'ouverture du formulaire il soit non saisissable.

Je voudrais que le champ text devienne saisissable lorsque le champ select prend l'option 2 par exemple et qu'il reste non saisissable pour toutes les autres valeurs du champ select.

Comment faire ?

Merci de votre aide

Configuration: Mac OS X
Safari 523.12

Répondre à michelB Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

coco11, le mardi 25 décembre 2007 à 15:17:53

Salut ,

Bon moi aussi je debute en javascript mais je peux toujours essayer !
Si tu utilise une boitetext pour afficher ton texte dans ton formulaire , pour qu elle soit desactivée , il te suffit de rajouter l attribut disable=disable ( ou "disable" ) , dans ta balise input , ensuite , dans ton javascript , tu n auras plus qu a indiquer au moment voulue : disable = " " ( ou la valeur par defaut de l attribut disable )

J espere avoir repondu a ta question sur ce joyeux noel

Répondre à coco11

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Gihef, le mardi 25 décembre 2007 à 16:14:04

Bonjour,

En me basant sur un exemple trouvé chez w3schools, j'ai bricolé ce script qui désactive l'<input> au chargement de la page et permet de le remplir (ici, ça ajoute les choix) si quelque chose est choisi dans la liste.
Il peut rester désactivé ou non.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>DOM - Désactiver/Activer un input</title>
<script type="text/javascript">
function copieChoix()
{
var no = document.getElementById("no");
var res = document.getElementById("result");
var option = no.options[no.selectedIndex].text;
var txt = res.value;
txt = txt + option;
if (option != "Faites un choix") {
  /* en ôtant les // l'input redevient accessible
     sinon, il se remplit mais reste inaccessible */
   //res.disabled=false;
   res.value=txt;
  }
}
</script>
</head>

<body onLoad='document.getElementById("result").disabled=true;'>
<form action="">
<br><br>
<select id="no" onChange="copieChoix()" >
  <option>Faites un choix</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
</select>
<input type="button" onclick="copieChoix()" value="Ajouter -->"> 
<input type="text" id="result" size="20">
</form><br><br><br>
<p style="font-size:85%">En réponse à
  <a href="http://www.commentcamarche.net/forum/affich 4410827 javascript pour rendre un champ non saisissab#0">
  Javascript pour rendre un champ non saisissab</a>
</p>
</body>
</html>

Rappel : Si Javascript est désactivé dans le navigateur, ça ne marche plus.

--

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

michelB, le mardi 25 décembre 2007 à 16:58:56

Merci Gihef de cette réponse si rapide.

Je vais me pencher sur le code mais cela ne répond pas exactement à mon problème, car dans ton exemple, tu saisis par programation le champ text désactivé.
Ce que je que je cherche est de rendre ce champ text directement saisissable lorsqu'une valeur déterminée du champ select est sélectionnée.

Répondre à michelB

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Gihef, le mardi 25 décembre 2007 à 17:05:22

Alors adapte le test

if (option != "Faites un choix") {
  /* en ôtant les // l'input redevient accessible
     sinon, il se remplit mais reste inaccessible */
   //res.disabled=false;
   res.value=txt;
  }

Ici, il teste si le choix est différent de "Faites un choix".

Tu lui peux indiquer d'activer le champ si telle ou telle valeur est choisie dans la liste.
Par exemple

if (option == 2) {
   res.disabled=false;
   res.focus();
  }

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

michelB, le mardi 25 décembre 2007 à 17:10:25

CA MARCHE !!!

Merci beaucoup Gihef

Répondre à michelB

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Gihef, le mardi 25 décembre 2007 à 17:16:29

(-:

Résolu, on peut considérer que c'est résolu alors ?

--

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

michelB, le mardi 25 décembre 2007 à 17:33:33

Où trouve-t-on cette option pour dire que le pb est résolu ?

Répondre à michelB

Posez votre question Répondre

Concaténation dans access (Résolu)Bonjour, J'aimerais savoir s'il est possible de créer un champ dans une requête access qui serait une concaténation de 6 champs, mais où seul les champs non nul serait inclus dans la concaténation. Merci www.commentcamarche.net/forum/affich-3259479-concatenation-dans-access

Javascript - constante chaine non terminée (Résolu)Bonjour, J'ai un problème de syntaxe dans un javascript externe (fichier .js). Le message que je reçois est "contante de chaîne non terminée". Voici le code : function test_travaux_decoration_quadrillee(rang_onglet_actif) { CSS :... www.commentcamarche.net/forum/affich-5980191-javascript-constante-chaine-non-terminee

Champs non rempli sur flash (Résolu)Bonjour, Je cherche un petit script pour mes formulaires en flash qui indiquerais que les champs ne sont pas rempli. j'ai 3 var (nom, prenom, comm) j'avais essayer un code if ((nom="") mais ca marche pas. merci de vos reponses. www.commentcamarche.net/forum/affich-4606588-champs-non-rempli-sur-flash

[Javascript] Effacer un champ de formulaire lors du clic (focus)Il vous est sûrement arrivé de tomber sur un formulaire HTML avec des valeurs pré-remplies décrivant par exemple le type de valeur attendue. L'intention est louable mais il est désagréable de devoir sélectionner ce texte et le supprimer avant de... www.commentcamarche.net/faq/sujet-884-javascript-effacer-un-champ-de-formulaire-lors-du-clic-focus

Différence entre display:none et visibility:hiddenLes deux attributs CSS display:none et visibility:hidden permettent tous deux de masquer l'affichage d'un élément en CSS dans le navigateur. Néanmoins, il existe une subtile nuance : visibility: hidden rend le bloc concerné invisible.... www.commentcamarche.net/faq/sujet-7908-difference-entre-display-none-et-visibility-hidden

Javascript dur ou non? (Résolu)Bonjours, J'aurais voulu savoir si le javascript etait dur a apprendre car jai appris le php & sql mais je narrive pas a retenir la masse de vocabulaire. Donc je voulais savoir si c'etait aussi impressionnnant d'apprendre le langage... www.commentcamarche.net/forum/affich-996905-javascript-dur-ou-non

[javascript] vérifier si un champ est vide (Résolu)Bonjour à tous, Dans un formulaire, je voudrais que certains champs soient obligatoirement remplies. Ce qui veux dire qu'on interdit les champs vides. Comment réaliser cela dans une fonction javascript ? Merci de votre aide.... www.commentcamarche.net/forum/affich-2262176-javascript-verifier-si-un-champ-est-vide

[javascript] pourquoi pas sous IE ? (Résolu)Salut a tous les spécialistes javascript, Voici un script de controle de certains champs d'un form. Chez moi (Firefox et XP) tout fonctionne parfaitement. Par contre sous IE6 et W2000 (bureau), il ne voit pas qu'il y a une option choisie... www.commentcamarche.net/forum/affich-2816240-javascript-pourquoi-pas-sous-ie

Nokia 6030 BlackAutonomie en conversation : 3h, autonomie en veille : 300 h, Appareil photo : Non, 90 grammes, WAP, GPRS, Indice DAS : 0.5 W/Kg,Indice D.A.S:0.5 W/kg,WAP,EMS: ,MMS,GPRS,Couleurs disponibles, coque changeable:Champagne,Antenne: ,Type de batterie:Li... www.commentcamarche.net/guide-achat/nokia-6030-black-457725-fiche-technique

PHP - Introduction PHP est un langage interprété (un langage de script) exécuté du côté serveur (comme les scripts CGI, ASP, ...) et non du côté client (un script écrit en Javascript ou une applet Java s'exécute sur votre ordinateur...). La syntaxe du langage provient... www.commentcamarche.net/php/phpintro.php3

Javascript - Les variables Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire, mais doivent répondre à certains... www.commentcamarche.net/javascript/jsvar.php3

Javascript - Structures conditionnelles On appelle structure conditonnelle les instructions qui permettent de tester si une condition est vraie ou non, ce qui permet notamment de donner de l'interactivité à vos scripts. L'instruction if est la structure de test la plus basique, on la... www.commentcamarche.net/javascript/jscond.php3

Toutes les réponses pour « Javascript pour rendre un champ non saisissab »