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
| <script type="text/javascript">
//Muck Up JSON object juste pour voir si notre et notre fonction fonctionne bien!
var SmartLinklinkJson = {"id_source":"7315f47dba65515fca60c851d7065bc6","url_source":"http:\/\/news.yahoo.com\/s\/afp\/20060822\/od_afp\/chinacateringcultureoffbeat_060822074830","title_source":"Jail-theme teahouse becomes prisoner of own success in China - Yahoo! News","smartlinks_infos":[{"id_dest":"75effc69e8c68b389c65c67119463312","score":"126","deleted":"0"," dat e":"1164279208","zone_cible":"151","manually_added":"0","url_dest":"http:\/\/news.yahoo.com\/s\/afp\/20060825\/od_afp\/malaysiahealthtoilets_060825160532","title_dest":"Malaysia calls for \"toilet revolution\" - Yahoo! News"}]};
// La fonction eval crée un objet JS à partir d'un string json qui sera affiché et utilisé pour traitements ultérieurs!
var SmartLink = eval(SmartLinklinkJson);
//alert(SmartLink.smartlinks_infos[0].id_dest);
// la fonction d'affichage récupere l'objet smartlinks comme élément du DOM
function affichage(){
var afficheur=document.getElementById('Smartlinks');
// Création d'un tableau avec toutes les propriétés du SmartLinks
var Props=new Array('id_source', 'url_source', 'title_source', 'smartlinks_infos')
//Création du Tableau en DOM
var tableauSL=document.createElement('table')
var slBody=document.createElement('tbody')
//Boucle qui parcour l'ensemble de l'objet smartlinks afin d'afficher ses propriétés dans le tableau créé
for (i=0;i<Props.length;i++){
//Création d'un élément TR dans le DOM, correspondant à 1 objet SmartLinks
var smartlinksline=document.createElement('tr')
//Boucle de remplissage des deux cellules de la TR créée
for(j=0;j<2;j++){
var cellule=document.createElement('td')
cellule.innerHTML=(j==0)?Props[i]:SmartLink[Props[i]];
smartlinksline.appendChild(cellule)
}
slBody.appendChild(smartlinksline)
}
tableauSL.appendChild(slBody)
document.body.appendChild(tableauSL)
}
</script>
</head>
<body onload="displaySmartLinks()">
<div id_source='1' url_source='2' title_source='3' smartlinks_infos='4' id='Smartlinks'>
Le test smartlink en affichage brut et sans complex!
</div>
</body>
</html> |
