Action d'un événement

**marcel marie** · 08/02/2015, 18h50

Bonjour,
Voici, pour moi, un problème pas évident du fait que je suis novice en JS.
Nom : dates.jpg
Affichages : 95
Taille : 11,8 Ko

l'image des 6 zones doit être jointe !!
Dans un formulaire j'ai les 6 zones ci-dessus pour saisir le jour, le mois et l'année de deux dates.
Cela fonctionne très bien, le code pour une zone est ci-dessous..
Sur une zone, peu importe laquelle je veux activer un événement avec "ONévénement".

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
24
25
26
27
28
29
30
31
32
33
function affiche_sel_form()
{
  <form name="selint" method=post action="dd_montre_selection.php">
  <table bgcolor=#cccccc>
  <tr>
  <td><font color="#FF0000"><b>du :</b></font> 
  <select name=d_jour>
  <?php
  $j_moi=jdmoi();
  for ($i=0; $i < 31; $i++)
      {
   if ($i+1 == $ce_jour)
   {
     echo "<option value=\"";
        echo $j_moi[$i];
        echo "\"";
  echo 'selected';
        echo ">";
        echo $i+1;
        echo "\n";
   }
      else
      {  
        echo "<option value=\"";
        echo $j_moi[$i];
        echo "\"";
  echo ">";
        echo $i+1;
        echo "\n";   
   }
   }
  ?>
  </select>

Où exactement dois-je mettre l'activation de l'événement : OnEvenement?
Dois-je mettre les "id" indispensables et où pour "form" et pour le champ ?
Où doit être mise la fonction JS qui va s'exécuter lors de l'événement, sachant que le formulaire est dans une fonction html, dans un fichier contenant diverses fonctions ? Dans le programme d'appel de cette dernière ? L'événement doit me permettre d'agir sur l'une quelconque des cinq autres zones.
Souci : le click dans la zone provoque l'affichage de tous les jours du mois.

Je vous remercie. Cordialement.
Marcel Marie

**SylvainPV** · 08/02/2015, 20h55

Oula... novice effictivement

On ne met pas de HTML au milieu de JavaScript. Eventuellement on peut mettre du JS au milieu de HTML avec une balise <script>, mais l'inverse certainement pas.

Où doit être mise la fonction JS qui va s'exécuter lors de l'événement, sachant que le formulaire est dans une fonction html, dans un fichier contenant diverses fonctions ?

Une fonction HTML, ça n'existe pas. Les fonctions sont le propre d'un langage fonctionnel donc JavaScript uniquement.

Sépare complètement le HTML du JavaScript en mettant le JavaScript dans un fichier .js que tu charges avec une balise <script>. Et ne poste pas le code PHP, seulement ce qui est généré côté client (navigateur > clic droit > afficher la source).

Quand toutes les erreurs de syntaxe auront été résolues, on verra pour cette histoire d'évènement. Et quel évènement d'abord ? Un clic ?

**marcel marie** · 09/02/2015, 09h12

Bonjour,
Peut-on supprimer une discussion ? Si OUI comment ?
En effet je me suis réveillé ce matin en me disant que l'âge n'arrange pas les choses !!!!! et je voulais réécrire cette discussion.
Puisqu' il y a eu une réponse voici ce que je voulais écrire :

Le script que j'ai joint n'est autre qu'un morceau de fonction PHP appelé dans un programme PHP.
La question aurait dû être "peut-on dans une telle configuration mettre un événement en action"?
Je ne crois pas à priori puisque la fonction JS doit être entre <head> et </head> (1)

Je vais donc réécrire le tout de deux façons : en mettant cette fonction appelée comme maintenant et (1) ou en l'écrivant dans le programme qui maintenant l'appelle, comme je l'ai fait dans d'autres programmes et où ça fonctionne..

Pour l'événement, peu importe, mais sans doute pas le OnClick puisque le click actuel dans la zone fait afficher toutes les options du <select>.
Le "ONévénement" dans le <select ?
Merci. Bonne journée.
Marcel Marie

**SylvainPV** · 09/02/2015, 09h49

Il y a un bouton Modifier sous chaque message.

PHP s'éxécute côté serveur, JavaScript côté client. Ils n'ont donc aucune interaction donc tu peux parfaitement coder ce qu'il te plaît en JavaScript sans te soucier du code PHP. Seul le code HTML généré importe pour JavaScript, c'est celui que tu trouveras en faisant navigateur > clic droit > afficher la source. Et tu peux placer une balise <script> dans le <head> ou dans le <body>, selon si tu veux que le JavaScript soit interprété avant ou après que le HTML de ta page ait été chargé.

Du reste, je ne comprends pas grand chose à ce que tu essaies de faire. Comment ça, peu importe l'évènement ? Ça me paraît avoir son importance pourtant ! Je reformule: qu'est-ce que tu attends comme action de la part de ton utilisateur pour déclencher ta fonction JavaScript ?

**marcel marie** · 09/02/2015, 16h52

BON, après de nombreux essais ce matin et, après coup, comme toujours, cela est évident.
Le ONévénement fonctionne très bien dans la fonction appelée depuis un .PHP.
Il suffit que dans ce dernier les fonctions JS déclenchées soient écrites, par exemple, entre <script ....> et </script> balises qui sont entre <head> et </head>.
Pour mon cas les ONévénements sont à mettre dans la balise <td ....> tandis que c'est l'id du select qui est testée et modifiée.
OUI, pour moi, dans ce cas, peu importe l'événement dès lors qu'il est bien pris en compte et agit "simplement" car j'ai l'impression que des événements se télescopent ainsi OnMouseDown entraîne automatiquement le OnClick.

Bon c'est donc résolu. MERCI pour votre contribution.
J'ai bien peur que je sois amené à ouvrir d'autres discussions Javascript !!!!.

Cordialement.
Bonne journée.
Marcel Marie

**SylvainPV** · 09/02/2015, 17h17

L'évènement clic est déclenché sous certaines conditions, il faut que la pression et le relâchement du bouton soient fait sans un trop gros déplacement de la souris entre temps, sinon c'est un drag. Donc un clic entraîne forcément un mousedown et un mouseup, mais l'inverse n'est pas forcément vrai.

Je n'ai pas compris ce que tu voulais faire au final, mais tant mieux si tu t'en es sorti

Action d'un événement

JavaScript

Vue hybride

Discussions similaires

Partager

Partager