regex texte entre <td></td>

Version imprimable

Saluuut

je cherche le moyen de parser les données d'un tableau html dans un tableau javascript.

le tableau html est fait de cette maniere
Code:

1 2 3 4 5 6 7 <td valign='top' >data1</td> <td valign='top' >Data3</td> <td valign='top' >data 4</td> <td valign='top' align='right'>25/01/2008 09:24</td> <td valign='top' >data5</td> <td >data6</td>
les balises <td> peuvent etre vide
et es parametre peuvent changer genre align='right' align='left' ou autre

j'ai trouver un poste avec le même probleme http://www.developpez.net/forums/sho...d.php?t=286933
et une solution qui me convien pas
Code:

1 2 3 4 5 var texte = sous.replace(/\s/gi," "); var exp = /((\<td valign='top' >){1}(\w*|(\w*\s*)*)(\<\/td\>){1})/gi; var montableau = texte.match(exp);
le probleme c'est que je dois specifier les parametre du td et que l'expression me donne un resultat avec les balise html

je souhaite que l'expression soit valable quelque soit les parametre des td et qu'elle me resort juste ce qu il y a entre les balises <td>

help me please

04/02/2008, 12h54
le_chomeur

Salut :)

Tu cherches donc a parser uniquement le texte compris entre les balises td ?
pourquoi ne pas toutes les récupèrer via un getElementsByTagName("td") puis sur chacune d'entre elle , effectuer ton traitement ?

Bon courage :)
04/02/2008, 13h00
keiser1080

Citation:

Envoyé par le_chomeur

Salut :)

Tu cherches donc a parser uniquement le texte compris entre les balises td ?
pourquoi ne pas toutes les récupèrer via un getElementsByTagName("td") puis sur chacune d'entre elle , effectuer ton traitement ?

Bon courage :)

Merci pour ta reponse mais le fichier est situer sur un server distant (dans mon travail)
Et que je prend le fichier avec XMLHTTP.
Donc ca marche pas dans mon cas

bonjour,

donne un id à ton tableau puis utilise les propriétés rows et cells :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function lectureLignesTab()
{
  var tableau = document.getElementById('tableau');  // on cible tout le tableau
  var trs = tableau.rows;   // liste des tr dans le tableau
  var n = trs.length;
  var i, j, m;
 
  for (i=0; i<n; i++)
  {
    m = trs[i].cells.length;     // nombre de cellules (td) dans une ligne (tr)
    for (j=0; j<m; j++)
    {
        alert(trs[i].cells[j].innerHTML);  // affichage du contenu de la cellule i,j
    }
  }
 
}

je n'ai pas testé ce code dans le cas où les attributs colspan ou rowspan sont ajoutés dans le tableau.

04/02/2008, 13h18
le_chomeur
Citation:

Merci pour ta reponse mais le fichier est situer sur un server distant (dans mon travail)
Et que je prend le fichier avec XMLHTTP.
Donc ca marche pas dans mon cas

Tu fais bien le load de ton fichier xml ?

par exemple ( je passe les méthode ajax ... ) :
Code:

1 2 3 4 xmlDoc = document.implementation.createDocument("", "", null); xmlDoc.async=false; xmlDoc.load("fichier.xml");
si oui , la méthode :

Code:

xmlDoc.getElementsByTagName('td')

Marche parfaitement ;)
04/02/2008, 13h50
keiser1080

merci je vais tester
et je vous dis quoi
04/02/2008, 15h17
keiser1080

Citation:

Envoyé par Auteur

bonjour,
donne un id à ton tableau puis utilise les propriétés rows et cells :

j'ai pas acces à la source page c est sur un serveur sur l'intranet du travail.
Je veux faire des script qui font le boulot à ma place comme ça j'ai plus de temps pour des pauses clope et café ;) et comme j'ai pas d'acces à la db
je souhaite prendre les donner d'un application web de reporting.

donc je peut pas changer la source de la page

Citation:

Envoyé par le_chomeur

Tu fais bien le load de ton fichier xml ?

par exemple ( je passe les méthode ajax ... ) :

Code:

1
2
3
4
 
                xmlDoc = document.implementation.createDocument("", "", null);
                xmlDoc.async=false;
                xmlDoc.load("fichier.xml");

si oui , la méthode :

Code:

xmlDoc.getElementsByTagName('td')

Marche parfaitement ;)

c'est pas un fihcier xml lorsque j'ai addapter m'a fonction avec ce code j'ai une erreur.
voici mon code d'origine

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
<html>
<head>
<script type="text/javascript">
var xmlhttp;
 
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for Firefox, Opera, IE7, etc.
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=state_Change;
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}
 
function state_Change()
{
var Chaine;
var debut;
var fin;
var sous;
var O_Dest = document.getElementById( 'T_TXT');
if (xmlhttp.readyState==4)
  {// 4 = "loaded"
  if (xmlhttp.status==200)
 
    {// 200 = "OK"
    Chaine=xmlhttp.responseText;
    debut = Chaine.indexOf("<tbody>", 0);
    fin = Chaine.indexOf("</tbody>", 0);
    sous = Chaine.substring(debut+7,fin+8);
    var test = sous.replace(/\s/gi," "); 
    var exp = /((\<td valign='top' >){1}(\w*|(\w*\s*)*)(\<\/td\>){1})/gi;
O_Dest.value = test.match(exp);
    }
  else
    {
    alert("Problem retrieving data:" + xmlhttp.statusText);
    }
  }
}
</script>
</head>
 
<body>
<textarea id="T_TXT" cols="80" rows="40"></textarea>
<button onclick="loadXMLDoc('http://portail/test.html')">Click</button>
</body>
 
</html>

05/02/2008, 12h17
keiser1080
un petit up :lahola:

pour un :help:

j'ai chercher dans tout les sens je trouve pas la regex pour me sortir un tableau contenant les données entre tag html

j'arrive à faire un tableau avec les donné + les tag avec cet regex
Code:

1 2 var exp7 = /(\<td.*>)(.*)(<\/td\>)/gi;
en pricipe si je fais ça
Code:

1 2 var exp7 = /(?:\<td.*>)(.*)(?:<\/td\>)/gi;
il devrais matcher les tag mais pas les prendre en compte dans mon tableau

j'ai trouvé ceci sur la reference javascript link

mais ça marche pas

pour un :help:

bonjour,

une solution qui ce fait en 2 temps. J'utilise 2 expressions régulières : la première pour supprimer la balise ouvrante <td.....> et la seconde pour supprimer la balise fermante </td>.

J'ai fait le test avec les 6 lignes de ton tableau et ça passe.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 var ligne_1 = "<td valign='top'>data1</td>"; var ligne_2 = "<td valign='top'>Data3</td>"; var ligne_3 = "<td valign='top'>data 4</td>"; var ligne_4 = "<td valign='top' align='right'>25/01/2008 09:24</td>"; var ligne_5 = "<td valign='top'>data5</td>"; var ligne_6 = "<td>data6</td>"; var texte = ligne_1; // ligne à tester //----------------------- // suppression du <td......> de la ligne choisie var texte = texte.replace(/(\<td(\s[a-z]+='[a-z]+\')*>)/gi,""); //suppression du </td> var texte = texte.replace(/(\<\/td\>)/gi,""); // affichage du contenu sans les balises alert(texte);