URL Title with Slash Redirect

By tsangk

Description

Allows _template or ListPages variables like title which can hold slashes (e.g. Show/Hide content from specific users) to be used in NewPage url:
e.g. http://wikidot.com/test/edit/true/title/Re:Show/Hide content from specific users will change
to
http://wikidot.com/test/edit/true/title/Re:Show%2FHide content from specific users will change

Code

+ show block

<script type="text/javascript">
/* URL class for JavaScript
 * Copyright (C) 2003 Johan Känngård, <johan AT kanngard DOT net>
 * http://dev.kanngard.net/
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * The GPL is located at: http://www.gnu.org/licenses/gpl.txt
 */
 
/* Creates a new URL object with the specified url String. */
function URL(url){
    if(url.length==0) eval('throw "Invalid URL ['+url+'];');
    this.url=url;
    this.port=-1;
    this.query=(this.url.indexOf('?')>=0)?this.url.substring(this.url.indexOf('?')+1):'';
    if(this.query.indexOf('#')>=0) this.query=this.query.substring(0,this.query.indexOf('#'));
    this.protocol='';
    this.host='';
    var protocolSepIndex=this.url.indexOf('://');
    if(protocolSepIndex>=0){
     this.protocol=this.url.substring(0,protocolSepIndex).toLowerCase();
     this.host=this.url.substring(protocolSepIndex+3);
     if(this.host.indexOf('/')>=0) this.host=this.host.substring(0,this.host.indexOf('/'));
     var atIndex=this.host.indexOf('@');
     if(atIndex>=0){
     var credentials=this.host.substring(0,atIndex);
     var colonIndex=credentials.indexOf(':');
     if(colonIndex>=0){
     this.username=credentials.substring(0,colonIndex);
     this.password=credentials.substring(colonIndex);
     }else{
     this.username=credentials;
     }
     this.host=this.host.substring(atIndex+1);
     }
     var portColonIndex=this.host.indexOf(':');
     if(portColonIndex>=0){
     this.port=this.host.substring(portColonIndex);
     this.host=this.host.substring(0,portColonIndex);
     }
     this.file=this.url.substring(protocolSepIndex+3);
     this.file=this.file.substring(this.file.indexOf('/'));
    }else{
     this.file=this.url;
    }
    if(this.file.indexOf('?')>=0) this.file=this.file.substring(0, this.file.indexOf('?'));
    var refSepIndex=url.indexOf('#');
    if(refSepIndex>=0){
     this.file=this.file.substring(0,refSepIndex);
     this.reference=this.url.substring(this.url.indexOf('#'));
    }else{
     this.reference='';
    }
    this.path=this.file;
    if(this.query.length>0) this.file+='?'+this.query;
    if(this.reference.length>0) this.file+='#'+this.reference;
 
    this.getPort=getPort;
    this.getQuery=getQuery;
    this.getProtocol=getProtocol;
    this.getHost=getHost;
    this.getUserName=getUserName;
    this.getPassword=getPassword;
    this.getFile=getFile;
    this.getReference=getReference;
    this.getPath=getPath;
    this.getArgumentValue=getArgumentValue;
    this.getArgumentValues=getArgumentValues;
    this.toString=toString;
 
    /* Returns the port part of this URL, i.e. '8080' in the url 'http://server:8080/' */
    function getPort(){
     return this.port;
    }
 
    /* Returns the query part of this URL, i.e. 'Open' in the url 'http://server/?Open' */
    function getQuery(){
     return this.query;
    }
 
    /* Returns the protocol of this URL, i.e. 'http' in the url 'http://server/' */
    function getProtocol(){
     return this.protocol;
    }
 
    /* Returns the host name of this URL, i.e. 'server.com' in the url 'http://server.com/' */
    function getHost(){
     return this.host;
    }
 
    /* Returns the user name part of this URL, i.e. 'joe' in the url 'http://[e-mail]/' */
    function getUserName(){
     return this.username;
    }
 
    /* Returns the password part of this url, i.e. 'secret' in the url 'http://joe:[e-mail]/' */
    function getPassword(){
     return this.password;
    }
 
    /* Returns the file part of this url, i.e. everything after the host name. */
    function getFile(){
     return this.file;
    }
 
    /* Returns the reference of this url, i.e. 'bookmark' in the url 'http://server/file.html#bookmark' */
    function getReference(){
     return this.reference;
    }
 
    /* Returns the file path of this url, i.e. '/dir/file.html' in the url 'http://server/dir/file.html' */
    function getPath(){
     return this.path;
    }
 
    /* Returns the FIRST matching value to the specified key in the query.
       If the url has a non-value argument, like 'Open' in '?Open&bla=12', this method
       returns the same as the key: 'Open'...
       The url must be correctly encoded, ampersands must encoded as &amp;
       I.e. returns 'value' if the key is 'key' in the url 'http://server/?Open&amp;key=value' */
    function getArgumentValue(key){
     var a=this.getArgumentValues();
     if(a.length<1) return '';
     for(i=0;i<a.length;i++){
     if(a[i][0]==key) return a[i][1];
     }
     return '';
    }
 
    /* Returns all key / value pairs in the query as a two dimensional array */
    function getArgumentValues(){
     var a=new Array();
     var b=this.query.split('&amp;');
     var c='';
     if(b.length<1) return a;
     for(i=0;i<b.length;i++){
     c=b[i].split('=');
     a[i]=new Array(c[0],((c.length==1)?c[0]:c[1]));
     }
     return a;
    }
 
    /* Returns a String representation of this url */
    function toString(){
     return this.url;
    }
}
var urlfix=unescape(window.location.hash.substring(1));
 
var url=new URL(urlfix);
var str=url.getPath();
var path=str;
var xtest;
var okay;
var link;
str=str.split("/");
var x;
for (x in str)
{
if(x>0){
xtest=x%2;
if(!xtest){
if(str[x]=="edit"){
link+="/"+str[x];
}
else if(str[x]=="parentPage"){
link+="/"+str[x];
}
else if(str[x]=="tags"){
link+="/"+str[x];
}
else if(str[x]=="title"){
link+="/"+str[x];
}
else
{
link+="%2F"+str[x];
}
}
else
{
link+="/"+str[x];
}
}
 
}
link.replace("undefined","");
//alert("http://"+url.getHost()+"/"+link.substring(10));
     window.location="http://"+url.getHost()+"/"+link.substring(10);
    </script>

<script type="text/javascript">
/* URL class for JavaScript
 * Copyright (C) 2003 Johan Känngård, <johan AT kanngard DOT net>
 * http://dev.kanngard.net/
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * The GPL is located at: http://www.gnu.org/licenses/gpl.txt
 */
 
/* Creates a new URL object with the specified url String. */
function URL(url){
    if(url.length==0) eval('throw "Invalid URL ['+url+'];');
    this.url=url;
    this.port=-1;
    this.query=(this.url.indexOf('?')>=0)?this.url.substring(this.url.indexOf('?')+1):'';
    if(this.query.indexOf('#')>=0) this.query=this.query.substring(0,this.query.indexOf('#'));
    this.protocol='';
    this.host='';
    var protocolSepIndex=this.url.indexOf('://');
    if(protocolSepIndex>=0){
     this.protocol=this.url.substring(0,protocolSepIndex).toLowerCase();
     this.host=this.url.substring(protocolSepIndex+3);
     if(this.host.indexOf('/')>=0) this.host=this.host.substring(0,this.host.indexOf('/'));
     var atIndex=this.host.indexOf('@');
     if(atIndex>=0){
     var credentials=this.host.substring(0,atIndex);
     var colonIndex=credentials.indexOf(':');
     if(colonIndex>=0){
     this.username=credentials.substring(0,colonIndex);
     this.password=credentials.substring(colonIndex);
     }else{
     this.username=credentials;
     }
     this.host=this.host.substring(atIndex+1);
     }
     var portColonIndex=this.host.indexOf(':');
     if(portColonIndex>=0){
     this.port=this.host.substring(portColonIndex);
     this.host=this.host.substring(0,portColonIndex);
     }
     this.file=this.url.substring(protocolSepIndex+3);
     this.file=this.file.substring(this.file.indexOf('/'));
    }else{
     this.file=this.url;
    }
    if(this.file.indexOf('?')>=0) this.file=this.file.substring(0, this.file.indexOf('?'));
    var refSepIndex=url.indexOf('#');
    if(refSepIndex>=0){
     this.file=this.file.substring(0,refSepIndex);
     this.reference=this.url.substring(this.url.indexOf('#'));
    }else{
     this.reference='';
    }
    this.path=this.file;
    if(this.query.length>0) this.file+='?'+this.query;
    if(this.reference.length>0) this.file+='#'+this.reference;
 
    this.getPort=getPort;
    this.getQuery=getQuery;
    this.getProtocol=getProtocol;
    this.getHost=getHost;
    this.getUserName=getUserName;
    this.getPassword=getPassword;
    this.getFile=getFile;
    this.getReference=getReference;
    this.getPath=getPath;
    this.getArgumentValue=getArgumentValue;
    this.getArgumentValues=getArgumentValues;
    this.toString=toString;
 
    /* Returns the port part of this URL, i.e. '8080' in the url 'http://server:8080/' */
    function getPort(){
     return this.port;
    }
 
    /* Returns the query part of this URL, i.e. 'Open' in the url 'http://server/?Open' */
    function getQuery(){
     return this.query;
    }
 
    /* Returns the protocol of this URL, i.e. 'http' in the url 'http://server/' */
    function getProtocol(){
     return this.protocol;
    }
 
    /* Returns the host name of this URL, i.e. 'server.com' in the url 'http://server.com/' */
    function getHost(){
     return this.host;
    }
 
    /* Returns the user name part of this URL, i.e. 'joe' in the url 'http://[e-mail]/' */
    function getUserName(){
     return this.username;
    }
 
    /* Returns the password part of this url, i.e. 'secret' in the url 'http://joe:[e-mail]/' */
    function getPassword(){
     return this.password;
    }
 
    /* Returns the file part of this url, i.e. everything after the host name. */
    function getFile(){
     return this.file;
    }
 
    /* Returns the reference of this url, i.e. 'bookmark' in the url 'http://server/file.html#bookmark' */
    function getReference(){
     return this.reference;
    }
 
    /* Returns the file path of this url, i.e. '/dir/file.html' in the url 'http://server/dir/file.html' */
    function getPath(){
     return this.path;
    }
 
    /* Returns the FIRST matching value to the specified key in the query.
       If the url has a non-value argument, like 'Open' in '?Open&bla=12', this method
       returns the same as the key: 'Open'...
       The url must be correctly encoded, ampersands must encoded as &amp;
       I.e. returns 'value' if the key is 'key' in the url 'http://server/?Open&amp;key=value' */
    function getArgumentValue(key){
     var a=this.getArgumentValues();
     if(a.length<1) return '';
     for(i=0;i<a.length;i++){
     if(a[i][0]==key) return a[i][1];
     }
     return '';
    }
 
    /* Returns all key / value pairs in the query as a two dimensional array */
    function getArgumentValues(){
     var a=new Array();
     var b=this.query.split('&amp;');
     var c='';
     if(b.length<1) return a;
     for(i=0;i<b.length;i++){
     c=b[i].split('=');
     a[i]=new Array(c[0],((c.length==1)?c[0]:c[1]));
     }
     return a;
    }
 
    /* Returns a String representation of this url */
    function toString(){
     return this.url;
    }
}
var urlfix=unescape(window.location.hash.substring(1));
 
var url=new URL(urlfix);
var str=url.getPath();
var path=str;
var xtest;
var okay;
var link;
str=str.split("/");
var x;
for (x in str)
{
if(x>0){
xtest=x%2;
if(!xtest){
if(str[x]=="edit"){
link+="/"+str[x];
}
else if(str[x]=="parentPage"){
link+="/"+str[x];
}
else if(str[x]=="tags"){
link+="/"+str[x];
}
else if(str[x]=="title"){
link+="/"+str[x];
}
else
{
link+="%2F"+str[x];
}
}
else
{
link+="/"+str[x];
}
}
 
}
link.replace("undefined","");
//alert("http://"+url.getHost()+"/"+link.substring(10));
theLocation="http://"+url.getHost()+"/"+link.substring(10);
window.top.location.href=theLocation;
window.parent.location.href=theLocation;
window.top.location.replace(theLocation);
    </script>

[[image test.jpg link="http://snippets.wdfiles.com/local--code/code:url-title-with-slash-redirect/1#http://cyclods.wikidot.com/post:new-post-84/edit/true/parentPage/thread:84/tags/_open/title/Re: Show/Hide content from specific users"]]

Code tested for Firefox and IE.

---

Thanks to tsangk for this great snippet: conditional-blocks

---

text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]

---

---

Other snippets posted by tsangk

404 (Page does not exist) Redirect - 20 Nov 2012 11:40
Custom HTML Blocks - 25 Oct 2012 11:30
Syntax Highlighter - 16 Feb 2012 01:45
Conditional Blocks - 15 Feb 2012 00:36

---

Rate this solution

If you think this solution is useful — rate it up!

leiger 24 Apr 2010 13:49

Edit: Nevermind… I think you told me exactly what to do xD Will just mess around with it for a bit and if I can't figure it out by then I'll reply back here again.

[ in regards to http://feedback.wikidot.com/bug:115 ]

---

Shane Smith ★ Wikidot Freelancer (Hire me!)
— Sites: My Website, Personal Blog
— Projects: STE Editor, Wikimated, Wikidot 101 (Video Tutorials), Wikidot SubReddit

Last edited on 24 Apr 2010 13:53 by leiger + Show more

leiger 24 Apr 2010 14:04

Okay, works perfectly so far! Thanks! :)

---

Shane Smith ★ Wikidot Freelancer (Hire me!)
— Sites: My Website, Personal Blog
— Projects: STE Editor, Wikimated, Wikidot 101 (Video Tutorials), Wikidot SubReddit

rurwin 29 Oct 2010 08:44

Why are there two code blocks here? I notice the second was added recently. Maybe there should be some documentation describing when to use each?

---

Copyright waived on Wikidot official and community sites — see profile for details.

Website: www.soronlin.org.uk
Diaspora*: ku.em.ecatstam.dop|nilnoros#ku.em.ecatstam.dop|nilnoros

tsangk 29 Oct 2010 08:51

The second code block is currently useless. It was used to redirect to parent (:

---

~ Kenneth Tsang — jxeeno.com — my new blog | @jxeeno Twitter | My Site
Wikidot Community via IRC (#wikidot on irc.freenode.net)