Discussion :

[Meri Nose]

Bonjour à tous,

C'est vraiment en cas d'extrême limite que je me résous à poster dans un forum, la plupart du temps en parcourant internet je trouve les réponse à mes questions. Mais là, non, je sais pas pourquoi

Trève de blabla, voici mon problème :

J'ai un formulaire, tout bête, avec entre autre deux champs texte, tout bête eux aussi :

Code :

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

1
2
3
 
<input type="text" name="title" id="title" value="" maxlength="64" />
<input type="text" name="url" id="url" value="" maxlength="16" />

Ce que j'aimerai faire :

Lorsque j'écris par exemple "J'adore les patates " dans le champs title, le champs url se remplisse automatiquement de la forme : "j-adore-les-patates". Ca ressemble à du URL rewriting, c'est normal L'URL sera ensuite stockée dans ma base, puis resservie sous la forme index.php?post=j-adore-les-patates puis, à coup de htaccess, en /j-adore-les-patates.html.

J'ai essayé de nombreux pattern et fonctions en Javascript (j'utilise jQuery), avec quelque chose qui ressemble à ça et qui fonctionne relativement bien :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$("#title").keyup(function () {
    var value = $(this).val();
    $("#url").val(value.replace(/[' ]/g, patternURL).toLowerCase());
}).keyup();
 
function patternURL(car) {
  if(car == "'" || car == " ") return "-";
  if(car == "ç") return "c";
  if(car == "é" || car == "è" || car == "ê") return "e";
  if(car == "à" || car == "â") return "a";
  if(car == "ù" || car == "û") return "u";
  if(car == "ô") return "o"; */
}

La fonction est absolument horrible mais définie bien ce que je veux faire :

• Remplacer les caractères accentués par des non accentués
• Remplacer les caractères spéciaux par un tiret

Mais je ne veux pas, en cas de titre "Hey ! Beignet !" un truc genre "Hey------Beignet--" mais bien "hey-beignet".

Voila, j'espère avoir été assez clair, je continue à chercher de mon côté.

A très vite, et surtout, merci !!

[Bovino]

Pour simplifier, à ta place je procèderais en deux étapes :
* remplacement des caractères accentués et autres (en faisant une recherche, il y a eu récemment diverses solutions de données à ce sujet) ;
* remplacement de tout les caractères indésirés restant

Code :

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

1
2
var value = $(this).val();
value = value.replace(/[\W+]/g, '-');

[Meri Nose]

Code :

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

1
2
var value = $(this).val();
value = value.replace(/[\W+]/g, '-');

Je ne connaissais pas cette regexp, je te remercie vivement !! Plus qu'à trouver comment supprimer le trop-plein de tirets et ce sera parfait...

Encore merci à toi !

[Bovino]

Normalement, ça le fait déjà
\W correspond à tout caractère non alphanumérique (donc autre que [a-z0-9]) et le + indique que ce caractère peut être présent plusieurs fois de suite.

[Loceka]

Code :

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

1
2
var value = $(this).val();
value = value.replace(/[\W+]/g, '-');

Normalement, ça le fait déjà
\W correspond à tout caractère non alphanumérique (donc autre que [a-z0-9]) et le + indique que ce caractère peut être présent plusieurs fois de suite.

Pas tout à fait non...

Ecrite comme ça oui : /\W+/g.
Ecrite comme ça /[\W+]/g par contre elle sélectionne le premier caractère non alpha-numérique ou le premier caractère "+" et ceci de façon globale dans la chaine.

C'est donc cette regex là qu'il faut utiliser : /\W+/g.

[Bovino]

C'est vrai que j'ai un peu dérapé sur le coup !