[POO] Fonction Affichage OBjet Javascript!

Version imprimable

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:

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');

16/07/2007, 17h08
SpaceFrog

??? tu es sur que tu parles javascript là .?
16/07/2007, 17h23
lekunfry

Citation:

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.
17/07/2007, 10h52
lekunfry

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

Code:

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 ...

17/07/2007, 11h46
lekunfry

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?

Code:

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>

17/07/2007, 13h58
SpaceFrog

post précédent edité avec tableau a deux colonnes ..
17/07/2007, 14h56
lekunfry

Merci, j'ai une idée plus claire de ce que je dois coder...
17/07/2007, 16h15
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"
18/07/2007, 10h13
lekunfry

Citation:

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!
18/07/2007, 12h41
FremyCompany
Tu peux utiliser JSON pour réprésenter un objet JavaScript

Exemple de code :
Code:

1 2 3 4 5 alert( ({ "Get":function() { return 3; } }).Get() );
19/07/2007, 06h36
lekunfry
Citation:
Envoyé par FremyCompany

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

Exemple de code :

Code:

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

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:

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")) } }

20/07/2007, 06h28
lekunfry

cela répond en effet bien à mes interrogations