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 :

inserer un objet JSON dans HTML


Sujet :

JavaScript

  1. #1
    Membre régulier Avatar de Palsajicoco
    Étudiant
    Inscrit en
    Février 2007
    Messages
    229
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 229
    Points : 84
    Points
    84
    Par défaut inserer un objet JSON dans HTML
    Salut,
    Je veux créer un tableau dans un iframe html. Initialement mon tableau est de type JSON. D'habitude je fait une balise table dans le code html comme celle la:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    TABLE border="1" cellpadding="5" cellspacing="2">
      <TR>
        <TH colspan="5" scope="colgroup">' + jsonData.title + '</TH>
      </TR>
      <TR>
        <TH scope="col" abbr="header">' + jsonData.header. + '</TH>
        <TH scope="col" abbr="title">' + jsonData.header. + '</TH>
        <TH scope="col">' + jsonData.header. + '</TH>
        <TH scope="col">' + jsonData.header. + '</TH>
      </TR>
    </TABLE>
    Mais pour mon cas je dois faire une boucle sur mon tableau JSON, récupérer les donner et les insérer dans la balise HTML. Mon tableau JSON:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    "title":"reportTile",
    "header":{
    	{
    	        "header title": "header_1"
    	},
    	{
    		"header title": "header_2"
    	},
    	{
    		"header title": "header_3"
    	}
    Merci d'avance.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    heu tu confond l'interpréteur html et le javascript ...
    si tu veux interpréter du json il te faut etre entre balises script ...
    là tu le colles dans le html ...

  3. #3
    Membre régulier Avatar de Palsajicoco
    Étudiant
    Inscrit en
    Février 2007
    Messages
    229
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 229
    Points : 84
    Points
    84
    Par défaut
    Ah ok, j'ai du faire ça a cause de la structure du tableau HTML..
    Je devrai faire quoi alors?

  4. #4
    Membre régulier Avatar de Palsajicoco
    Étudiant
    Inscrit en
    Février 2007
    Messages
    229
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 229
    Points : 84
    Points
    84
    Par défaut
    Bon, je pense que je dois insérer une variable comme:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    var headerTable = '<TABLE border="1" cellpadding="5" cellspacing="2">'
    '<TR> <TH colspan="5" scope="colgroup">' + jsonData.title + '</TH> </TR>'
    <TR> 
    <TH scope="col" abbr="header">' + jsonData.header. + '</TH>
    <TH scope="col" abbr="title">' + jsonData.header. + '</TH>
    <TH scope="col">' + jsonData.header. + '</TH>
    <TH scope="col">' + jsonData.header. + '</TH>
    </TR>
    </TABLE>
    dans mon code javascript, mais la je galere avec les cotes

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    1) les balises en majuscule .
    je crois qu'ils ont laissé tomber en 1932

    2) inserer du code html en string
    aller on va dire 1933

    3) des attributs scope et abbr
    eux ils n'existent pas encore ...

    Passer par le DOM => http://www.developpez.net/forums/d47...leau+spacefrog

  6. #6
    Membre confirmé Avatar de nadox
    Homme Profil pro
    Développeur
    Inscrit en
    Février 2010
    Messages
    360
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : Développeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2010
    Messages : 360
    Points : 551
    Points
    551

  7. #7
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par SpaceFrog
    des attributs scope et abbr
    eux ils n'existent pas encore ...
    T'es vraiment mauvaise langue Spaffy... L'attribut scope existe bel et bien et sa particularité, c'est qu'il ne sert à rien.
    Quant à l'attribut abbr, c'est destiné aux lecteurs audio pour éviter de trop répéter le même th sur la table.

Discussions similaires

  1. Inserer un fichier PHP dans Html
    Par Georges974 dans le forum Langage
    Réponses: 8
    Dernier message: 19/07/2011, 11h29
  2. insere un code java dans html
    Par hbar01 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 22/04/2008, 23h38
  3. [POO] Inclure php objet dans html
    Par Matgic95 dans le forum Langage
    Réponses: 2
    Dernier message: 29/12/2006, 09h51
  4. Inserer une animation flash dans une page html
    Par kam81 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 14/11/2006, 08h59
  5. inserer un objet 3D dans une page
    Par nooblender dans le forum Flash
    Réponses: 16
    Dernier message: 01/10/2006, 07h03

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