Javascript et la balise INPUT

Version imprimable

19/01/2010, 16h47
Delack

Javascript et la balise INPUT
Salut à tous,

Voila, j'ai juste besoin d'un peu d'aide car là je suis perdu :(

J'ai un fichier Javascript (Javascript.js) qui contient mes fonctions javascript dont 1 qui est :
Code:

1 2 3 4 document.getElementById("btnRecherche").onclick = function(){ alert("test"); }
Mon bouton se trouve sur une page (modifier.php), et je voudrais donc appeler ma fonction Javascript du dessus dans le bouton suivant :
Code:

1 2 <input type="button" id="btnRecherche" size="14" value="Rechercher" onclick="javascript:document.getElementById("btnRecherche").onclick/>
En faisant comme cela, rien ne se passe... une erreur de syntaxe, de déclaration ?

Merci à vous d'avance !:ccool:
19/01/2010, 16h51
gwyohm

Salut,

Alors pas besoin de mettre javascript: dans un onclick,
et sinon tu recuperes une fonction mais n'en fais rien... essaye comme ca :

Code:

<input type="button" id="btnRecherche" size="14" value="Rechercher" onclick="document.getElementById('btnRecherche').onclick();"/>

Attention aussi aux " de javascript qui ferment ceux d'attributs HTML ; alterne avec '
19/01/2010, 16h57
Delack

Salut,
merci à toi

Justement, le but est de voir si l'element réagi à ma fonction javascript sur l'evenement du clic du bouton...

Et apparement rien n'y fait... ceux que tu m'as donné ne fonctionne pas...
Pourtant le javascript et bien activer car j'ai d'autres fonctions qui elles fonctionnent trés bien...

Je ne comprends vraiment pas d'où peut venir l'erreur...
19/01/2010, 17h03
E.Bzz

Bonjour,
je ne comprends pas bien : si ton .js est bien inclus dans modifier.php, il n'y a normalement rien de plus à faire :koi:

Vu que tu vient d'affecter une fonction au onclick de l'élément qui doit l'appeler :?

Si ce n'est, bien sûr, les corrections signalées par gwyohm ...

A+
19/01/2010, 17h05
SpaceFrog
Code:

1 2 3 function foo(){ alert('test') }
Code:

<input type="button" id="btnRecherche" size="14" value="Rechercher" onclick="foo()"/>

???
19/01/2010, 17h06
bigboomshakala
salut

:aie:

Soit tu fais une fonction que tu appelles sur le onclick de la balise
Code:

1 2 3 4 5 6 7 // dans le javascript function toto(){ alert("test"); } //dans le html <input ... onclick="toto()" />
soit tu mets les instructions dans la balise html

Code:

<input ... onclick="alert('test')" />

soit tu positionnes l'événement dans le javascript
Code:

1 2 3 document.getElementById("...").onclick = function(){ alert("toto"); }
mais ne fais pas un mix de tout ça, sinon ça marche pas...
et dans le dernier cas (positionnement dans le javascript) il faut que l'input soit créé avant d'essayer de lui mettre un gestionnaire d'événement.
19/01/2010, 17h11
Bovino

Code:

onclick="javascript:document.getElementById("btnRecherche").onclick

Tu as aussi de gros soucis d'échappement et de fermeture de quotes :roll:

Justement, c'est ça que je trouve vraiment bizarre...

Je vais vous mettre les extraits complet de code afin que vous compreniez mieux :

le javascript.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
// JavaScript Document
 
window.onload = function() {
  document.getElementById("Envoi").onclick = function foo() {
  alert("test");
      if (document.getElementById("txtNom").value=="" || document.getElementById("txtPrenom").value=="") {
          alert("les 2 champs doivent être remplis");
          return false;
      }else{ 
          return true;     
      }
    }
 
    document.getElementById("btnRecherche").onclick = function(){
      alert("test");
    }
}
 
 
//-----------------------------------------------------------------
//                        AJAX
//-----------------------------------------------------------------

le modification.php

Code:

1
2
3
4
5
6
7
 
...
<div id="divModification">
  <input type="text" id="txtRecherche" maxlength="30" size="15" class="Texte" />
  <input type="button" id="btnRecherche" size="14" value="Rechercher" onclick="document.getElementById('btnRecherche').onclick"/>
 
</div>

Je comprends pas mieux... mes commentaires dans la citation:

Citation:

Envoyé par Delack

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// ...
window.onload = function() {
// gwyohm: pas d'element d'ID Envoi dans les fragments HTML envoyés...
// de plus une fonction anonyme n'a pas à être nommée ...
  document.getElementById("Envoi").onclick = function foo() {
  alert("test");
      if (document.getElementById("txtNom").value=="" || document.getElementById("txtPrenom").value=="") {
          alert("les 2 champs doivent être remplis");
          return false;
      }else{ 
          return true;     
      }
    }
   
    document.getElementById("btnRecherche").onclick = function(){
      alert("test");
    }
}
//...

le modification.php

Code:

1
2
3
4
5
6
7
8
...
<div id="divModification">
  <input type="text" id="txtRecherche" maxlength="30" size="15" class="Texte" />
  <input type="button" id="btnRecherche" size="14" value="Rechercher" 
onclick="document.getElementById('btnRecherche').onclick()"/>
//Gwyohm: Ne pas oublier les parenthèses 
</div>

19/01/2010, 18h08
bigboomshakala
écho ? écho ?
je suis choqué
Code:

1 2 <input type="button" id="btnRecherche" size="14" value="Rechercher" onclick="document.getElementById('btnRecherche').onclick()"/>
onclick appelle onclick
qui lui meme appellera onclick
qui lui meme appellera onclick
qui lui meme appellera onclick
...
Citation:
Envoyé par bigboomshakala

salut

:aie:

Soit tu fais une fonction que tu appelles sur le onclick de la balise

Code:

1 2 3 4 5 6 7 // dans le javascript function toto(){ alert("test"); } //dans le html <input ... onclick="toto()" />

soit tu mets les instructions dans la balise html

Code:

<input ... onclick="alert('test')" />

soit tu positionnes l'événement dans le javascript

Code:

1 2 3 document.getElementById("...").onclick = function(){ alert("toto"); }

mais ne fais pas un mix de tout ça, sinon ça marche pas...
et dans le dernier cas (positionnement dans le javascript) il faut que l'input soit créé avant d'essayer de lui mettre un gestionnaire d'événement.