Discussion :

[Delack]

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 :

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

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 :

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

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 !

[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 :

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

<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 '

[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...

[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

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+

[SpaceFrog]

Code :

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

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

Code :

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

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

???

[bigboomshakala]

salut



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

Code :

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

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 :

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

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

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

Code :

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

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.

[Bovino]

Code :

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

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

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

[bigboomshakala]

écho ? écho ?
je suis choqué

Code :

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

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
...

salut



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

Code :

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

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 :

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

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

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

Code :

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

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.

[Delack]

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 :

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
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 :

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

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>

[gwyohm]

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

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
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 :

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

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>