[Javascript] Question de noob sur les evenements (premier code Javascr

Question de noob sur les evenements (premier code Javascr [Javascript] - HTML/CSS - Programmation

Marsh Posté le 17-12-2006 à 23:00:42    

Pourquoi mon code ne marche-t-il pas ?
 

Code :
  1. [...]
  2. <script language="Javascript">
  3. <!--
  4. function test() {
  5. alert('Merci !');
  6. }
  7. // -->  
  8. </script>
  9. [...]
  10. <select name="date2" onChange="test()" >
  11. [...]


 
Il est pourtant pas bien compliqué...  :heink: .  [:olimou]  [:dams86]

Reply

Marsh Posté le 17-12-2006 à 23:00:42   

Reply

Marsh Posté le 18-12-2006 à 09:41:04    

il faudrait vour le reste de la page, l'extrait à l'air correct. Ton script est bien déclaré entre les balises head?
Juste maintenant on utilise préférablement

Code :
  1. <script type="text/javascript">


à

Code :
  1. <script language="Javascript">


Tu as un message d'erreur de IE ou de FF lors de l'affichage de ta page?

Reply

Marsh Posté le 18-12-2006 à 21:57:40    

A il faut le mettre entre <head> et </head> :/ C'est bête ça quand on fait des includes en PHP :/.
 
M'enfin voila ce que j'ai... et ça ne marche toujours pas... Sans erreurs ni rien.
 

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  2. <head>
  3.  <title>XXXXX</title>
  4.       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  <link rel="stylesheet" media="screen" type="text/css" title="default" href="../default/style.css" />
  7. <script type="text/javascript">
  8. <!--
  10. function test() {
  11. alert('Merci !');
  12. }
  14. // -->  
  15. </script>
  17. </head>
  19. <body id="page">
  21. <h3>Vous désirez modifier une news</h3>
  22. <p>Pour cela, vous pouvez remplir les champs suivants complètement ou partiellement. Note: un champs laissé vierge ou incorrectement rentré est considéré comme indifférent.</p>
  24. <form name="test" method="post" action="xxxx">
  25. <fieldset style="padding-left: 20px; width: 380px; margin: auto;">
  26. <legend>Critères de recherche</legend>
  27. <label>Auteur<br />
  28.  <select name="user"><option value="%">indifférent</option>
  30. <option value="1">user0</option><option value="2">user1</option><option value="3">user2</option>  </select>
  31. </label><br /><br />
  32. <label>Date<br />
  33. <select name="date2" onChange="test()" >
  34.  <option value="1">definir</option>
  35.  <option value="2">2006</option>
  37. </select>
  38.   </label><br />
  39.  <input name="date" size="8" maxlength="10" onFocus="test()" /> (écrite au format: JJ/MM/AAAA)
  42. <label>Mot contenu dans le titre<br />
  43.  <input name="titre" size="44" maxlength="255" />
  44. </label><br />
  45. <input type="hidden" name="action" value="recherche" />
  46. </fieldset>
  47. <div class="tab_password">
  49. <input name="submit" value="Valider" type="submit" />
  50. <input name="reset" value="Remettre à zéro" type="reset" />
  51. </div>
  52. </form>
  55. </body>
  56. </html>

Reply

Marsh Posté le 18-12-2006 à 21:57:54    

Tout bête quoi...

Reply

Marsh Posté le 18-12-2006 à 22:08:46    

Le probleme se situe avec la liaison de la fonction. SI je colle directement le script de la fonction dans l'événement ça fonctionne.

Reply

Marsh Posté le 18-12-2006 à 23:45:15    

test est un mot réservé en JS (c'est une méthode de l'objet RegExp).
Appelle ta fonction pouik() et ca marchera

Reply

Marsh Posté le 19-12-2006 à 00:12:23    

mdr le truc bien con  :lol:  :whistle:  
Thanks you en tout cas...  :hello:  j'aurais pu chercher longtemps des exemples de mise en palce d'évenements.....  :sarcastic:  [:dams86]

Reply

Marsh Posté le 19-12-2006 à 10:45:08    

Pour info : j'ai toujours appris aussi que les scripts devaient être déclarés au sein de la balise <head>....

 

Cependant j'ai remarqué à plusieurs reprises que cela fonctionnait aussi si ce n'était pas le cas (par exemple : déclarés en plein milieu du <body>, via un include ou même directement en "dur" ); Je viens encore de le tester, et ça fonctionne à merveille...

 

En revanche je ne me souviens plus si le W3C validator pleure en voyant cela ou pas... quoi qu'il en soit ça fonctionne aussi, ce qui peut parfois simplifier la vie pour les includes dont parle Clockover.

 

(possible que sur certains navigateurs antédiluviens ça pose un problème, quand même ...)


Message édité par ZeBix le 19-12-2006 à 11:03:36
Reply

Marsh Posté le 20-12-2006 à 00:24:34    

oui ce la fonctionne. Il faut juste que ton script soit avant les evenements liés à ceux-ci...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed