Affichage du contenu d'une variable

**Mac_bash** · 14/04/2017, 17h36

Bonjour à vous ,

je suis débutant en Html et donc en Javascript. En recherchant sur les forums, beaucoup ont rencontrés le même problème que moi mais les explications sont assez complexes et je me tire les cheveux. Je cherche donc une solution à mon problème et une explication pour m'aider à progresser :-)

J'utilise du Javascript pour retrouver le nom de mon fichier qui est renommé par rapport à la date du jour (de la forme Stats_DDMMYY.txt) et je n'arrive pas à afficher son contenu dans ma page HTML.

Code :

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
 
<html>
        <head>
                <meta charset="utf-8" />
                <link rel="stylesheet" href="style.css" />
                <title>STATS</title>
        </head>
 
        <body>
                <h1>STATISTIQUES</h1><br>
 
                <script type="text/javascript">
                var today = new Date();
                var tab_mois=new Array("01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31");
                var ANNEE = ('0'+today.getFullYear()).slice(-2);
                var FIC = "Stats_"+today.getDate()+tab_mois[today.getMonth()]+ANNEE+".txt";
				document.write(FIC);
                </script>
 
                <center><object data="CONTENU/"FIC"" type="text/html" width="1000" height="800" scrolling="auto" frameborder="1">
 
        </body>
</html>

Le nom de ma variable est bien récupérée et visible avec le document.write() mais impossible d'afficher le contenu de mon fichier dans ma page html.
Merci pour l'aide :-)

**mathieu** · 14/04/2017, 18h29

dans la variable "FIC" vous avez seulement le nom du fichier
vous devez ensuite lire le contenu. cela peut se faire avec jQuery par exemple en utilisant "$.get"
http://api.jquery.com/jQuery.get/

**Mac_bash** · 15/04/2017, 10h57

Merci pour votre réponse.

Peut-on l'utiliser de la sorte :

Code :

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

1
2
3
 
var FIC = $.get(""Stats_"+today.getDate()+tab_mois[today.getMonth()]+ANNEE+".txt"", function() { alert( "success" ); })
document.write(FIC);

ou bien :

Code :

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

1
2
3
4
5
6
 
var FIC = "Stats_"+today.getDate()+tab_mois[today.getMonth()]+ANNEE+".txt";
$.get('CONTENU/"FIC"', function( data ) {
    $('#result').txt( data );
});
document.write(#result);

Merci pour votre aide.

**badaze** · 15/04/2017, 20h05

Il y a plusieurs problèmes sur ton code.
1 - une variable javascript ne peut être utilisée dans le code purement HTML. => data="CONTENU/FIC" . Le navigateur prend FIC comme une chaîne de caractères. De plus tu as écrit data="CONTENU/"FIC"" et dans ce cas le navigateur comprend que data = "CONTENU/" car le guillemet est un délimiteur de paramètre et FIC"" est considéré comme un autre mot-clé comme tu peux le voir sur l'image ci-dessous.

Nom : 170415-001.JPG
Affichages : 264
Taille : 22,4 Ko

Nom : 170415-001.JPG
Affichages : 264
Taille : 22,4 Ko

2 - tu exécutes le script javascript avant que ton "objet" soit créé. Donc même si la partie js était correcte cela ne fonctionnerait toujours pas.

Essaie comme ça.

Code html :

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
<html>
        <head>
                <meta charset="utf-8" />
                <link rel="stylesheet" href="style.css" />
                <title>STATS</title>
        </head>
 
        <body>
                <h1>STATISTIQUES</h1><br>
 
                <center><object id="mon_objet" data="" type="text/html" width="1000" height="800" scrolling="auto" frameborder="1"></center>
 
                <script type="text/javascript">
                var today = new Date();
                var tab_mois=new Array("01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31");
                var ANNEE = ('0'+today.getFullYear()).slice(-2);
                var FIC = "Stats_"+today.getDate()+tab_mois[today.getMonth()]+ANNEE+".txt";
                document.getElementById('mon_objet').data = FIC;
                </script>
        </body>
</html>

Je me suis créé un fichier qui se nomme Stats_150417.txt et le code me donne :

Nom : 170415-002.JPG
Affichages : 149
Taille : 18,8 Ko

Ce qui correspond au fichier que j'ai créé.

**Mac_bash** · 16/04/2017, 12h52

Bonjour et un grand merci à toi badaze :-)

Envoyé par badaze

De plus tu as écrit data="CONTENU/"FIC"" et dans ce cas le navigateur comprend que data = "CONTENU/"

J'ai effectué un grand nombre d'essais à coups de 'FIC', "'.FIC.'", +FIC+ et j'en passe... N'ayant fait que du bash (cat $FIC), je ne m'attendais pas à autant de difficultés pour rappeler une variable et son contenu.

Envoyé par badaze

C'est la console web de ton navigateur qui t'affiche les erreurs de syntaxe ainsi ?

En tout cas cela fonctionne et j'aurai compris certaines choses grâce à toi !

**badaze** · 16/04/2017, 21h24

J'ai utilisé l'outil de capture de windows pour surligner en jaune.

Affichage du contenu d'une variable

JavaScript

Discussions similaires

Partager

Partager