June 17th, 2008How to create a multi-language menu setup (PHP example)?
Assuming that you want to create a website with more than one languages you can follow the steps below:
1. Make sure that your web server is properly configured to handle dynamic pages like php, asp, jsp etc.
2. Create two separate menus using the AllWebMenus application. You have to give each menu a different name. In our example the names are:
- english.js
- french.js
3. Compile both menus and link just one of them in the target html page which in our case must be a php page. You can rename the page extension from “html” to “php”.
4. Next thing to do is to find a way to pass a variable in that html in order to alter the awm linking code and more precisely the section containing the path of the menu javascript file. This line to be changed is: <script xsrc='english.js' language='JavaScript1.2' type='text/javascript'></script>
If you leave this line intact, then the English menu will be loaded always. What we want in this case is to create a script to change the name of the file under a specific condition. In our example the condition is a parameter in the URL that tells the page what language is the chosen one.
Our URL may be: http://ourdomainname/multiplelang.php?lg=en or http://ourdomainname/multiplelang.php?lg=fr
As you can see the file to contain our menu has to be a php file (or asp, jsp depending on the programming language used) otherwise it will be impossible to pass the “lg” parameter in the awm linking code.
5. Here is a sample php page containing the code needed for this parameter to be passed in the awm linking code:
<!– This section contains the code needed for the URL parameter to be passed in our page and to give the menu the proper name –>
<?php
$userLang= $_GET['lg'];
if ($userLang == "en") {
$menuName="english";
}
else {
$menuName="french";
}
?>
<!– END –>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<script type="text/javascript">
var userLang = "<?php echo($userLang);?>";
var menuName = "";
if (userLang == 'en'){
| menuName = "english"; |
| } |
else {
| menuName = "french"; |
| } |
</script>
</head>
<body>
<!– DO NOT MOVE! The following AllWebMenus code must always be placed right AFTER the BODY tag–>
<!– ******** BEGIN ALLWEBMENUS CODE FOR menu ******** –>
<script type='text/javascript'>var MenuLinkedBy='AllWebMenus [4]',awmMenuName='menu',awmBN='636';awmAltUrl='';</script>
<!– The following section creates the javascript needed to load the proper js file –>
<script language="javascript">
document.write( "\<script" );
document.write( " charset='UTF-8'" );
document.write( " type='text/javascript'" );
document.write( " xsrc='" + menuName + ".js'" );
document.write( "\>" );
document.write( "\</script\>" );
</script>
<!– END –>
<script type='text/javascript'>awmBuildMenu();</script>
<!– ******** END ALLWEBMENUS CODE FOR menu ******** –>
<span id="awmAnchor-<?php echo($menuName);?>"> </span>
</body>
</html>
Disclaimer: This guide is for users who are familiar with programming languages like php/asp/jsp etc. Improper use of the scripts above may result in menu abnormal appearance and/or script errors.
