Listing du fichier paysUE_tableauURL.js
00001// # (gH) -_- paysUE_tableau.js ; TimeStamp (unix) : 29 Décembre 2015 vers 22:45
00002
00003 function paysUE( htmlFile ) {
00004
00005 // initialisation des variables
00006
00007 // var url = "http://www.touteleurope.eu/les-pays-de-l-union-europeenne.html" ;
00008
00009 var url = "paysUE.html" ;
00010
00011 var xhr ;
00012 var allHtml ;
00013 var nbc = -1 ;
00014 var nbPays = -1 ;
00015 var tabNoms = [] ;
00016 var tabSurf = [] ;
00017 var tabPops = [] ;
00018 var nomsCol = [] ;
00019 var aligne = [] ;
00020
00021 var tabCols = ["Pays","Population","Superficie"] ;
00022 var nbCol = tabCols.length ;
00023
00024 // création du titre de niveau 2
00025
00026 d3.select("#hautDePage")
00027 .append("h2").text("Tableau des populations et des superficies")
00028
00029 var posWtmp = htmlFile.indexOf("wtmp") ;
00030 var htmlFile = "../" + htmlFile.substring(posWtmp) ;
00031 allHtml = file_get_contents(htmlFile) ;
00032
00033 var regExp = /eltContenu(.*?)p class/g ;
00034 var tabRes = allHtml.match(regExp) ;
00035 var nbPays = tabRes.length ;
00036
00037 for (numPays=0;numPays<nbPays;numPays=numPays+1) {
00038
00039 pays = tabRes[numPays] ;
00040
00041 regExp = /id="(.*?)"/ ;
00042 resNom = pays.match(regExp) ;
00043 tabNoms[numPays] = resNom[1] ;
00044
00045 resPop = pays.match(/Population : <\/strong><\/span><span>(.*?)million/) ;
00046 popPays = resPop[1].replace(",","") ;
00047 tabPops[numPays] = popPays ;
00048
00049 resSurf = pays.match(/Superficie : <\/strong><\/span><span>(.*?)[Kk]m/) ;
00050 surfPays = resSurf[1].replace(" ","") ;
00051 tabSurf[numPays] = surfPays ;
00052
00053 } // # fin pour nump
00054
00055 // un peu de décalage ne fait pas de mal
00056
00057 d3.select("#hautDePage")
00058 .append("blockquote")
00059 .attr("id","avantTabUE")
00060
00061 // création du tableau...
00062
00063 d3.select("#avantTabUE")
00064 .append("table")
00065 .attr("id","tabUE")
00066 .attr("border",1)
00067 .attr("cellpadding",15)
00068 .style("border-collapse","collapse")
00069
00070 // de la partie entete
00071
00072 d3.select("#tabUE")
00073 .append("thead")
00074 .append("tr")
00075 .attr("id","headerUE")
00076
00077 // et du corps du tableau
00078
00079 d3.select("#tabUE")
00080 .append("tbody")
00081 .attr("id","bodyTabUE")
00082
00083 // remplissage des entetes de colonne
00084
00085 d3.select("#headerUE")
00086 .append("th")
00087 .text("Numéro") ;
00088
00089 for (numCol=0;numCol<nbCol;numCol=numCol+1) {
00090
00091 d3.select("#headerUE")
00092 .append("th")
00093 .text(tabCols[numCol]) ;
00094
00095 if (numCol<=0) {
00096 aligne[numCol] = "left" ;
00097 } else {
00098 aligne[numCol] = "right" ;
00099 } ; // fin si
00100
00101 } // # fin pour numCol
00102
00103 // remplissage du tableau
00104
00105 for (numPays=0;numPays<nbPays;numPays=numPays+1) {
00106
00107 d3.select("#bodyTabUE")
00108 .append("tr")
00109 .attr("id","ligneInd"+numPays)
00110 .append("td")
00111 .text(numPays+1)
00112 .style("text-align","right") ;
00113
00114 for (numCol=0;numCol<nbCol;numCol=numCol+1) {
00115
00116 if (numCol==0) { info = tabNoms[numPays] ; } ;
00117 if (numCol==1) { info = tabPops[numPays] ; } ;
00118 if (numCol==2) { info = tabSurf[numPays] ; } ;
00119
00120 d3.select("#ligneInd"+numPays)
00121 .append("td")
00122 .text(info)
00123 .style("text-align",aligne[numCol]) ;
00124
00125 } ; // fin pour numCol
00126
00127 } ; // fin pour numPays
00128
00129 // pour finir, on rend les colonnes triables
00130
00131 d3.select("#tabUE").attr("class","sortable") ;
00132
00133 } // fin de fonction paysUE
Pour ne pas voir les numéros de ligne, ajoutez &nl=non à la suite du nom du fichier.
Retour à la page principale de (gH)