[RESOLU] Comment ecouter un champ de formulaire sans le valider

par **flexi2202** » 30 janv. 2023, 00:33

en effet a present que j'ai la solution c'est plus simple

par **or 1** » 30 janv. 2023, 00:21

encore plus simple et logique en utilisant getElementById au lieu de querySelector

par **flexi2202** » 30 janv. 2023, 00:18

voila pour ceux que cela interesse voici le code qui fonctionne

Code : Tout sélectionner

<html>
<body>
<h1>HTML DOM Events</h1>
<h2>The onmousemove Event</h2>
<input class="form-control" type="text" name="ville" value="" id="ville" placeholder="" required="required" />
<div style ="width: 200px;
height: 100px;
border: 1px solid black;"onmousemove="myFunction(event)" onmouseout="clearCoor()"></div>
<img id="myImgaa" src="" width="107" height="98">
<script>
function myFunction() {
  const ville = document.querySelector('[name="ville"]');
  if (ville !== null && ville.value !== '')
  { 
    document.getElementById("myImgaa").src = "https://www.w3schools.com/jsref/img_pulpit.jpg";
  } else { 
    document.getElementById("myImgaa").src = "";
  }
}
</script>
</body>
</html>

par **flexi2202** » 29 janv. 2023, 23:57

je pense que je vais abandonner mon projet
Car j'ai beau lire et relire encore et encore
Mais sur ce coup je suis en ????
Merci pour l'aide

par **or 1** » 29 janv. 2023, 23:53

enlever un code qui fonctionne et laisser un code qui ne fonctionne pas ne me semble pas une bonne idée.
au contraire, il faut tester des choses à partir de ce code qui fonctionne.

par **flexi2202** » 29 janv. 2023, 23:47

j'ai supprimer cette partie de mon code

Code : Tout sélectionner

function clearCoor() {
document.getElementById("myImgaa").src = "";
}

pour remplacer mon code de cette facon

Code : Tout sélectionner

<html>
<body>
<h1>HTML DOM Events</h1>
<h2>The onmousemove Event</h2>
<input class="form-control" type="text" name="ville" value="" id="ville" placeholder="" required="required" />
<div style ="width: 200px;
height: 100px;
border: 1px solid black;"onmousemove="myFunction(event)" onmouseout="clearCoor()"></div>
<img id="myImgaa" src="" width="107" height="98">
<script>
function myFunction() {
  //alert(document.getElementsByName("ville"));
if (document.getElementsByName('ville') !== null && document.getElementsByName('ville') !== '')
{ document.getElementById("myImgaa").src = "https://www.w3schools.com/jsref/img_pulpit.jpg";}
  
  else

{ document.getElementById("myImgaa").src = "";}
  
}
function clearCoor() {

}
</script>
</body>
</html>

Mais que mon champ ville soit remplit ou pas cela affiche l'image

par **or 1** » 29 janv. 2023, 23:40

c'est clair que ce serait un meilleur début.
et aussi, relire la discussion depuis le début, en s'arrêtant en page 1.

par **flexi2202** » 29 janv. 2023, 23:38

je pense avoir enfin trouvé je devais entouré ville de ''

par **or 1** » 29 janv. 2023, 23:29

à cet endroit du code, ville n'existe pas. il est donc passé quelque chose qui n'existe pas à getElementsByName

relire la discussion depuis le début.

par **flexi2202** » 29 janv. 2023, 23:18

e viens de mieux comprendre avec ce lien
https://www.w3schools.com/jsref/tryit.a ... m_nodelist
donc ca veux dire que ma valeur ville est bien vide

par **or 1** » 29 janv. 2023, 23:18

relire la discussion depuis le début.

par **flexi2202** » 29 janv. 2023, 23:16

Les objets NodeList sont des collections de nœuds
ce qui est bizarre c'est que la valeur de ville
est object NodeList
a partir de la je suis completment perdu face a tout ce que je peux lire avec google

je viens de mieux comprendre avec ce lien
https://www.w3schools.com/jsref/tryit.a ... m_nodelist
donc ca veux dire que ma valeur ville est bien vide

par **or 1** » 29 janv. 2023, 23:05

c'est quoi une NodeListcollection ?
quelle est la valeur de ville à cet endroit ?

par **flexi2202** » 29 janv. 2023, 23:02

je teste avec l'instruction if
La getElementsByName()méthode de l' Documentobjet renvoie une NodeListcollection d'éléments avec un nameattribut donné dans le document.
dans mon cas c'est ville
je teste donc si cet attribut name avec l'opérateur d'inégalité stricte ( !== ) afin de savoir si la valeur de l'attribut est bien vide ou null

par **or 1** » 29 janv. 2023, 22:55

idem mais cette fois pour la ligne :
if (document.getElementsByName(ville) !== null && document.getElementsByName(ville) !== ''){

[RESOLU] Comment ecouter un champ de formulaire sans le valider

Répondre

Étendre la vue Revue du sujet : [RESOLU] Comment ecouter un champ de formulaire sans le valider

Re: [RESOLU] Comment ecouter un champ de formulaire sans le valider

Re: [RESOLU] Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider

Re: Comment ecouter un champ de formulaire sans le valider