un bouton et un formulaire [Résolu]

fagadoo · 20/02/2011, 23h51

Bonsoir,
encore un souci de débutant:
soit un bouton ID="button1"
Je veux simplement (au moins dans un premier temps) qu'un clic sur ce bouton modifie un champs de texte (ID="HT") dans un formulaire:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
 
document.getElementById('button1').onclick=function (){voir();};
 
function voir(){
document.getElementById('HT').value=3;
}
 
</script>

lorsque je clique sur mon bouton, la valeur 3 apparait bien dans mon formulaire mais disparait aussi rapidement.
Je me dis que ma variable n'existe plus en dehors du script et que je dois chercher ailleurs.
Mais si je change 'onclick' par 'onmouseover', la valeur reste dans mon formulaire... alors, je ne comprends plus et je cherche une solution auprès de personnes expérimentées

Willpower · 21/02/2011, 02h01

Ton script est-il bien placé en bas de page ou dans window.onload ? Autrement je ne vois vraiment pas comment une valeur peut disparaître de son plein gré. Peux-tu nous donner plus de code stp. ?

fagadoo · 21/02/2011, 10h27

Mon script est bien placé en bas de page. J'ai résolu mon problème en appelant ma fonction avec onclick (à la DOM1). Rien d'excitant mais cela fonctionne.
Cordialement

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<body>
<form id="form1" name="form1" method="post" action="">
  <input type="button" name="button" id="button" value="Envoyer" onclick="voir();" />
  <label for="txt"></label>
  <input type="text" name="txt" id="txt" />
</form>
 
 
<script type="text/javascript">
function voir(){
document.getElementById("txt").value=3;
}
</script>
 
</body>

Bovino · 21/02/2011, 11h26

Code :

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

document.getElementById('button1').onclick=function (){voir();};

Code :

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

<input type="button" name="button" id="button" value="Envoyer" onclick="voir();" />

21/02/2011, 02h01	#2
Willpower Membre Expert Boris Dessy sans emploi Inscription : décembre 2010 Messages : 847 Détails du profil Informations personnelles : Nom : Boris Dessy Localisation : Belgique Informations professionnelles : Activité : sans emploi Informations forums : Inscription : décembre 2010 Messages : 847 Points : 1 344 Points : 1 344	Ton script est-il bien placé en bas de page ou dans window.onload ? Autrement je ne vois vraiment pas comment une valeur peut disparaître de son plein gré. Peux-tu nous donner plus de code stp. ?
	00

21/02/2011, 11h26	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 805 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 805 Points : 35 810 Points : 35 810	Code : Sélectionner tout - Visualiser dans une fenêtre à part document.getElementById('button1').onclick=function (){voir();}; Code : Sélectionner tout - Visualiser dans une fenêtre à part <input type="button" name="button" id="button" value="Envoyer" onclick="voir();" /> __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email