Extraire une chaine d'une autre

Version imprimable

08/11/2012, 09h44
ledisciple

Extraire une chaine d'une autre
Bonjour

J'ai fait le tour du net. J'ai bien trouver les fonction match et spit et substring, mais rien ne fonctionne tout à fait comme je le souhaiterais.

Je récupère les informations d'une page d'un site (au niveau des droits ... heu ... :whistle2:, de toute façon, c'est juste pour un site en local)

Bref, j'ai cette partie de code

Citation:

class="matchLink" target="_blank">Ruffec Stade</a></strong><br/> 

J'ai bien essayé
Code:

1 2 3 var equipe = equipes.substring('class="matchLink" target="_blank">','</a></strong><br/> '); alert(equipe);// me revoit rien
Je crois que je n'utilise pas bien la fonction
08/11/2012, 10h27
RomainVALERI

Citation:

Envoyé par ledisciple

Je crois que je n'utilise pas bien la fonction

Fais quand même gaffe qu'Auteur ne passe pas par là sinon ça va finir dans le bétisier :mouarf: ....notamment à cause de

Citation:

Envoyé par ledisciple

J'ai bien trouver les fonction match et spit et substring

String.spit() ...cracher sur une page web, c'est mal :aie:

---

Cela dit, il me semble que ton utilisation de substring est mystique. Car les paramètres attendus sont des indices et pas des chaines ^^
08/11/2012, 10h33
Bovino

Code:

var equipe = equipes.substring('class="matchLink" target="_blank">','</a></strong><br/> ');

Je pense que tu devrais t'intéresser aux arguments attendus par cette méthode avant de l'utiliser...

Pour le reste, j'ai pas vraiment compris ton besoin, donc difficile de t'aider...
08/11/2012, 10h36
Kaamo

Même si ce n'est pas vraiment un problème du sujet, attention de ne pas confondre substr et substring qui ne s'utilisent pas de la même façon !
08/11/2012, 11h08
ledisciple

Citation:

Envoyé par Bovino

Code:

var equipe = equipes.substring('class="matchLink" target="_blank">','</a></strong><br/> ');

Je pense que tu devrais t'intéresser aux arguments attendus par cette méthode avant de l'utiliser...

Oui, j'ai honte :oops:

Citation:

Envoyé par Bovino

Pour le reste, j'ai pas vraiment compris ton besoin, donc difficile de t'aider...

En gros, j'ai cette chaine :

Citation:

<tr>machin</tr>

je veux récupérer "machin"

Citation:

Envoyé par Kaamo

Même si ce n'est pas vraiment un problème du sujet, attention de ne pas confondre
substr
substring qui ne s'utilisent pas de la même façon !

Oui, j'ai bien fait attention à la différence entre ces deux fonctions, mais j'aimerai que les indices soient des chaines de caractères. Mais bon ces fonctions ne sont pas faites pour ça, je crois ...

Citation:

Envoyé par RomainVALERI

Cela dit, il me semble que ton utilisation de substring est mystique. Car les paramètres attendus sont des indices et pas des chaines ^^

Entièrement d'accord avec le mysticisme de ma fonction
08/11/2012, 11h32
SpaceFrog

Code:

alert("<tr>machin</tr>".replace(/\<\/?[ \w]+\>/g,""))
08/11/2012, 11h40
Kaamo

Citation:

Je récupère les informations d'une page d'un site

Comment récupères tu cela ?
Si tu as accès au DOM .. autant passer par ses fonctions (innerHTML du tr) plutôt que de traiter le tout comme une chaine de caractère non ?

Sinon, pour compléter SpaceFrog, il y a match qui fonctionne aussi

Code:

alert("<tr>machin</tr>".match(/<tr>(.*?)<\/tr>/)[1]); // [0] contient <tr>machin</tr>, [1] contient machin

Citation:

Envoyé par Kaamo

Comment récupères tu cela ?
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 <script> function maFonctionAjax(numero_individu, mot_passe) { var OAjax; if (window.XMLHttpRequest) OAjax = new XMLHttpRequest(); else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); OAjax.open('POST',"http://www.fff.fr/competitions/php/acces/validation_new.php",true); OAjax.onreadystatechange = function() { if (OAjax.readyState == 4 && OAjax.status==200) { if (document.getElementById) { if (OAjax.responseText =='true') { /* OK */ document.getElementById('msg').innerHTML='<font color=GREEN>'+OAjax.responseText+'</font>'; }else{ /* PAS OK */ document.getElementById('msg').innerHTML='<font color=RED>'+OAjax.responseText+'</font>'; } } } } OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded'); OAjax.send('numero_individu='+numero_individu+'&mot_passe='+mot_passe); } </script> <form method="post" onsubmit="maFonctionAjax(this.numero_individu.value,this.mot_passe.value);return false" <table border="0" cellspacing="0"> <tr> <td colspan=2> Formulaire Ajax </td> </tr> <tr> <td>numero_individu</td> <td> <input name="numero_individu" id="numero_individu" type="text"></td> </tr> <tr> <td>mot_passe</td> <td><input name="mot_passe" id="mot_passe" type="text"></td> </tr> <tr> <td colspan="2"><input type="submit" value="envoyer" /></td> </tr> </table> </form> <div id="msg"></div>
Citation:

Envoyé par Kaamo

Si tu as accès au DOM .. autant passer par ses fonctions (innerHTML du tr) plutôt que de traiter le tout comme une chaine de caractère non ?

Il faut que je renseigne plus pour répondre à ta question

Citation:

Envoyé par Kaamo

Sinon, pour compléter SpaceFrog, il y a match qui fonctionne aussi

Code:

alert("<tr>machin</tr>".match(/<tr>(.*?)<\/tr>/)[1]); // [0] contient <tr>machin</tr>, [1] contient machin

Le truc, c'est que dans ma variable OAjax.responseText, je récupère l'ensemble du code source. Ce qu'il faut que j'arrive à faire c'est de cibler les éléments qui m'intéresse dans la source afin de les intégrer chacun dans une variable afin de traitement pour intégration dans ma base de données. Ce qui me manque, c'est d'arriver à les cibler. C'est juste ce petit coup de main qu'il me manque.

08/11/2012, 12h06
SpaceFrog

si tu recupères du code HTML autant le mettre dans un document fragment et utiliser les methodes du DOM pour recuperer le innerHTML ...
08/11/2012, 12h10
Kaamo

Code:

if (document.getElementById)

tu peux oublier ça .. ça remonte à nos ancêtres de navigateurs qui ne supportaient pas encore la lecture du DOM.

+1 Spacefrog.
responseText renvoie la réponse sous forme de String.
Si tu utilises responseXML, tu auras la réponse sous format DOM.

Ainsi, tu pourras jouer avec et récupérer ce que tu veux à l'aide des fonctions DOM. (getElementById, innerHTML, etc etc)
08/11/2012, 12h28
ledisciple

Bon je vois que des connaissances supplémentaires et du travail m'attendent. :)
Si vous avez d'autres éléments qui pour vous sont évidents n'hésitez pas me les communiquer. Je veux et je ferais le code tout seul, mais c'est sur j'ai besoin d'appuis.

retrouvé dans l'ancienne page code source, un vieux vieux script

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
<script type="text/javascript"> 
 
var texte;
var inner;
 
function go(n,arch){// arguments "body", "élément déclencheur à sauvegarder"
texte="";
// collecton de toutes les balises du body
var bal=n.getElementsByTagName('*');
 
// on parcourt toutes les balises
for(i=0;i<bal.length;i++){
// et tous leurs noeuds
for(j=0;j<bal[i].childNodes.length;j++){
// si un noeud texte est repéré
if(bal[i].childNodes[j].data){
// on ajoute son contenu à la chaîne "innerText"
texte+=bal[i].childNodes[j].data+" "}}};
 
// on crée un div
inner=document.createElement('div');
inner.style.border="solid 1px #ff0000";
inner.style.width="400px";
// en cliquant sur ce div, on restaurera le bouton de départ
inner.onclick=function(){n.replaceChild(arch,this)};
 
// on place la chaîne "innerText" dans le div
inner.appendChild(document.createTextNode(texte));
//on place le div en haut de page, à la place du bouton qui appelle la fonction
n.replaceChild(inner,bal[0]);
}
 
</script> 
 
</head> 
 
<body>
 
<p>
<input type="button" value="voir le texte brut du document" onclick="go(document.body,this)" />
</p>

08/11/2012, 13h44
Bovino

Code:

if (document.getElementById)

Heu... tu pourrais me citer un navigateur qui justifierais la présence de cette condition ?

Code:

OAjax.open('POST',"http://www.fff.fr/competitions/php/acces/validation_new.php",true);

:koi:
Ca marche ça ? 8O
A moins que tu sois le Webmaster de la FFF, je suis étonné que tu ne sois pas restreint par la Same Origin Policy :?
08/11/2012, 14h02
SpaceFrog

ou que la fff ait ouvert cette page au xmlhttprequest ?
08/11/2012, 15h22
ledisciple

Citation:

Envoyé par Bovino

Code:

if (document.getElementById)

Heu... tu pourrais me citer un navigateur qui justifierais la présence de cette condition ?

Je l'ai retiré .. :oops:

Citation:

Envoyé par Bovino

Code:

OAjax.open('POST',"http://www.fff.fr/competitions/php/acces/validation_new.php",true);

:koi:
Ca marche ça ? 8O
A moins que tu sois le Webmaster de la FFF, je suis étonné que tu ne sois pas restreint par la Same Origin Policy :?

Oui, ça fonctionne ... Je récupère l'ensemble de la page avec les informations sur les désignations
08/11/2012, 15h37
Bovino

Ah... autre chose que je ne comprends pas alors :

Code:

if (OAjax.responseText =='true')

La réponse de la requête, c'est true ou

Citation:

l'ensemble de la page avec les informations sur les désignations

:?
08/11/2012, 15h40
ledisciple

Citation:

Envoyé par Bovino

Ah... autre chose que je ne comprends pas alors :

Code:

if (OAjax.responseText =='true')

La réponse de la requête, c'est true ou

:?

C'est :

Citation:

l'ensemble de la page avec les informations sur les désignations
08/11/2012, 15h42
SpaceFrog

le teste retourne donc toujours false ??? quel interet ?

Je rectifie en conséquence

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
<script>
function maFonctionAjax(numero_individu, mot_passe)
{
  var OAjax;
  if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
  else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); 
  OAjax.open('POST',"http://www.fff.fr/competitions/php/acces/validation_new.php",true);
  OAjax.onreadystatechange = function()
  {
 
 
	if (OAjax.readyState == 4 && OAjax.status==200)
	{
 
 
 
 
			document.getElementById('msg').innerHTML='<font color=RED>'+OAjax.responseText+'</font>';
          }    
 
  }
  OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
  OAjax.send('numero_individu='+numero_individu+'&mot_passe='+mot_passe);                  
} 
 
 
</script>
 
<form method="post" onsubmit="maFonctionAjax(this.numero_individu.value,this.mot_passe.value);return false" 
    <table border="0" cellspacing="0">
    <tr>
      <td colspan=2>
        Formulaire Ajax
      </td>
    </tr>
      <tr>
        <td>numero_individu</td>
        <td>
          <input name="numero_individu" id="numero_individu" type="text"></td>
      </tr>
      <tr>
        <td>mot_passe</td>
        <td><input name="mot_passe" id="mot_passe" type="text"></td>
      </tr>
      <tr>
        <td colspan="2"><input type="submit" value="envoyer"  /></td>
      </tr>
    </table>
</form>
<div id="msg"></div>

Le but du jeu pour c'est d'utiliser responseXML à la place de responseText et de savoir comment traiter les informations derrière?

Mais lorsque je fais

Code:

alert (OAjax.responseXML);

Cela me sort

Citation:

[Objet]

.
Après, c'est là que je sèche ...

08/11/2012, 16h16
Kaamo

En effet, avec cette méthode ton objet AJAX t'a renvoyé un Objet. Pour jouer avec :

Présentation des évènements du DOM
08/11/2012, 16h36
ledisciple

ça a l'air trop compliqué pour moi .. je crois que je vais laissé tombé .. :cry:
08/11/2012, 16h46
Kaamo

A mon avis c'est le mot qui te fait peur. L'objet retourné par Ajax n'est ni plus ni moins une imbrication de balises HTML ! C'est simplement le code source de la page cible
Tu peux accéder au contenu via les choses que tu connais bien. Tu sembles avoir des bases en HTML/ JS non ?

Code:

(OAjax.responseXML).getElementById('mon_id').innerHTML // contenu de l'élément "mon_id";

Code:

(OAjax.responseXML).getElementsByName('td'); // => liste des td

Code:

(OAjax.responseXML).getElementsByName('td')[0].innerHTML // => contenu du premier <td>

Le tutoriel est très clair et accessible, faut pas se décourager ;)
08/11/2012, 17h06
ledisciple

Puis-je faire?

Code:

alert((OAjax.responseXML).getElementsByName('td')[0].innerHTML)

Le souci est que j'ai une erreur javascript

Citation:

Détails de l’erreur de la page Web

Message*: Cet objet ne gère pas cette propriété ou cette méthode
Ligne*: 28
Caractère*: 21
Code*: 0
08/11/2012, 17h13
SpaceFrog

ça sent la reponse xml mal formatée
08/11/2012, 17h28
ledisciple

Citation:

Envoyé par SpaceFrog

ça sent la reponse xml mal formatée

et comment je fais pour savoir?
08/11/2012, 18h10
Kaamo

Code:

alert( (OAjax.responseXML).innerHTML )

Mais si tu récupères ça d'un site tiers, il est possible que son code soit bancal et que, du coup, responseXML soit inexploitable.

Donc le mieux sera de repasser par responseText et de traiter la chaine avec des match ou des replace

J'ai pris mon plus beau ciseau :massacre: et j'ai fait ça :

A terme les données n'iront pas dans des div, mais dans des champ de formulaire. Désolé pour les fautes de validation, je ferais la correction en dernier. Certains penseront que je pourrais surment factoriser mon code ...

En tout cas, ça fonctionne (bien sur temps que personne n'ira cafter auprès du webmaster de la fff pour changer le code source)

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<script>
function maFonctionAjax(numero_individu, mot_passe)
{
  var OAjax;
  if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
  else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); 
  OAjax.open('POST',"http://www.fff.fr/competitions/php/acces/validation_new.php",true);
  OAjax.onreadystatechange = function()
  {
 
	if(OAjax.readyState == 1 )
	{
		document.getElementById('msg').innerHTML='<font color=RED>début du transfert des données</font>';
	}
	if(OAjax.readyState == 2 )
	{
		document.getElementById('msg').innerHTML='<font color=RED>données transférées</font>';
	}
 
	if (OAjax.readyState == 4 && OAjax.status==200)
	{
 
		//Pour savoir si le bon mot de passe a été rentré. Comme il n'y a pas de message d'erreur de retour de la part de la fff, j'ai pris un mot du formulaire d'autentification qui ne se trouve pas dans la page d'affichage des désignations.                    
		var MotBidon = "jamais";
		var FindMe = OAjax.responseText.indexOf(MotBidon);
 
 
		if(FindMe != "-1"){ // Valeur de retour de la fonction indexOf s'il n'y a pas de valeur trouvée
			document.getElementById('msg').innerHTML='<font color=RED>Mauvais mot de passe ou numéro d\'individu</font>';
		}
		else{ 
			//On cherche les données en fonction du code source. Aléatoire? heu ... oui
 
			//Arbitre centre
			var TrouveArbitrecentre = OAjax.responseText.split('Arbitre centre&#xA0;<strong>');
			var TrouveArbitrecentre2 = TrouveArbitrecentre[1].split('</strong></li></ul></div>');
 
			document.getElementById('arbitrecentre').innerHTML='<font color=grey>'+TrouveArbitrecentre2[0]+'</font>';
 
 
			//Adresse
			var TrouveAdresse = OAjax.responseText.split('<strong>Adresse</strong><br/>');
			var TrouveAdresse2 = TrouveAdresse[1].split('</li><li class="puce bord"><strong>');
			var TrouveAdresse3 = TrouveAdresse2[0].replace("<br/>"," ");
 
			document.getElementById('adresse').innerHTML='<font color=green>'+TrouveAdresse3+'</font>';
 
			//Distance
			var TrouveDistance = OAjax.responseText.split('Distance depuis votre domicile : ');
			var TrouveDistance2 = TrouveDistance[1].split(' km');
 
			document.getElementById('distance').innerHTML='<font color=orange>'+TrouveDistance2[0]+'</font>';
 
 
			//Date
			var TrouveDate = OAjax.responseText.split('class="date">');
			var TrouveDate2 = TrouveDate[1].split('</span><div class="allonge">');
 
			document.getElementById('date').innerHTML='<font color=black>'+TrouveDate2[0]+'</font>';
 
			//Compétition
			var TrouveCompetition = OAjax.responseText.split('bgbleu"><div><strong>');
			var TrouveCompetition2 = TrouveCompetition[1].split("</strong><strong>&#xA0;");
 
			document.getElementById('competition').innerHTML='<font color=blue>'+TrouveCompetition2[0]+'</font>';
 
			//Poste
			var TrouveLePoste = OAjax.responseText.split("Poste : ");
			var TrouveLePoste2 = TrouveLePoste[1].split("</strong><br/>match N");
 
			document.getElementById('Poste').innerHTML='<font color=yellow>'+TrouveLePoste2[0]+'</font>';
		}
 
 
          }    
 
  }
  OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
  OAjax.send('numero_individu='+numero_individu+'&mot_passe='+mot_passe);                  
} 
 
 
</script>
 
<form method="post" onsubmit="maFonctionAjax(this.numero_individu.value,this.mot_passe.value);return false" 
    <table border="0" cellspacing="0">
    <tr>
      <td colspan=2>
        Formulaire Ajax
      </td>
    </tr>
      <tr>
        <td>numero_individu</td>
        <td>
          <input name="numero_individu" id="numero_individu" type="text"></td>
      </tr>
      <tr>
        <td>mot_passe</td>
        <td><input name="mot_passe" id="mot_passe" type="text"></td>
      </tr>
      <tr>
        <td colspan="2"><input type="submit" value="envoyer"  /></td>
      </tr>
    </table>
</form>
<div id="msg"></div>
<div id="competition"></div>
<div id="Poste"></div>
<div id="date"></div>
<div id="distance"></div>
<div id="adresse"></div>
<div id="arbitrecentre"></div>

03/12/2012, 11h42
ledisciple

Citation:

Envoyé par Bovino

Code:

if (document.getElementById)

Heu... tu pourrais me citer un navigateur qui justifierais la présence de cette condition ?

Code:

OAjax.open('POST',"http://www.fff.fr/competitions/php/acces/validation_new.php",true);

:koi:
Ca marche ça ? 8O
A moins que tu sois le Webmaster de la FFF, je suis étonné que tu ne sois pas restreint par la Same Origin Policy :?

Cela fonctionne avec IE 8 (le navigateur du taf), mais pas avec les navigateurs modernes.

Quels sont les alternatives dont je dispose pour récupérer les informations et les insérer dans mes champs de formulaires (local) ?

J'ai entendu parler de XMLHttpRequest cross domain, mais je ne sais pas si je peux l'utiliser ou s'il y a d'autres alternatives?

Personne pour me mettre sur une nouvelle idée? En php par exemple .. genre fopen ou file_get_contents