Utiliser une variable locale dans une autre fonction

**philippe44500** · 14/01/2016, 11h20

Bonjour,

Comment utiliser une variable locale javascript dans une autre fonction

Ex: fonction 1

Code :

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

var jour = var jourx;

Que dois-je ajouter dans la fonction 1 pour que cette variable locale (jour) puisse être utilisée dans une fonction 2.

J'ai essayé de la transformer en variable globale mais, je n'y parviens pas.

Où y a t'il d'autres solutions de passage d'une variable d'une fonction 1 à une fonction 2 ?

Merci de vos réponses

Philippe

**SpaceFrog** · 14/01/2016, 11h59

transforme la en globale ... ce n' est pas parce que tu n'as pas réussi que ce n'est pas réalisable ...

ou passe la en paramètre ...

**philippe44500** · 14/01/2016, 12h07

C'est ce que j'essaie mais, comment faire ?

**SpaceFrog** · 14/01/2016, 12h34

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var globale=50;
 
function one() {
globale= 100;
two();
}
 
function two(){
 
alert(globale)
}

**philippe44500** · 14/01/2016, 13h15

Merci de votre réponse.

J'utilise datepicker et mes deux dernières fonctions ont pour objet de :
. mettre la date au format français
. envoyer la date et le jour à une autre page

La date 'datexx" se trouve dans un input déclarée avec ID et NAME et la date apparait comme attendue au format dd-mm-yyyy.

Je parviens à envoyer la date sans difficulté sur la page de réception mais pas le jour, ne parvenant pas à envoyer la variable correspondante à la dernière fonction javascript.

Sur tes conseils, j'ai déclaré en tête du script la variable globale

Code :

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

var jourxxx = 50;

Modifié les deux fonctions visées comme suit :

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
$.datepicker.setDefaults($.datepicker.regional['fr']);
 
$('#datexx').datepicker({
	"onClose": function(dateText, inst){
		var tabDate = dateText.split("-"),
			year = tabDate[2],
			month = parseInt(tabDate[1], 10) - 1,
			day = parseInt(tabDate[0], 10),
			date = new Date(year, month, day);
 
		//console.log(date.getDay());
 
		$("#jourxx").text($.datepicker.regional['fr'].dayNamesShort[date.getDay()]);
		var jourxxx = document.getElementById('jourxx').innerHTML;
		jourxxx = var jourxxx;
		alert (jourxxx);
 
 
}

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$('#datexx').datepicker({
      onSelect: function(dateText, inst) {
        $(this).change();
      }
    })
    .change(function(two) {
	var datexx = document.getElementById('datexx').value;
	alert (datexx);
	alert (jourxxx);
	      window.location.href = "http:www.xxx.php?datexx=" + datexx;
    });

Le calendrier datepicker ne s'ouvre plus.

En retirant le code progressivement, j'ai constaté que c'est "jourxxx = var jourxxx;" qui bloque l'ouverture du calendrier.

Que faire ?

J'avais envisagé de traiter l'aspect jour dans la page réceptive, mais le traitement de la date envoyée au format (dd-mm-yyyy) se traduit par un chiffre comme 1989, 1990, etc ... en fonction des dates? via le script suivant

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<?php
$datexx1 = htmlspecialchars($_GET['datexx']);
echo    '<br/>Datexx : ';
echo    $datexx1;
?>
 
<script type="text/javascript">
var ladate= <?php   echo    $datexx1 ?>;
alert (ladate);
var tab_jour=new Array("Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi");
document.write("Nous sommes un "+tab_jour[ladate.getDay()])
</script>

Une idée ?

A+

Philippe

**SpaceFrog** · 14/01/2016, 13h40

Code :

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

jourxxx = var jourxxx;

c'est quoi ce var là ?

**philippe44500** · 14/01/2016, 13h49

Il est défini à la ligne précédente :
var jourxxx = valeur de l'élément 'jourxx' (en l'occurrence un jour de la semaine)

L'alert de la ligne suivante renvoie bien le jour de la semaine correspondant au jour sélectionné via le calendrier de datepicker

**SpaceFrog** · 14/01/2016, 14h09

Non, mais mettre var devant signifie déclarer la variable ... donc en gros la vider ...

de plus utiliser le même nom de variable au niveau local

à la limite

Code :

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

jourxxxlocal =  jourxxx;

mais autant utiliser la variable globale direct

**philippe44500** · 14/01/2016, 14h27

J'ai fait le changement mais, cela bloque toujours en amont l'ouverture du calendrier datepicker

**SpaceFrog** · 14/01/2016, 14h36

Montre nous le html sourcé généré ...

**philippe44500** · 14/01/2016, 14h46

Je vais laisser tomber et, extraire le jour de la semaine sur la page de destination, ce qui est manifestement plus simple avec mktime, etc ...

Merci encore de ton aide

Bonne journée

Philipe

**danielhagnoul** · 15/01/2016, 00h20

Il y a trop de choses à dire sur votre code. Je préfère vous donner un exemple qui fonctionne :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0">
  <meta name="author" content="Daniel Hagnoul">
  <title>Test</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/sunny/jquery-ui.css">
  <style>
 
  </style>
  <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery-ui-i18n.min.js"></script>
  <script>
    "use strict";
 
    var
      nomDesJours = [ "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi" ],
      nomDuJour = "inconnu"; // seconde méthode, avec une variable globale
 
    // Première méthode, dans un input
    function jourSemaine() {
      let jourxxx = $( '#jourxx' ).val();
 
      alert( jourxxx );
    }
 
    $( function(){ // forme abrégée de $(document).ready( function( ){
 
      // setDefaults dépend de jquery-ui-i18n.min.js
      $.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
 
      $('#datexx').datepicker({
        "onClose": function( dateText, inst ){
          var
            tabDate = dateText.split( "/" ),
            year = tabDate[2],
            month = parseInt( tabDate[1], 10 ) - 1,
            day = parseInt( tabDate[0], 10 ),
            date = new Date( year, month, day ),
            dayName = nomDesJours[ date.getDay() ];
 
          $( "#jourxx" ).val( dayName ); // remplir l'input
 
          nomDuJour = dayName; // remplir la var globale
 
          jourSemaine(); // test l'input
 
          // test la var globale
          setTimeout( function(){
 
            // console, touche F12
            console.log( "Nous sommes " + nomDuJour + " !" );
 
          }, 3000 );  // 3s
        }
      });
 
    });
  </script>
</head>
<body>
 
  <input id="datexx" type="text" value="">
  <input id="jourxx" type="text" value="">
 
</body>
</html>

Il y a un forum jQuery.

**philippe44500** · 15/01/2016, 10h16

Merci de ta réponse.

Avec les 2 champs (date et jour) INPUT, il n'y a effectivement aucune difficulté.

Par contre, uniquement avec le champ "date" en INPUT, je n'ai pas de solution pour l'envoi de la variable "jour" sur une autre page.

Aussi, j'ai extrait le "jour" sur la page de destination par traitement javascript de la date.

Merci encore pour ton aide et bonne journée

Cordialement

Philippe

**zaza576** · 21/01/2016, 17h14

Hello,

pour exporter une variable de classe à utiliser dans d'autres scripts, on peut utiliser entre autres :

Code :

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

1
2
3
4
5
6
7
8
9
var myapp = myapp || {};
myapp.utils = (function () {
    var exports = {};
    exports.CONSTANT_A = "FOO",
    exports.CONSTANT_B = "BAR";
    exports.func = function func() {}
    function _privateFunc() {}
    return exports;
}());

Cela encapsule dans myapp.utils les "variables globales" CONSTANT_A et CONSTANT_B de ton application et évite certaines dérives de Javascript sur l'OOP.
On retrouve une forme similaire dans le framework AngularJS.

Cdt

**philippe44500** · 22/01/2016, 10h34

Ok, je te remercie pour les infos.

Utiliser une variable locale dans une autre fonction

JavaScript

Discussions similaires

Partager

Partager