Utiliser une variable locale dans une autre fonction

Version imprimable

14/01/2016, 11h20
philippe44500

Utiliser une variable locale dans une autre fonction

Bonjour,

Comment utiliser une variable locale javascript dans une autre fonction

Ex: fonction 1

Code:

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
14/01/2016, 11h59
SpaceFrog

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 ...
14/01/2016, 12h07
philippe44500

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

Code:

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

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:

var jourxxx = 50;

Modifié les deux fonctions visées comme suit :
Code:

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:

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:

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

14/01/2016, 13h40
SpaceFrog

Code:

jourxxx = var jourxxx;

:koi:

c'est quoi ce var là ?
14/01/2016, 13h49
philippe44500

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
14/01/2016, 14h09
SpaceFrog

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

à la limite

Code:

jourxxxlocal = jourxxx;

mais autant utiliser la variable globale direct
14/01/2016, 14h27
philippe44500

J'ai fait le changement mais, cela bloque toujours en amont l'ouverture du calendrier datepicker
14/01/2016, 14h36
SpaceFrog

Montre nous le html sourcé généré ...
14/01/2016, 14h46
philippe44500

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

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

Code:

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.

15/01/2016, 10h16
philippe44500

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

Hello,

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

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

22/01/2016, 10h34
philippe44500

Ok, je te remercie pour les infos.