Simple HTML site internationalization with Apache RewritRule

This site is best viewed in a modern browser with JavaScript enabled.

Simple HTML site internationalization with Apache RewritRule

il_mix

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

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:

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)
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:

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

Sup3rkirby

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.

jedaisoul

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.

il_mix

@Sup3rkirby
Indeed, it can be useful. Here is the 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.

Sup3rkirby

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).

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.

daam

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..

jedaisoul

il_mix;1323227 wrote:
@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.