www.webdeveloper.com
Results 1 to 7 of 7

Thread: Simple HTML site internationalization with Apache RewritRule

  1. #1
    Join Date
    Mar 2014
    Posts
    2

    Simple HTML site internationalization with Apache RewritRule

    Hi everyone!

    I made a simple HTML site (single index.html page) with two buttons to switch between languages (IT<->EN). Italian index.html is in it subfolder, english index.html is in en subfolder. The buttons modify the URL by replacing /en/ with /it/ and viceversa, allowing to switch between the pages. Everything works fine in locale. Good.

    On the server, I have this folder tree
    Code:
    root (www.mysite.com)
      .htaccess (rules for rewriting)
      public_html
        index.html (a blank page)
        it
          index.html
        en
          index.html
    Accessing www.mysite.com I get the blank index, as expected. Adding RewriteEngine On on the .htaccess and accessing www.mysite.com/public_html/it/index.html, I access the italian index and the language switch button works fine (in /en/index.html it works, too). Fine.

    What I want is that:
    1. www.mysite.com goes to italian index automatically, without displaying the complete url (www.mysite.com/public_html/it/index.html) but just the root (www.mysite.com) or at least the url without "public_html" (www.mysite.com/it/index.html)
    2. the language switching buttons must work

    I managed to get point 1, so I go to italian index with URL that is just www.mysite.com, by adding this to .htaccess:

    Code:
    RewriteRule public_html/index.html public_html/it/index.html
    The proble is that with this the buttons won't work correctly (I suppose the problem is that there isn't actually any /it/ in the URL to switch with /en/). So I think I need a more "sophisticated" RewriteRule.

    Can anyone help me?

    Many thanks!

    MIX

  2. #2
    Join Date
    Mar 2005
    Location
    Behind you...
    Posts
    1,033
    Perhaps sharing your button switching code would help us resolve your issue? As far as what you say you want, your rewrite rule should be fine. But since switching between languages doesn't appear to work that would be the best place to start looking for a solution.

  3. #3
    Join Date
    Mar 2012
    Posts
    1,831
    I do not understand why you need to play around with htaccess to achieve this? It would seem much simpler to me to:
    1. Put the default (italian) menu in root/index.html.
    2. Put an anchor (or input button) in index.html to call root/index-en.html.
    3. Put a corresponding anchor (or input button) in index-en.html to call root/index.html.

    Simple.

  4. #4
    Join Date
    Mar 2014
    Posts
    2
    @Sup3rkirby
    Indeed, it can be useful. Here is the code
    Code:
     <a href="#" onclick="var url=window.location.href; url=url.replace('/en/','/it/'); window.location.href =url;">Italiano </a> 
     <a href="#" onclick="var url=window.location.href; url=url.replace('/it/','/en/'); window.location.href =url;">English</a>
    @jedaisoul
    This can do the trick, but is going to be a mess when new pages are added. Whit the rewrite I can use always te same code for all the pages.

  5. #5
    Join Date
    Mar 2005
    Location
    Behind you...
    Posts
    1,033
    Honestly I would have agreed with jadaisoul at least to some extent. I do feel this is a lot of complication for something that should be simple. But ultimately how you handle this is up to you and whatever you feel will make your work easier.

    To the point, you already identified that the buttons don't work because they are trying to replace part of the URL that doesn't exist (due to your rewrite rule). I'm not a fan of putting lots of javascript directly in the onclick event attributes so I'll write this as a function. You basically just need a default case to switch to the English site (given the Italian site should always be the default version).
    Code:
    function _SwitchLanguage() {
      var $url = window.location.href;
      if($url.indexOf("/en/") == -1 && $url.indexOf("/it/") == -1) $url = window.location.protocol + "://" + window.location.host + "/it" + window.location.pathname;
      $url = ($url.indexOf("/it/") >= 0) ? $url.replace("/it/", "/en/") : $url.replace("/en/", "/it/");
      window.location.href = $url;
    }
    This is designed to check if the language is already in the URL. If not it will update the $url variable to include /it/ (by default), properly inserting it into the URL (just after the domain). Then it just uses a conditional variable where it checks if the site is the English or Italian version and replaces accordingly.

  6. #6
    Join Date
    Mar 2014
    Posts
    19
    URL rewriting sucks. Be cleverer about it. I worked on a site that was built using the rewrite rule too much... URLs broke really easily due to casing or just being invalid.

    Just my 2 cents..

  7. #7
    Join Date
    Mar 2012
    Posts
    1,831
    Quote Originally Posted by il_mix View Post
    @jedaisoul
    This can do the trick, but is going to be a mess when new pages are added. Whit the rewrite I can use always te same code for all the pages.
    How is that so??? The pages are written in different languages, so have to be written and maintained separately anyway!
    Furthermore, for a multi-page site, I would (and do) use PHP include files for all the common elements, header, footer, nav bar etc... That leaves only the content unique to each page, which, as I said, is going to need to be written and maintained separately anyway.
    Last edited by jedaisoul; 04-01-2014 at 03:56 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles