Discussion :

[badrou]

bonjour je souhaite remplir le contenu d'un input quand je clique sur un bouton
voici le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function remplirinput()
{
	 var textsort =document.getElementById('sortie');
textsort.value = textsort.value + "mon message";
 
 
}

mon code html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<input type="text" id="entree">
 
 
	<button onclick="remplirinput();">convert >></button>
	<input type="text" id="sortie">

mon problème c'est que ça marche juste après le clic et ça disparut après
peut être que je doit utilisé un autre éventement que onclick
merci de m’éclairer

[NoSmoking]

Bonjour,

... après le clic et ça disparut après ...

si tes éléments sont situés entre des balises <form></form>, le formulaire est soumis compte tenu qu'un élément <button> est de type submit par défaut.

Essaie :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<button type="button" onclick="remplirinput();">convert >></button>

[javatwister]

Bien vu Nosmok!

Par ailleurs badrou, ce que tu demandes est étrange puisque chaque clic entraînera l'ajout de la chaîne;

Bref, provisoirement, ajoute return false à ton appel de fonction;

[badrou]

merci pour la réponse c'est clair

Bref, provisoirement, ajoute return false à ton appel de fonction;

oui pour l'ajout du texte c'est moi qui le veut comme ça
par contre le return false c'est important ??

[javatwister]

oui, ça empêche la soumission du formulaire;

[NoSmoking]

• Si l'on met un return false alors ...
il faut le mettre en retour de fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function remplirinput() {
  var textsort = document.getElementById('sortie');
  textsort.value = textsort.value + "mon message";
  return false;
}

et dans l'appel inline de la fonction

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<button onclick="return remplirinput();">convert >></button>

• Une autre solution serait de prévenir le comportement par défaut via l'utilisation de event.preventDefault, dans ce cas le code deviendrait
Appel :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<button onclick="return remplirinput(event);">convert >></button>

.... on passe event en paramètre à la fonction

Fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function remplirinput(e) {
  e.preventDefault();
  var textsort = document.getElementById('sortie');
  textsort.value = textsort.value + "mon message";
  //return false;
}

• Ressource :
↪ event.preventDefault

[javatwister]

et pour simplifier

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function remplirinput(e){
	 document.getElementById('sortie').value += "mon message";
	 e.preventDefault();
}
 
......
 
<button onclick="remplirinput(event);">convert </button>