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.