Valid XHTML     Valid CSS2    

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 gH    Retour à la page principale de   (gH)