Discussion :

[rlelamer]

Bonjour,
A partir du code source d'une page web, celui ci :

Code :

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

"updi(event,'2017-06-04 16:00 CEST (T+ 0:00)<br>Distances:&nbsp;0.0nm/218.9nm<br><b>Wind:</b> 322&deg; 8.6 kt (<b>TWA 45&deg;</b>)<br><b>Heading:</b> 277&deg;<b>Sail:</b> Jib<br><b>Boat Speed:</b> 5.44 kts','220px')"

La regex :

Code :

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

var expr = /updi\(event\,\'(.*)<br>Distances:&nbsp;(.*)<br><b>Wind:<\/b>(.*)\(<b>TWA(.*);<\/b>\)<br><b>Heading:<\/b>(.*)<b>Sail:<\/b>(.*)<br><b>Boat Speed:<\/b>(.*)','(.*)'\)/gi

me génère ceci :


je souhaite la modifier pour quelle affiche ceci :


Une idée des modifs à effectuer dans la regex ? le reste je peux me débrouiller tout seul

[badaze]

En php.

Code php :

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

1
2
3
4
5
6
7
8
 
<?php
$text = "updi(event,'2017-06-04 16:00 CEST (T+ 0:00)<br>Distances:&nbsp;0.0nm/218.9nm<br><b>Wind:</b> 322&deg; 8.6 kt (<b>TWA 45&deg;</b>)<br><b>Heading:</b> 277&deg;<b>Sail:</b> Jib<br><b>Boat Speed:</b> 5.44 kts','220px')";
$pattern = "/updi\(event\,\'(\d{4}-\d\d-\d\d)\s(\d\d:\d\d)\s([^(]+)\((.+)\)<br>Distances:&nbsp;([^\/]*)\/(.*)<br><b>Wind:<\/b>(.*)\(<b>TWA(.*);<\/b>\)<br><b>Heading:<\/b>(.*)<b>Sail:<\/b>(.*)<br><b>Boat Speed:<\/b>(.*)','(.*)'\)/msi";
preg_match_all($pattern,$text,$array);
 for ($i=1;$i<count($array);$i++) {
  print $array[$i][0]."<br/>";
 }

donne

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
2017-06-04
16:00
CEST 
T+ 0:00
0.0nm
218.9nm
 322° 8.6 kt 
 45°
 277°
 Jib
 5.44 kts
220px

[SpaceFrog]

@badaze => tu n'as pas pris en compte l'inversion du format date

c'est curieux que ta regex te génère directement un table html...
tu peux nous montrer le code du match ? ou plutôt le replace ?


Ma version javascript avec un replace
https://jsfiddle.net/6xeq2e9m/2

Code html :

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

1
2
3
4
<table>
  <tr id="line">
  </tr>
</table>

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
$ (function(){
  chaine= "updi(event,'2017-06-04 16:00 CEST (T+ 0:00)<br>Distances:&nbsp;0.0nm/218.9nm<br><b>Wind:</b> 322&deg; 8.6 kt (<b>TWA 45&deg;</b>)<br><b>Heading:</b> 277&deg;<b>Sail:</b> Jib<br><b>Boat Speed:</b> 5.44 kts','220px')"
 
  reg= /updi\(event,'(\d{4})-(\d{2})-(\d{2})\s([^ ]+)\s([^ ]+)\s\(([^)]+)\)[^\/]+\/(\d+\.\d+nm)[^ ]+\s(\d+&deg;)\s(\d+\.\d+ kt)[^\d]+(\d+&deg;)[^\d]+(\d+&deg;)[^ ]+ ([a-z]+)[^\d]+(\d+\.\d+ kts)/gi;
 
  html=chaine.replace(reg,"<td>$3/$2/$1</td><td>$4</td><td>$5</td><td>$6</td><td>$7</td><td>$8</td><td>$9</td><td>$10</td><td>$11</td><td>$12</td><td>$13</td>")
 
  $('#line').html(html);
 
})

Code css :

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

1
2
3
4
5
6
7
8
9
td { border: solid 1px silver ;
  font-family: verdana;
  font-size: 10px;
  background-color: #ffffff;
  padding: 0 2px;
  }
table {
  border-collapse: collapse;
}

[Watilin]

SpaceFrog pose une bonne question. rlelamer, je ne comprends pas vraiment où tu butes étant donné que tu as déjà une regexp fonctionnelle capable d’extraire plus que les infos dont tu as besoin.

Comme autre approche, il me semble malin de tirer parti des capacités d’analyse de code HTML des navigateurs. Dit simplement, tu crées une <div> et tu lui colles le code HTML. Tu vas récupérer un arbre DOM duquel tu pourras extraire les infos que tu veux en utilisant les méthodes du DOM.

[badaze]

@spacefrog. Je n'avais même pas vu ! Très beau ton code !!!

[SpaceFrog]

@badaze => Merci
Je ne sais pas si il répond à 100% à la demande car certains groupes de capture sont peut être variables...
c'est juste fait pour l'exemple à partir de string donné.