IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Impossible d afficher une partie de mon fichier json dans ma page HTML je débute


Sujet :

JavaScript

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Femme Profil pro
    developpeur frontend (en formation)
    Inscrit en
    Novembre 2017
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : developpeur frontend (en formation)
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Novembre 2017
    Messages : 2
    Par défaut Impossible d afficher une partie de mon fichier json dans ma page HTML je débute
    //Donnees JSON
    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
    var restaurants=[
       {
          "restaurantName":"Bronco",
          "address":"39 Rue des Petites Écuries, 75010 Paris",
          "lat":48.8737815,
          "long":2.3501649,
          "ratings":[
             {
                "stars":4,
                "comment":"Un excellent restaurant, j'y reviendrai ! Par contre il vaut mieux aimer la viande."
             },
             {
                "stars":5,
                "comment":"Tout simplement mon restaurant préféré !"
             }
          ]
       },
       {
          "restaurantName":"Le Matignon",
          "address":"15 Avenue Matignon, 75008 Paris",
          "lat":48.8703218,
          "long":2.3122194,
          "ratings":[
             {
                "stars":4,
                "comment":"Probablement la place la plus tendance à Paris en ce moment!. Vous pouvez manger sur place, mais ce qui est preferé sont les cocktail d'après diner."
             },
             {
                "stars":5,
                "comment":"Bonne nourriture, atmosphere et service !"
             }
          ]
       }
    Fonction qui affiche la liste des restaurants sur ma page HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function afficheListe(i){
       var resultats=[];
       for (var i=0;i<restaurants.length;i++){
          for(var j=0;j<restaurants[i].ratings.length;j++){
     
          resultats[i] =  "<ul id=restaurant'><li>"+restaurants[i].restaurantName+"</li><ul id='encart'><li>"+restaurants[i].address+"</li>"+restaurants[i].ratings[j].stars+" etoiles " +"</br>"+restaurants[i].ratings[j].comment+"</br>"+"</ul></ul>"+ '<br />';
          $("#resultat").html(resultats);
     
          }
       }
    }
    VOICI LE CONTENU DE MON FICHIER HTML
    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
    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
    <!DOCTYPE html>
    <html>
    <head>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    	<title>test</title>
    	<style>
    #restaurant{
            background-color: black;
            color:white;
    }
     
    #contenu1{
            padding:20px;
            width:50%;
            min-height: 35%;
            background-color: #095c9b;
            border:2px solid grey;
    }
     
    #encart{
            border:5px dotted white;
            margin:10px 5px;
            padding:10px;
    }
     
    .cache {display:none;}
    #appuie{
            margin:10px 5px;
            padding:5px;
            background-color: black;
            color:white;
    }
     
            </style>
    </head>
    <body>
    	<section id="container">
    		<header>
    		<h1>RESTAURANTS PARISIENS</h1>
    	</header>
    	<div id="contenu1">
    		<div id="liste">
    			<button onclick='afficheListe()' id="appuie">Afficher Liste</button>
    		</div>
    		<div id="resultat">
     
    		</div>
    	</div>
    	</section>
    <script type="text/javascript" src=jquery-3.2.1.js></script>
    <script type="text/javascript" src=test.js></script>
    </body>
    </html>

    Mon souci est qu il affiche sans probleme le nom du restaurant, son adresse, le premier avis MAIS il n affiche pas les avis des autres objets du tableau ratings (avis): 2ème, 3ème...nième avis (ratings)
    Images attachées Images attachées  

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [XL-2010] Copie d'une partie d'un fichier Txt dans Excel
    Par phoenix974 dans le forum Macros et VBA Excel
    Réponses: 4
    Dernier message: 10/10/2017, 12h09
  2. [WD19] extraire une partie d'un fichier txt dans un fichier hfsql
    Par nordinen dans le forum WinDev
    Réponses: 12
    Dernier message: 26/09/2015, 21h49
  3. Réponses: 1
    Dernier message: 08/10/2014, 10h23
  4. Comment afficher le contenu d'un fichier JSON dans un formulaire HTML
    Par attiegoua1 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 04/07/2012, 18h17
  5. copier une partie d'un fichier texte dans un autre
    Par Valarauko dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 23/10/2007, 21h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo