Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:34
Hebrew and UTF-8 {SOLVED}
Poster: shalom_m
Dated: Saturday August 27 2005 - 19:55:08 BST
I have been working on a Hebrew/English site for a charity for the last few months.
See: http://ezra-lemarpe.org/
So as to keep the Hebrew and English menus safely apart I just wrote 2 separate menus and called each whenever necessary.
See: http://ezra-lemarpe.org/ziud_distribution_h.html and http://ezra-lemarpe.org/ziud_distribution_e.html
This too worked fine.
I am now in the process of putting up some pages that are multilingual and used charset=UTF-8 instead of charset=windows-1255 and charset=ISO-8859-1. for some reason or other, the Hebrew menu comes out as garbage in Firefox and in IE it does not show at all.
See: http://ezra-lemarpe.org/amb19-043-15.html
Any ideas?
Poster: Ruth
Dated: Saturday August 27 2005 - 23:14:21 BST
Hi,
You seem to be using Version 3 of the menu. That version is not supported except for whatever has been posted in the archived version 3 forum.
You might want to try upgrading the menu to version 5. There is a version 3 to 5 converter for your menu_array.js file which would convert your data. So, you could download Version 5 and convert your data file from 3 to 5. Just make sure you keep the two menu separate so you have the old one so you have a working menu until you get the new one working.
Ruth
Poster: shalom_m
Dated: Sunday August 28 2005 - 4:55:29 BST
Ruth,
Thank you for the prompt reply. I have upgraded to Version 5.729 on my local server and am ironing out the "kincks" This may take a while
Never the less, the problem with Hebrew charcters showing up as gabage under charset UTF-8 in Firefox remain as well as no menu in IE.
Poster: Ruth
Dated: Sunday August 28 2005 - 6:09:32 BST
Hi,
You'll need to get it up on a site someplace so we can see what's going on.
Did you use the converter for your data file? That usually does a pretty good job.
Look for this at the end of each item ;;separatorsize=1 and remove one of the semi-colons and the separatorsize=1 from each of them [;separatorsize=1 is what you're removing]. That is going to be placed in the style which makes it much easier than having it in umpteen items.
Your two styles should be
Code:
with(style1=new mm_style()){
offcolor="#ddfff7";
offbgcolor="#006565";
oncolor="#006565";
onbgcolor="#ddfff7";
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
fontsize=11;
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Arial";
padding=4;
subimage="graphics/arrowleft.gif";
high3dcolor="#66ffff";
low3dcolor="#000099";
swap3d=1;
pagecolor="#800080";
pagebgcolor="#999999";
headercolor="#ffffff";
headerbgcolor="#000099";
separatorcolor="#000080 ";
separatorsize=1;
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
with(style2=new mm_style()){
offcolor="#AAFAFA";
offbgcolor="#1E1E96";
oncolor="#1E1E96";
onbgcolor="#AAFAFA";
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
fontsize=11;
fontstyle="normal";
fontweight="normal";
fontfamily="Arial";
padding=4;
subimage="graphics/arrowleft.gif";
high3dcolor="#66ffff";
low3dcolor="#000099";
pagecolor="#800080";
pagebgcolor="#999999";
headercolor="#ffffff";
headerbgcolor="#000099";
separatorcolor="#D0F0F0";
separatorsize=1;
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
offcolor="#ddfff7";
offbgcolor="#006565";
oncolor="#006565";
onbgcolor="#ddfff7";
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
fontsize=11;
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Arial";
padding=4;
subimage="graphics/arrowleft.gif";
high3dcolor="#66ffff";
low3dcolor="#000099";
swap3d=1;
pagecolor="#800080";
pagebgcolor="#999999";
headercolor="#ffffff";
headerbgcolor="#000099";
separatorcolor="#000080 ";
separatorsize=1;
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
with(style2=new mm_style()){
offcolor="#AAFAFA";
offbgcolor="#1E1E96";
oncolor="#1E1E96";
onbgcolor="#AAFAFA";
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
fontsize=11;
fontstyle="normal";
fontweight="normal";
fontfamily="Arial";
padding=4;
subimage="graphics/arrowleft.gif";
high3dcolor="#66ffff";
low3dcolor="#000099";
pagecolor="#800080";
pagebgcolor="#999999";
headercolor="#ffffff";
headerbgcolor="#000099";
separatorcolor="#D0F0F0";
separatorsize=1;
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
I put the overfilter and outfilter in each style but I don't know if you had it in both in Version 3.
Then in each menu look for
1. alignment="right"; and change it to align="right";
2. righttoleft=1 and change it to openstyle="rtl";
That should make it the same as what you have now. If you want to see some other options for the overfilter there is an interactive demo which lets you apply filters to a menu and see what they look like on a vertical or horizontal menu. It will also let you show/hide the menu so you can see what the outfilter looks like.
If you can get it up on a test page for us we can try and see what's going on. Hope this helps.
Ruth
Poster: Ruth
Dated: Sunday August 28 2005 - 6:31:32 BST
Hi again,
I am going to post this to someone at Milonic because I don't know about using the language and utf etc.
If you look up about utf on w3c they tell you that just putting that encoding on the page is not sufficient, the data has to also be 'saved' as utf format. It talks about building files from scripts and databases and making sure that those files get converted and that the correct parameters are set in the scripting. So, I'll post for Milonic, but it may take a couple of days for a response.
Just so you know, it works if you don't have it as utf...
Ruth
Poster: shalom_m
Dated: Sunday August 28 2005 - 6:50:44 BST
Thank you Ruth,
I have done all that, with the exception of removing the seperatorsize, I quite like it, and will most probably adjust the width of the menu accordingly.
I have posted some pages with Version 5.729 for you to see.
Regular page in Hebrew with charset=windows-1255 http://ezra-lemarpe.org/v5/ambustories07_h.html looks fine
Corresponding page in English with charset=ISO-8859 http://ezra-lemarpe.org/v5/ambustories07_e.html is fine too
BUT
When using charset=UTF-8; English pages come out fine: http://ezra-lemarpe.org/v5/todah.html
But Hebrew pages have garbage in their menu: http://ezra-lemarpe.org/v5/amb19-040-15.html
Everything else, I think I can deal with fine.
Poster: Ruth
Dated: Sunday August 28 2005 - 16:18:10 BST
Hi,
I'm still trying to find out information on the utf, and have posted to Milonic about this.
As to the separator. It is still there. Unlike the old version 3 in which you had to code that in each item, in Version 5 you can just put separatorsize=1; in the style itself. If you decide to change it, then you only have to make the change in the style1 or style2 section rather than in each item.
Or, with it in the style section, you can also code it in an item to make a change to it for one item. For example, let's say you have separatorsize=1; in the style1 which is used in the main menu, but right after the 1st item in that horizontal menu you want the separator to be 3, you could then put separatorsize=3; in that particular item and it would be 3px wide while all other items would still have the style1 separator size of 1px.
Ruth
Poster: shalom_m
Dated: Sunday August 28 2005 - 20:55:34 BST
Ruth wrote:
If you look up about utf on w3c they tell you that just putting that encoding on the page is not sufficient, the data has to also be 'saved' as utf format.
Ruth,
You hit the nail on the head!
I resaved the menu file as UTF-8 and it works fine! see: http://ezra-lemarpe.org/v5/amb18-893-15.html
Thanks for your help!