Séparer une chaîne de caractère avec un délimiteur

Version imprimable

J'utilise l'éditeur CKEditor et j'entre plusieurs pages avec le saut de page de CKEditor comme délimiteur entre les pages. Si donc j'entre par exemple 10 pages, j'aimerai récupérer toutes ces pages dans un tableau, mais je n'arrive pas. Je suis tombé sur le script suivant :
Code:

1 2 3 4 5 6 7 var chaine="Jean-Paul, Arthur ; Léon, Marcel ; Paul"; var reg=new RegExp("[;]+", "g"); document.write("Chaîne d'origine : " + chaine + "<BR>"); var tableau=chaine.split(reg); for (var i=0; i<tableau.length; i++) { document.write("tableau[" + i + "] = " + tableau[i] + "<BR>"); }
Ce code utilise le point virgule ; comme délimiteur, mais dans mon cas, lorsque je vais dans le code source du navigateur, je me rend compte que le délimiteur c'est <div style="page-break-after: always;"><span style="display: none;"> </span></div>
ce qui ne s'adapte pas à mon script ci dessus puisque quand je fais un

Code:

var reg=new RegExp('[style="page-break-after: always;"><span style="display: none;"> </span></div>]+', 'g');

ça ne marche pas

Quelqu'un a-t-il une idée ?

merci

12/05/2012, 23h49
SpaceFrog

si tu utilises les crochets [] , ce qui est entre le crochet est l'ensemble des caractères autorisés peu importe l'ordre la reg matche un de caractères.
Tu cherches à matcher une chaine complète, une suite ...

Code:

var reg=new RegExp('<div style="page-break-after: always;"><span style="display: none;"> </span></div>', 'g');

OK, mais là il n'effectue pas l'opération voulu, lorsque je sais dans l'editeur

Pierre

Jean

Paul

séparés par un saut de page, je fais un alert(maVariable), j'obtient ceci
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <p>  </p> <p> Pierre </p> <div style="width: 1566px; page-break-after: always; "> <span style="display: none;"> </span></div> <p> Jean </p> <div style="width: 1566px; page-break-after: always; "> <span style="display: none;"> </span></div> <p> Paul</p>
Ce qui fait que selon mon code, il devrait m'afficher ceci
tableau[0]=Pierre
tableau[1]=Jean
tableau[2]=Paul
mais il affiche plutôt ceci :

tableau[0] =
Pierre

Jean

Paul

montrant que la séparation n'a pas marché

13/05/2012, 09h02
mesken

Par rapport a l'objet regexp, j'ai vu que \f correspond à un saut de page mais je ne sais comment l'utiliser

Une solution:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="foo">
<p>
	&nbsp;</p>
<p>
	Pierre&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Jean&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Paul</p>
</div>
<script type="text/javascript">
reg=new RegExp("([^>]+)(&nbsp;)?</p>","gi")
chaine=document.getElementById('foo').innerHTML
tabnom=new Array()
while(reg.exec(chaine)){
tabnom.push((RegExp.$1.match(/^([^&]+)(&nbsp;)?/)[1]))
}
alert(tabnom)
</script>

Ou vu que nous sommes dans le forum jquery

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
<div id="foo">
<p>
	&nbsp;</p>
<p>
	Pierre&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Jean&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Paul</p>
</div>
<script type="text/javascript">
$(function(){
tabnom1=new Array()
$.each( $('p').not(':empty'),function(){
					tabnom1.push($(this).html().match(/^([^&]+)(&nbsp;)?/)[1])
		})
 
		alert(tabnom1)
})
 
</script>

13/05/2012, 19h28
mesken

Merci beaucoup SpaceFrog, je commence à comprendre un peu comment ça marche, mais il y a un petit problème, c'est que ton script ci-dessous, exclu mes balises html puisque tu t'es basé uniquement sur l'example que j'ai pris. En fait ce que je veux c'est ceci :

J'utilise un éditeur et ce qu'il me renvoi c'est du pur hmtl que je mets dans la bd, jusque là, je n'ai pas de problème, mais le pb c'est que un utilisateur peut enregistrer un long document de 20 pages par exemple et ce document ne doit pas être afficher en bloc, c'est pourquoi l'éditeur donne la possibilité d’insérer un saut de page après chaque page, ce qui permet de pouvoir les délimiter.
Moi donc j'ai besoin de récupérer le document et l'afficher page par page à l'utilisateur avec le bouton Précédent et Suivant. Pour cela je dois mettre ce contenu dans un tableau page par page et je l'affiche avec Précédent et Suivant. Pour faire ça, j'ai besoin de connaitre le délimiteur qui me permettra de savoir où une page commence et où elle s'arrête.
Je me suis donc rendu compte que le délimiteur de l'éditeur c'était ceci <div style="page-break-after: always;"><span style="display: none;"> </span></div>

Donc j'ai besoin d'un script qui, quelque soit le contenu de ma chaîne de caractère, me met chaque partie ou page dans un tableau en ayant pour délimiteur ceci, ou alors avant d'enregistrer dans la bd, je remplace leur délimiteur par un chaîne personnalisée de la sorte monDelimiteurDePage et je préfère même cette option, là ce sera facile pour moi à récupérer et afficher dans le tableau page par page avec mon premier script ci-dessus.

Donc un script qui remplace uniquement toutes les occurrences de <div style="page-break-after: always;"><span style="display: none;"> </span></div> par monDelimiteurDePage me suffirait largement et moi je ferai la suite.

Merci
13/05/2012, 19h47
mesken

Même quand j'utilise php pour faire ceci

Code:

$maChaine=str_replace('<div style="page-break-after: always;"><span style="display: none;"> </span></div>','monDelimiteurDePage',$maChaine);

ça ne marche pas.

Pourquoi les fonctions de chaines ne marche pas avec du html pur ? Comment spécifier que le html soit considérer comme une simple chaîne
15/05/2012, 11h48
mesken

J'y arrive toujours pas
25/05/2012, 13h00
joker69666

Je ne suis pas sur d'avoir bien compris la demande mais pourquoi ne pas utiliser du php la fonction implode peu peut être t'aider non? http://php.net/manual/fr/function.implode.php

D'accord excusez moi donc d'avoir mal compris le problème
25/05/2012, 13h30
SpaceFrog

Peut être simplement parce que php ne peut rien faire coté client
29/05/2012, 15h27
mesken

Effectivement, mais comme je communique avec php par JSON et j'utilise php pour enregistrer dans la BD, j'ai abandonné le projet de le faire dans jQuery, je le fais plutôt dans php avant d'enregistrer dans la BD et la fonction explode marche