Batch Index du Forum
S’enregistrerRechercherFAQMembresGroupesConnexion
Répondre au sujet Page 1 sur 2
Aller à la page: 1, 2  >
[HTML+SCRIPT] déclarer des variables depuis un fichier texte
Auteur Message
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Bonjour les gens ^

bon cette fois je viens demander un coup de main pour un projet.
Je dois mettre en forme une page web et j'aurais besoin d'un script javascript ou vbs qui soit intégré directement dans le .html

En gros j'ai un fichier texte de ce style:
Code:

lieu:paris
vitesse:120
couleur:jaune
etc ..


et il me faudrait quelque chose de ce style:
Code:

<html>
   <head>
      <script>
         # ici un script qui lit mon fichier texte et déclare les variables qui seront utilisées par la suite
         # prendre la partie à gauche de ":" comme nom de variable et à droite comme valeur
         # un truc du style:
         for /f "tokens=1,2 delims=:" %%A in ('type monfichier.txt') do (
         set %%A=%%B
         )
      </script>
   </head>
   <body>
      <p> ici j'affiche comme je veux mes variables déclarées plus haut par </p>
      <p> par exemple %vitesse% %lieu% etc ...</p>
   <body>


Si quelqu'un a une piste je suis preneur, merci d'avance Wink

Ah oui je sais ce n'est pas forcément la bonne section, mais dans la partie webdev y'a pas de section aide à la prog ^




______________________________________________________


L'ignorance est un fléau qui engendre la haine et la mort
La connaissance est une arme qui surpasse toutes les autres
Partagez votre savoir, sinon il sera perdu à jamais
Message Publicité 
PublicitéSupprimer les publicités ?


Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Salut Mr. Green



Tu as tout simplement besoin d'utiliser des variables dynamiques,
celle-ci ce déclare par l'intermédiaire d'une chaîne ou/et d'une ou plusieurs variable(s) directement dans l'objet window Okay

La solution que je te propose fonctionne uniquement en local sur ton pc, si tu souhaites faire cette opération sur un serveur web il te faudra obligatoirement passer par le php Mr. Green




Donc une variable dynamique se déclare comme suit :

Code:
[lang=javascript]window["ma_variable"] = "salut";
//ou encore :
var salut = "guten tag";
window["une_autre_variable"+salut] = "Halloo";



Ensuite, pour utiliser/modifier son contenu, cela se passe exactement comme pour le batch mais en javascript Mr. Green
Code:
[lang=javascript]//on prend les 2 exemples précédents :
console.log(ma_variable);
console.log(window["une_autre_variable"+salut]);



Donc maintenant que tu connais en gros les bases des variables dynamiques, on va pouvoir s'attaquer à la lecture d'un fichier en javascript à l'aide des activeX (disponible sur tous les versions windows après windows Xp y compris)
Code:
[lang=javascript]var fso=new ActiveXObject("Scripting.FileSystemObject");
var ts=fso.OpenTextFile("monfichier.txt",1,false);
var temp=ts.ReadAll();
ts.close();
console.log(temp);


_______________________________

Maintenant qu'on a tous ce qu'il nous faut en terme de base, il reste plus qu'à intégrer tous ça dans une boucle for et d'ajouter quelques regex Okay

CODE COMPLET :
p.s : ce code est adaptable + compacte + optimisé avec différentes conditions afin de ne pas cracher le programme Okay
Code:
[lang=html5]<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Salut</title>
   <script>
     var data=true;
     var fso=new ActiveXObject("Scripting.FileSystemObject");
     if ( fso.FileExists("monfichier.txt") ) {
      var ts=fso.GetFile("monfichier.txt"),
          size=ts.Size;
      if ( size!=0 ) {
        var reg=new RegExp("[\n\r]+", "g"),
             ts=fso.OpenTextFile("monfichier.txt",1,false),
             temp=((ts.ReadAll()).replace(reg,":")).split(':');
         ts.close();
        for (var i=0; i<temp.length; i+=2) {
          if (temp[i]!="undefined") {
           window[temp[i]] = temp[i+1];
         }
        }
      } else {
        //NO DONNEES
        data=false;
      }
     } else {
       //NO FILE
      data=false;
     }
    
   </script>
  </head>
  <body>
    <div id="info">
     <script>
       if (data) {
         for (var i=0; i<temp.length; i++) {
           if (temp[i]=="vitesse") {
            document.write("La dernière vitesse mesurée sur l'autoroute x est "+temp[i+1]+"km/h.<br />");
           } else if (temp[i]=="couleur") {
            document.write("La couleur la plus fréquemment utilisée est le "+temp[i+1]+".");
           }
           //etc
         }
      } else {
        document.write("Le fichier est vide ou inexistant.");
      }
     </script>
   </div>
  </body>
</html>





__________________________
EDIT :

Ceci devrait t’intéressé : http://batch.xoo.it/p42452.htm



Dernière édition par Flammrock le Mer 1 Fév 2017 - 15:28; édité 1 fois

______________________________________________________
la vie est trop courte pour retirer le périphérique USB en toute sécurité...
Si la statue de la liberté lève le bras depuis 125 ans, c'est parce qu'elle cherche du réseau sur son Blackberry Torches...
Grâce à mon nouveau correcteur automatiste sur mon téléphage, je ne fais plus aucune faute d'orthodontie.
Quelqu'un a t il déjà demandé au drapeau japonais ce qu'il enregistre depuis tout ce temps ?
Visiter le site web du posteur
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
hey ça c'est de la réponse ultra rapide et complete Okay Okay Okay
Je regarde ça dès ce soir, là je dois filer, un grand merci Wink




______________________________________________________


L'ignorance est un fléau qui engendre la haine et la mort
La connaissance est une arme qui surpasse toutes les autres
Partagez votre savoir, sinon il sera perdu à jamais
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Allez, un post à la suite !!!

Ton truc marche pas ... Evil or Very Mad


MAIS SIIIIIIIIIIIIIIIIIII
ça marche de ouf, t'es un tueur !!!!!! Okay Okay
j'ai cru un moment que j'avais foiré en modifiant quelques trucs mais en fait c'était firefox qui déconnait, j'ai testé sous IE et là ...
Miracle ^
Donc j'ai bien compris l'astuce, c'est vraiment très malin et vraiment je n'avais pas vu ça ailleurs.
Pour l'anecdote j'avais lancé un sujet sur developpez.net
Maintenant que j'ai un boss du html sous la main t'es foutu lol, je vais te harceler de questions Mr. Green
Je vais chercher pour la mise en forme, des graphiques etc, au besoin je viendrais demander, je connais un gars qui touche ^
Je précise que je suis une quiche loraine en html et compagnie, mais bon j'ai appris le shell linux assez rapidement je ne désespère pas Very Happy
Un gran MERCI Wink





______________________________________________________


L'ignorance est un fléau qui engendre la haine et la mort
La connaissance est une arme qui surpasse toutes les autres
Partagez votre savoir, sinon il sera perdu à jamais
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Bon tu vois j'ai déjà pleins de questions, je vais essayer de faire au mieux pour pas trop te solliciter et me débrouiller pour la mise en forme à l'affichage j'ai à peu près compris !

Sinon, j'ai ajouté ça pour que ça raffraîchisse la page tout seul, ça fonctionne:
Code:

<meta http-equiv="refresh" content="2; url=Xvisu.html">

MAIS ... à chaque fois ça me demande de cliquer sur pleins de trucs "contrôle activX non signé" blablabla ...
Y'a moyen que ça raffraîchisse sans tout ces messages stp ???




______________________________________________________


L'ignorance est un fléau qui engendre la haine et la mort
La connaissance est une arme qui surpasse toutes les autres
Partagez votre savoir, sinon il sera perdu à jamais
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
stryk a écrit:
MAIS SIIIIIIIIIIIIIIIIIII
ça marche de ouf, t'es un tueur !!!!!! Okay Okay
j'ai cru un moment que j'avais foiré en modifiant quelques trucs mais en fait c'était firefox qui déconnait, j'ai testé sous IE et là ...
Miracle ^
Donc j'ai bien compris l'astuce, c'est vraiment très malin et vraiment je n'avais pas vu ça ailleurs.
Pour l'anecdote j'avais lancé un sujet sur developpez.net
Maintenant que j'ai un boss du html sous la main t'es foutu lol, je vais te harceler de questions Mr. Green Mr. Green
Je vais chercher pour la mise en forme, des graphiques etc, au besoin je viendrais demander, je connais un gars qui touche ^
Je précise que je suis une quiche loraine en html et compagnie, mais bon j'ai appris le shell linux assez rapidement je ne désespère pas Very Happy
Un gran MERCI Wink



Ouai merci, ça ma touché émotionnellement Mr. Green
Tu peux y aller, pose autant de questions que tu veux Okay



stryk a écrit:
Bon tu vois j'ai déjà pleins de questions, je vais essayer de faire au mieux pour pas trop te solliciter et me débrouiller pour la mise en forme à l'affichage j'ai à peu près compris !

Sinon, j'ai ajouté ça pour que ça raffraîchisse la page tout seul, ça fonctionne:
Code:
<meta http-equiv="refresh" content="2; url=Xvisu.html">



MAIS ... à chaque fois ça me demande de cliquer sur pleins de trucs "contrôle activX non signé" blablabla ...
Y'a moyen que ça raffraîchisse sans tout ces messages stp ???



Vu que ce midi, je n'ai pas trop le temps, je vais pas trop aller dans les détails.
Donc, je commence par où..Est-ce que tu connais l'existence de mshta.exe ? (disponible depuis XP et peut-être même avant)
Renomme ton fichier en *.hta et ensuite tu fais ce que tu veux avec les activeX Mr. Green
Tu peux utiliser mon engine ici qui propose + de fonctionnalités : http://batch.xoo.it/p42452.htm

Je reposterai ce soir avec une réponse + détaillé Mr. Green



Voici quelques-unes de mes anciennes créations, ça pourrait te donner des idées et des astuces Okay

Freeze or SUPER HOT : http://batch.xoo.it/t5551-HTA-CSS-JAVASCRIPT-GAME-Freeze-or-SUPER-HOT.htm
BrEaK_SrEeN : http://batch.xoo.it/t5330-GAME-BrEaK-SrEeN.htm
Tableau éditable : http://batch.xoo.it/t5299-HTML-CSS-JAVASCRIPT-Tableau-diatable.htm



Je sais pas si on peut dire que je suis un professionnelle pour tous ce qui touche au javascript mais j'ai de sacrés connaissances Mr. Green





___________________
Edit :

Je viens de me rendre compte que je ne t'ai vraiment répondu, enfin je n'ai pas donné toutes les solutions.
L'une de ces solutions serait d'actualiser la page avec ajax

Je ferai une réponse bien + complète avec toutes les solutions ce soir.
Dans tout les cas, renommé ton fichier en .hta fonctionne à 100% garantie Mr. Green




______________________________________________________
la vie est trop courte pour retirer le périphérique USB en toute sécurité...
Si la statue de la liberté lève le bras depuis 125 ans, c'est parce qu'elle cherche du réseau sur son Blackberry Torches...
Grâce à mon nouveau correcteur automatiste sur mon téléphage, je ne fais plus aucune faute d'orthodontie.
Quelqu'un a t il déjà demandé au drapeau japonais ce qu'il enregistre depuis tout ce temps ?
Visiter le site web du posteur
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Flammrock a écrit:
renommé ton fichier en .hta fonctionne à 100% garantie Mr. Green


ça fonctionne nickel, du coup je peux avancer mon taf, au top Okay

Merci Wink




______________________________________________________


L'ignorance est un fléau qui engendre la haine et la mort
La connaissance est une arme qui surpasse toutes les autres
Partagez votre savoir, sinon il sera perdu à jamais
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Salut ^

Bon j'ai finis les tableaux avec des colorisations des cases selon les valeurs !!!

Maintenant je galère pour faire un diagramme bâton, j'ai essayé avec des tableaux et des images de couleurs redimensionnées c'est pas terrible Mr. Green
Si tu as un modèle d'un truc simple à me montrer je suis preneur, vraiment un truc léger juste 2 axes, ç bâtons avec 2 couleurs chacun, dans cet esprit:


Et dernière question bête, ça fonctionne ce genre de syntaxe ? j'ai besoin de déclarer des variables pour le diagramme ça sera + simple
Code:

if (temp[i]=="jean-luc") {var prenom=new temp[i+1]}
if (temp[i]=="32_ans") {var age=new temp[i+1]}


Bonne soirée Wink




______________________________________________________


L'ignorance est un fléau qui engendre la haine et la mort
La connaissance est une arme qui surpasse toutes les autres
Partagez votre savoir, sinon il sera perdu à jamais
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
stryk a écrit:
Salut ^

Bon j'ai finis les tableaux avec des colorisations des cases selon les valeurs !!!

Maintenant je galère pour faire un diagramme bâton, j'ai essayé avec des tableaux et des images de couleurs redimensionnées c'est pas terrible Mr. Green
Si tu as un modèle d'un truc simple à me montrer je suis preneur, vraiment un truc léger juste 2 axes, ç bâtons avec 2 couleurs chacun, dans cet esprit:


Et dernière question bête, ça fonctionne ce genre de syntaxe ? j'ai besoin de déclarer des variables pour le diagramme ça sera + simple
Code:

if (temp[i]=="jean-luc") {var prenom=new temp[i+1]}
if (temp[i]=="32_ans") {var age=new temp[i+1]}


Bonne soirée Wink


Je suis désolé mais je n'ai pas tout compris Mr. Green
Donc..tu génères un diagramme en bâton selon les valeurs, c'est ça ?
Le problème est que les images que tu redimensionnes...c'est pas terrible c'est ça ?

Donc déjà, on va être clair sur un point, lorsque tu souhaites afficher des blocs de couleurs comme ça ne JAMAIS utiliser des images de couleurs xDDD
Et le css dans tout ça ? Laughing Mr. Green

Bon ce que j'ai décidé de faire c'est de te faire un script qui te fait ça automatiquement.




Ensuite ceci :

stryk a écrit:
Et dernière question bête, ça fonctionne ce genre de syntaxe ? j'ai besoin de déclarer des variables pour le diagramme ça sera + simple
Code:

if (temp[i]=="jean-luc") {var prenom=new temp[i+1]}
if (temp[i]=="32_ans") {var age=new temp[i+1]}


C'est bien beau tout ça mais tu sais ça veut dire quoi ça : var prenom=new temp[i+1]
Le mieux est d'injecté toutes les données dans un tableau à l'intérieur d'un objet

D'après c'est 2 condition, ton fichier texte où se trouve les données est de cette forme :
Citation:
jean-luc:untruc
32_ans:un_autre_truc




Pour t'aider, il me faut un morceau de ton fichier txt où sont les données et un bout de ton script qui génère ce fameux diagramme en bâton




______________________________________________________
la vie est trop courte pour retirer le périphérique USB en toute sécurité...
Si la statue de la liberté lève le bras depuis 125 ans, c'est parce qu'elle cherche du réseau sur son Blackberry Torches...
Grâce à mon nouveau correcteur automatiste sur mon téléphage, je ne fais plus aucune faute d'orthodontie.
Quelqu'un a t il déjà demandé au drapeau japonais ce qu'il enregistre depuis tout ce temps ?
Visiter le site web du posteur
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Ohhh punaise j'ai supprimé la partie du diagramme parce que ça faisait moche Embarassed Embarassed

je t'envoie ça en mp Wink




______________________________________________________


L'ignorance est un fléau qui engendre la haine et la mort
La connaissance est une arme qui surpasse toutes les autres
Partagez votre savoir, sinon il sera perdu à jamais
Répondre en citant
Message AJAX 
Salut Stryk,

Au lieu de recharge la page toutes les 2 secondes je te conseille d'utiliser AJAX pour avoir qqe chose de propre et dynamique.
les données seront updater sans recharger la pages ce qui est beaucoup plus rapide et jolie à voir.

En gros tu crée un fichier au format JSON avec tes valeurs :

Le JSON :

Code:
{
  "vitesse": 120,
  "Lieu": "Paris"
}


et tu récupères ça avec un :

Le code ajax (nécessite jquery on peu le faire en JS pur bien entendue)

Code:
function loop_var() {
  $.getJSON( "test.json", function( data ) {
    $.each( data, function( key, val ) {
       //Ici tu faît ce que tu veux avec les variables
       alert(key + " : " + val);
    });
});
setTimeout(loop_var,2000);
}

//On initialize la boucle
loop_var();


Si tu dois afficher des markers dynamique sur une map para exemple ça t'évite de recharger tous le temps la map. on recharge seulement ce qui change....


Ensuite pour les graph je te conseil d'utiliser une librairie toutes faîtes et qui te permet tous les types de visualisation. genre

http://www.chartjs.org/


vraiment facile à utiliser.



Okay




______________________________________________________
AffPng.exe , StringBetween.exe , Hex2Png.exe
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Salut Sacha,

C'est intéressant tout ça, je vais prendre le temps de regarder, merci Razz
Par contre je tiens à le faire en js pour pouvoir l'implémenter sur différentes machines facilement.
Bon bah j'ai du taf ^




______________________________________________________


L'ignorance est un fléau qui engendre la haine et la mort
La connaissance est une arme qui surpasse toutes les autres
Partagez votre savoir, sinon il sera perdu à jamais
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Tu peux integrer Jquery très facilement au travrs d'un CDN :

à rajouter dans le Head de ton HTML

Code:
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>


ou tu fais un copié collé de ça :

https://code.jquery.com/jquery-3.1.1.min.js

et tu sauves dans jquery.js et tu rajoutes ça dans le HEAD de ton HTML :

Code:
<script src="chemin/vers/jquery.js"></script>


Si tu veux vraiment le code JS 100% demande Laughing

Mais je te conseil d'utiliser Jquery c'est vraiment top pour ce genre de truc.

Okay




______________________________________________________
AffPng.exe , StringBetween.exe , Hex2Png.exe
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
En fait oui j'aimerais que tout tienne dans le fichier html (hta).
C'est pour utiliser sur un parc de pc hétérogène qui en prime n'aura pas d'accès web ...
je regarde aussi pour canvas Razz

EDIT: Punaise j'ai réussi à faire un truc trop joli avec canvas Razz Razz Razz




______________________________________________________


L'ignorance est un fléau qui engendre la haine et la mort
La connaissance est une arme qui surpasse toutes les autres
Partagez votre savoir, sinon il sera perdu à jamais
Répondre en citant
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 
Voilà pour AJAX en JS pur :

Une petit simulation complete :
La video du fonctionnement : https://www.screencast.com/t/VqgD02Y8

le test.json :
Code:

   {
"lieu": "Lyon",
"vitesse": "125"
}


et ton html :

Code:
<html>
   <head>
      <meta content = "text/html; charset = ISO-8859-1" http-equiv = "content-type">

      <script type = "application/javascript">
         function loop_var(){
            var data_file = "test.json";
            var http_request = new XMLHttpRequest();
            try{
               // Opera 8.0+, Firefox, Chrome, Safari
               http_request = new XMLHttpRequest();
            }catch (e){
               // Internet Explorer
               try{
                  http_request = new ActiveXObject("Msxml2.XMLHTTP");

               }catch (e) {

                  try{
                     http_request = new ActiveXObject("Microsoft.XMLHTTP");
                  }catch (e){
                     // Something went wrong
                     alert("Problem ave le Browser");
                     return false;
                  }

               }
            }

            http_request.onreadystatechange = function(){

               if (http_request.readyState == 4  ){

                  // On parse l'objet JSON
                  var jsonObj = JSON.parse(http_request.responseText);

                  // Ici tu fais ce que tu veux avec ton Objet JSON
                  document.getElementById("lieu").innerHTML = jsonObj.lieu;
                  document.getElementById("vitesse").innerHTML = jsonObj.vitesse;
               }
            }

            http_request.open("GET", data_file, true);
            http_request.send();

//On set un timeout de 2 secondes
   setTimeout(loop_var,2000);
         }

//On commence la boucle
loop_var();
      </script>

   </head>

   <body>
      <h1>Example AJAX Pour STRYK</h1>

        <table class = "src">
         <tr><th>Lieu</th><th>Vitesse</th></tr>
         <tr>
       <td><div id = "lieu">Aucun</div></td>
         <td><div id = "vitesse">0</div></td>
       </tr>
      </table>


   </body>

</html>


Voilà !

Lançes et change les value dans ton json et tu verra que ça change sans rien recharger !!!




______________________________________________________
AffPng.exe , StringBetween.exe , Hex2Png.exe
Message [HTML+SCRIPT] déclarer des variables depuis un fichier texte 


Montrer les messages depuis:
Répondre au sujet Page 1 sur 2
Aller à la page: 1, 2  >
  



Index | créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Copyright 2008 - 2016 // Batch