formater une chaine pour url

Version imprimable

Bonjour,
Je cherche une fonction en javascript qui me formate proprement une chaine pour créer une url mais pas urlencode()
En bref, l'équivalent de cette fonction php en javascript:

Code:

1
2
3
4
5
6
7
8
9
10
function normaliza ($string){
    $a = 'ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞ
ßàáâãäåæçèéêëìíîïðñòóôõöøùúûýýþÿŔŕ';
    $b = 'aaaaaaaceeeeiiiidnoooooouuuuy
bsaaaaaaaceeeeiiiidnoooooouuuyybyRr';
    $string = utf8_decode($string);    
    $string = strtr($string, utf8_decode($a), $b);
    $string = strtolower($string);
    return utf8_encode($string);
}

Merci pour votre aide!

25/03/2010, 18h50
SpaceFrog

tu veux dire épurer des accents ?
sinon pour créer proprement une url il y a encodeuricomponent()
25/03/2010, 22h39
manuscle

oui les accents et les caractères spéciaux. En fait ce n'est pas pour encoder une url entière mais juste une partie de manière propre afin de faciliter le référencement et aussi pour faire des urls plus propres.

Par exemple pour un titre du style:

C'est bientôt l'été
LA fonction me retournerait
c-est-bientot-l-ete

Avant je le faisais en php, mais là j'ai besoin de le faire au fur et à mesure de la saisie du champ, donc en javascript. Je pense que ce genre de fonction doit déjà exister mais je ne trouve pas grand chose et surtout j'ai quelques lacunes en javascript.

Citation:

Envoyé par manuscle

oui les accents et les caractères spéciaux. En fait ce n'est pas pour encoder une url entière mais juste une partie de manière propre afin de faciliter le référencement et aussi pour faire des urls plus propres.

Par exemple pour un titre du style:

C'est bientôt l'été
LA fonction me retournerait
c-est-bientot-l-ete

Avant je le faisais en php, mais là j'ai besoin de le faire au fur et à mesure de la saisie du champ, donc en javascript. Je pense que ce genre de fonction doit déjà exister mais je ne trouve pas grand chose et surtout j'ai quelques lacunes en javascript.

heu l'url rewriting c'est pas censé géré correctement, le faire en JS c'est quand même pas très propre.
Enfin après tout dépend de tes besoins.

Je t'ai fait ça rapidos :
exemple dispo ICI : http://www.jsfiddle.net/Y8PVt/7/
Code:

1 2 3 4 Tape du texte ici<br/> <input type="text" id="in" onkeyup="entryKeyUp(this)" size="50"/><br/> Résultat :<br/> <input type="text" id="out" size="50"/>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function stringToUrl(str) { var a = 'ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõöøùúûýýþÿ'.split('').concat(['Ŕ','ŕ']); var b = 'aaaaaaaceeeeiiiidnoooooouuuuybsaaaaaaaceeeeiiiidnoooooouuuyybyRr'.split(''); var newString = str; for (var i=0; i<a.length; i++) { newString = newString.replace(new RegExp(a[i],'gi'),b[i]); } return newString; } function entryKeyUp(inp) { document.getElementById('out').value = stringToUrl(inp.value); }

26/03/2010, 09h38
manuscle

Citation:

Envoyé par Gsnalf

heu l'url rewriting c'est pas censé géré correctement, le faire en JS c'est quand même pas très propre.
Enfin après tout dépend de tes besoins.

Je comprend pas, peux-tu étayer?

Citation:

Envoyé par Gsnalf

Je t'ai fait ça rapidos :
exemple dispo ICI : http://www.jsfiddle.net/Y8PVt/7/

Double merci :ccool::ccool: car 1. c'est ce que je cherchais à quelques réglages prêts, et 2. j'ai découvert le site http://www.jsfiddle.net
:mouarf:
26/03/2010, 10h13
Gsnalf

Citation:

Envoyé par manuscle

Je comprend pas, peux-tu étayer?

Double merci :ccool::ccool: car 1. c'est ce que je cherchais à quelques réglages prêts, et 2. j'ai découvert le site http://www.jsfiddle.net
:mouarf:

ben en gros ça : http://www.webrankinfo.com/dossiers/.../url-rewriting
26/03/2010, 10h46
manuscle

Je fait de la reecriture d'url, c'est juste que je ne veut pas que mon titre d'article ressemble à ça dans l'url:

C'est%20bient%C3%B4t%20l'%C3%A9t%C3%A9
26/03/2010, 10h53
Gsnalf

Citation:

Envoyé par manuscle

Je fait de la reecriture d'url, c'est juste que je ne veut pas que mon titre d'article ressemble à ça dans l'url:

C'est%20bient%C3%B4t%20l'%C3%A9t%C3%A9

tu ne dois pas le faire coté client, mais coté serveur
26/03/2010, 11h50
manuscle

C'est ce que je fait habituellement, mais ça génère automatiquement un alias et je dois faire en sorte que les utilisateurs puissent le modifier au besoin. Seulement ils ont un peu de mal à comprendre le principe...
Je m'était dit alors que si à chaque frappe ça générait le titre préformaté ils verraient directement le résultat et le modifieraient au besoin.

Bon ben en fait j'ai trouvé un truc pas mal à l'aide de http://phpjs.org

J'ai utilisé leur librairie et recopié une fonction php que j'ai trouvé sur un autre site et ça fonctionne plutot bien!

exemple:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="php.default.namespaced.min.js"></script>
    <script type="text/javascript">
 
    function stringToUrl(url){
 
        P = new PHP_JS();
 
        //url = P.utf8_decode(url);
        url = P.strtolower(P.strtr(url, 'ÀÁÂÃÄÅàáâãäåÒÓÔÕÖØòóôõöøÈÉÊËèéêëÇçÌÍÎÏìíîïÙÚÛÜùúûüÿÑñ()[]\'"~$&%*@ç!?;,:/\^¨€{}<>|+.- ',  'aaaaaaaaaaaaooooooooooooeeeeeeeecciiiiiiiiuuuuuuuuynn    --      c  ---   e       --'));
        url = P.str_replace(' ', '', url);
        url = P.str_replace('---', '-', url);
        url = P.str_replace('--', '-', url);
        url = P.trim(url,'-');
        return url;
    }
 
    function entryKeyUp(inp) {
           document.getElementById('out').value = stringToUrl(inp.value);   
    }
    </script>
</head>
<body>
<h1>Test</h1>
 
Tape du texte ici<br/>
<input type="text" id="in" onkeyup="entryKeyUp(this)" size="50"/><br/>
Résultat :<br/>
<input type="text" id="out" size="50"/>
 
</body>
</html>