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

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

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