idem mais cette fois pour la ligne :
if (document.getElementsByName(ville) !== null && document.getElementsByName(ville) !== ''){
la communauté d'entraide francophone dédiée au PHP
[RESOLU] Comment ecouter un champ de formulaire sans le valider
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
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
c'est quoi une NodeListcollection ?
quelle est la valeur de ville à cet endroit ?
quelle est la valeur de ville à cet endroit ?
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
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
Modifié en dernier par flexi2202 le 29 janv. 2023, 23:18, modifié 1 fois.
relire la discussion depuis le début.
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
https://www.w3schools.com/jsref/tryit.a ... m_nodelist
donc ca veux dire que ma valeur ville est bien vide
à 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.
relire la discussion depuis le début.
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.
et aussi, relire la discussion depuis le début, en s'arrêtant en page 1.
j'ai supprimer cette partie de mon code
pour remplacer mon code de cette facon
Mais que mon champ ville soit remplit ou pas cela affiche l'image
Code : Tout sélectionner
function clearCoor() {
document.getElementById("myImgaa").src = "";
}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>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.
au contraire, il faut tester des choses à partir de ce code qui fonctionne.
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>encore plus simple et logique en utilisant getElementById au lieu de querySelector