Différences

Ci-dessous, les différences entre deux révisions de la page.

--- devweb:php:slug [05-11-2014 23:10] – edmc73
+++ devweb:php:slug [10-04-2015 13:53] (Version actuelle) – edmc73
@@ Ligne 1: / Ligne 1: @@
 ====== Slug ======
+===== Php =====
 <code php>
@@ Ligne 12: / Ligne 14: @@
 Cette 2ème méthode me semble plus abouti => http://cubiq.org/the-perfect-php-clean-url-generator
+===== Javascript =====
+source: http://irz.fr/slugme-permalien-javascript-slug/
+<code javascript>
+function slugMe (value) {
+ var rExps=[
+ {re:/[\xC0-\xC6]/g, ch:'A'},
+ {re:/[\xE0-\xE6]/g, ch:'a'},
+ {re:/[\xC8-\xCB]/g, ch:'E'},
+ {re:/[\xE8-\xEB]/g, ch:'e'},
+ {re:/[\xCC-\xCF]/g, ch:'I'},
+ {re:/[\xEC-\xEF]/g, ch:'i'},
+ {re:/[\xD2-\xD6]/g, ch:'O'},
+ {re:/[\xF2-\xF6]/g, ch:'o'},
+ {re:/[\xD9-\xDC]/g, ch:'U'},
+ {re:/[\xF9-\xFC]/g, ch:'u'},
+ {re:/[\xC7-\xE7]/g, ch:'c'},
+ {re:/[\xD1]/g, ch:'N'},
+ {re:/[\xF1]/g, ch:'n'} ];
+ // converti les caractères accentués en leurs équivalent alpha
+ for(var i=0, len=rExps.length; i&lt;len; i++)
+  value=value.replace(rExps[i].re, rExps[i].ch);
+  // 1) met en bas de casse
+  // 2) remplace les espace par des tirets
+  // 3) enleve tout les caratères non alphanumeriques
+  // 4) enlève les doubles tirets
+  return value.toLowerCase()
+      .replace(/\s+/g, '-')
+      .replace(/[^a-z0-9-]/g, '')
+      .replace(/\-{2,}/g,'-');
+};</code>
+Intégration
+<code html>
+<script type="text/javascript">
+function slugLive(ine,out){
+ 	document.getElementById(out).innerHTML = slugMe(document.getElementById(ine).value);
+}
+</script>
+<input id="slug-this" onkeyup="slugLive('slug-this','le-slug');" type="text"> Valeur en mode slug : "<span id="le-slug"></span>"
+</code>

Outils pour utilisateurs

Outils du site

Différences

Outils de la page