[POO] Fonction Affichage OBjet Javascript!

**lekunfry** · 16/07/2007, 17h04

Bonjour

je souhaite ecrire une fonction qui dans un objet targetlinks (un document source et ses liens connexes) récupere les propriétés (source_url, source_title, source_date, source_category, target_title, target_date) et les affiches dans un tableau deux colonnes ou chacque rangée correspond un objet targetlink la 1ere cellule contient le doc source et la second ele doc cible...

Code :

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

1
2
3
4
5
6
7
document.getElementById('LinksTarget');
document.write('LinksTarget.URL');
document.write('LinksTarget.Titre');
document.write('LinksTarget.Date');
document.write('LinksTarget.Zone_Cible[]');
document.write('LinksTarget.Titre');
document.write('LinksTarget.Date');

**SpaceFrog** · 16/07/2007, 17h08

??? tu es sur que tu parles javascript là .?

**lekunfry** · 16/07/2007, 17h23

Envoyé par SpaceFrog

??? tu es sur que tu parles javascript là .?

je parle surtout objet mais le code doit etre ecrit en javascript et il me semble que mon début de code est en JS ( je ne suis pas bon dans ce langage) donc je te pris d'excuser les erreurs... mais il me semble bien que cela correspond à du JS.

**lekunfry** · 17/07/2007, 10h52

Y'a t'il une autre façon d'ecrire la meme chose en JS?

**SpaceFrog** · 17/07/2007, 10h57

Code :

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

1
2
3
4
5
6
7
var Objet=document.getElementById('LinksTarget');
 
var texte=Objet.URL +"<br />";
texte+=Objet.Titre +"<br />";
texte+=Objet.Date + "<br />"; 
// .../...
document.body.appendChild(document.createTextNode(texte))

au pif ... parceque j'ai rien compris ...

**lekunfry** · 17/07/2007, 11h46

Pour réexpliquer le truc en fait j'ai un collegue qui develope du code qui d'un tableau php crée un objet javascript avec les propriétés que j'ai nommé ensuite moi ce que je dois faire c'est une fonction javascript qui récupére les propriétés de l'objet créé (URL, Titre, Date, Rubrique etc...) pour les afficher dans un tableau à deux colonnes dans une page HTML.

Bref si vous aviez à créé un objet javascrit avec n propriétés comment feriez vous pour afficher celle-ci dans une page html

objet = personne avec pour proprités:sexe, age, ville, telephone, profession, diplome par exemple?

**SpaceFrog** · 17/07/2007, 13h54

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
<script type='text/javascript'>
function foo(){
var Objet=document.getElementById('LinksTarget');
 
var Props=new Array('Url', 'Titre', 'Date', 'Rubrique') // etc 
var montableau=document.createElement('table')
var monBody=document.createElement('tbody')
 
for (i=0;i<Props.length;i++){
 
	var ligne=document.createElement('tr')
    for(j=0;j<2;j++){
                          var cellule=document.createElement('td')
                          cellule.innerHTML=(j==0)?Props[i]:eval('Objet.'+Props[i]);
                          ligne.appendChild(cellule)
                           }
   monBody.appendChild(ligne)
   }
  montableau.appendChild(monBody)
  document.body.appendChild(montableau)
  }
 
</script>
</head>
 
<body onload="foo()">
<div  Url='1' Titre='2' Date='3' Rubrique='4' id='LinksTarget'>x</div>
</body>
 
</html>

**SpaceFrog** · 17/07/2007, 13h58

post précédent edité avec tableau a deux colonnes ..

**lekunfry** · 17/07/2007, 14h56

Merci, j'ai une idée plus claire de ce que je dois coder...

**SpaceFrog** · 17/07/2007, 16h15

ceci étant si tu as une influence sur le nommage des attributs essaye d'eviter des attributs genre "URL" qui fait partioe du langage javascript... modifie par exemple la casse "Url"

**lekunfry** · 18/07/2007, 10h13

Envoyé par SpaceFrog

ceci étant si tu as une influence sur le nommage des attributs essaye d'eviter des attributs genre "URL" qui fait partioe du langage javascript... modifie par exemple la casse "Url"

Merci pour la remarque en effet j'ai une petite influence sur le nommage et je ferai en sorte de bien eviter ce genre de petits problemes...

Au fait je me rend compte que faire du DEv dans une boite meme aussi serieuse que celle ou je bosse ne ressemble pas au truc tres carré auquel on croit avant d'y arriver... cahier de specs et autres pas faits, conventions de nommage inexistantes etc... bref....

juste une questions sur json et javascript objet... la notation JSON n'est utilisé que comme subtitut de xml donc pour transférer des données ou dans un context différent peut on utiliser la notation json pour représenter un objet javascript!

**FremyCompany** · 18/07/2007, 12h41

Tu peux utiliser JSON pour réprésenter un objet JavaScript

Exemple de code :

Code :

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

1
2
3
4
5
alert(
  ({
    "Get":function() { return 3; }
  }).Get()
);

**lekunfry** · 19/07/2007, 06h36

Envoyé par FremyCompany

Tu peux utiliser JSON pour réprésenter un objet JavaScript

Exemple de code :

Code :

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

1
2
3
4
5
alert(
  ({
    "Get":function() { return 3; }
  }).Get()
);

Merci tout devient un peu plus claire pour moi!

Donc si je comprend bien mon script JS devra generer l'objet js en json ou pas avec un var genererobjet = new function (monobjet)?

un dernier truc si un objet compte parmi ces atributs un tableau d'objets doit on déclarer ce second objet avant celui qui le contient

**FremyCompany** · 19/07/2007, 11h00

Voici une syntaxe complète (ce n'est plus vraiment du JSON mais en fait c'est parceque JSON est très fermé pour rester compatible avec d'autres langages)

Cela devrait t'enlever tes zones d'ombres

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var monObjet = {
   "unTableau":["item1","item2","item3"],
   "unObjet":{
       "unString":"string1",
       "unBoolean":true,
       "unNumber":8,
       "uneFonction":function() {
        },
       "unXHR": (window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP"))
    }
}

**lekunfry** · 20/07/2007, 06h28

cela répond en effet bien à mes interrogations

[POO] Fonction Affichage OBjet Javascript!

JavaScript

Discussions similaires

Partager

Partager