encoding

babsy

Offline

Posts: 322

encoding

« on: May 03, 2006, 12:21:06 PM »

hi, i´m having trouble setting the encoding in the page!

Where should i set the code... (and is it right when i use ISO ....)


	Logged

ruebenwurzel

WebsiteBaker Org e.V.

Offline

Offline

Posts: 7973

Re: encoding

« Reply #1 on: May 03, 2006, 12:57:12 PM »

Hello,

Where you wanna place wich encoding?

At the template, at admin interface?

Matthias


	Logged

babsy

Offline

Posts: 322

Re: encoding

« Reply #2 on: May 04, 2006, 09:55:21 AM »

yes!

Because some of the letters don´t work... (the letters in the menu are looking weird!


	Logged

kweitzel

Forum administrator

Offline

Posts: 6977

Re: encoding

« Reply #3 on: May 04, 2006, 10:34:57 AM »

Hey Babsy,

what Matthias wanted to know is:

Do you want to set the charset in the Admin Interface (settings - charset) or do you want the charset information set in the template?

Thse are 2 different things!

cheers

Klaus


	Logged

WebsiteBaker Org e.V. - for WebsiteBaker

dbfcs

Offline

Posts: 29

Re: encoding

« Reply #4 on: May 04, 2006, 11:18:16 AM »

Quote from: babsy on May 04, 2006, 09:55:21 AM

yes!

Because some of the letters don´t work... (the letters in the menu are looking weird!

Admin Panel > Settings > Show Advanced Settings > Try changing Charset.

My site had lots of A's with apostrophes, diamonds and other great stuff - just not the text I wanted!!! I've set mine to Western European and it works like a dream.

To change the actual encoding (XHTML Strict, Transitional, etc) you would have to change the template. It should be in a zip file if it is a new template (not one downloaded with WB at the start). It's called index.php.

Do you have a website link so we can see what's going on with your site?


	Logged

WB URLs:
Driver Shortage: HGV Driving Jobs, LGV Driver Training, Agencies
Free Fruit Juicing Recipes and Juicer Reviews

babsy

Offline

Posts: 322

Re: encoding

« Reply #5 on: October 06, 2006, 01:10:26 PM »

sorry for the long time, hobe someone still can help undecided

i´ve set the encoding to me utf-8 (i tryed iso-8859-1) both in admin area and in the templaet..... but same problem!

this its the website: still just in testing:

http://klaknav.sudurras.com/

with the wb, its fine, but in the template... it wont show letters like ð, í and ý??

this is what my head in the template looks like:

___________________ ___________________ _______
<?php

// $Id: index.php 310 2006-02-19 05:31:10Z ryan $

/*

WebsiteBaker Project <http://www.websitebaker.org/>
Copyright (C) 2004-2006, Ryan Djurovich

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

WebsiteBaker 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 websitebaker; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA

*/

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><?php page_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" />
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
<link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo TEMPLATE_DIR; ?>/print.css" rel="stylesheet" type="text/css" media="print" />
</head>
___________________ ___________________ ___________________ _

where should i change the encoding.. to make it work right in the template index?


	Logged

nipumuck

Offline

Posts: 21

Re: encoding

« Reply #6 on: October 06, 2006, 03:32:39 PM »

hi babsy

look here on the sourcecode from the index.php of my template:

<?php

// $Id: index.php 310 2006-02-19 05:31:10Z ryan $

/*

WebsiteBaker Project <http://www.websitebaker.org/>
Copyright (C) 2004-2006, Ryan Djurovich

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

WebsiteBaker 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 websitebaker; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA

*/

?>



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>

<title><?php page_title(); ?></title>

<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'iso-8859-1'; }?>" />
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
<link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo TEMPLATE_DIR; ?>/print.css" rel="stylesheet" type="text/css" media="print" />

</head>

change your lines:

<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" />

into this lines:

<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'iso-8859-1'; }?>" />

maybe this will help to fix your problem, i do not know exactly for the reason, that i do not know, what kind of signs in your language have to be shown correctly.

greets,
nipumuck


	Logged

¤¤ Die Wuppdität der Erdkrümmung hat keine Kausalität zur Mildität meiner Weltanschauung ¤¤

ruebenwurzel

WebsiteBaker Org e.V.

Offline

Offline

Posts: 7973

Re: encoding

« Reply #7 on: October 06, 2006, 08:37:30 PM »

Hello,

This is the original line wich should be in every Template:

Code:

This code should take the charset informations from the WB settings and if nothing is found sets the charset to utf8. I heared about a few installations wich this call didn't work so the templates always have UTF8.

On your page i see you need special chars and for this a specified charset. It's not ISO-8859-1, search the internet for the specified charset of your country. If you have found the right one i would hardcode it in the template. Replace the line above with:

Code:

And replace in this line UTF8 with your specified charset. This charset you should also define in the options of WB.

It could be that this not alone solves your problem. Because of the wrong charset the special chars are maybe wrong stored in the database. So if some special chars are not shown ok, replace it and store the pages again.

Hope this helps

Matthias


	Logged

nipumuck

Offline

Posts: 21

Re: encoding

« Reply #8 on: October 07, 2006, 02:41:13 AM »

hi babsy

maybe you need the charset ISO 8859-10 ? this charset includes chars from inuit and sami and should be the right charset for your area.

example:

<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'iso-8859-10'; }?>" />

actually i see that there is ISO 8859-2 on http://klaknav.sudurras.com/

charset ISO 8859-2 really not the right charset for you, it is latin-2 for most east european country like Romania etc...

i hope this will help a little rolleyes

greets,
nipumuck


	Logged

¤¤ Die Wuppdität der Erdkrümmung hat keine Kausalität zur Mildität meiner Weltanschauung ¤¤

babsy

Offline

Posts: 322

Re: encoding

« Reply #9 on: October 07, 2006, 12:08:45 PM »

hi!!

Now i tryed to change the encoding, i tryed all your answers, but still it wont show any of the letters æ,ø,å,ý,ó ??

the problem is still just in the template index!!.. is there any where else, i can change the encoding... (beside in the admin)

and nipumuck, you said you could see i use encoding iso-8859-2, where can you that, maybe there is some place i´m not changing it...

i tryed looking at my other website, where i use exacly the same info before the body,... www.sudurras.com.... and there it works fine ... so its like its somewhere else i should change the settings, i just have no idea where?

but thanks for helping

i´ll keep trying!


	Logged

dfelix

Offline

Posts: 41

Re: encoding

« Reply #10 on: September 17, 2008, 05:15:02 PM »

I have a similar problem..

In Admin everything looks ok..
Page titles and menu titles of the articles looks ok with correct accents.

In the template i get wrong characters.

Example: Competição
Using UTF8 i get: CompetiÃ§Ã£o
Changing to iso-8859-1 I get: CompetiÃƒÂ§ÃƒÂ£o

The news or article contents are ok, because wysiwyg editor convert accents to html elementos like ú or nã ,etc..


	Logged

frstT1mer

Offline

Posts: 15

Re: encoding

« Reply #11 on: September 17, 2008, 09:55:27 PM »

Does anyone know how to get this code to work on WB? It shows up but does not work properly. Please help fast!

<html>
<head>
<title>Rollover Notes</title>
<script type="text/javascript" src="rolloverText.js"></script>
<style>
dt {
font-weight:bold;
}
</style>
</head>
<body>

<div style="width: 50%; margin-left: 5%;">
<dl>
<dt><a href="http://www.uwm.edu/">Scott Hoffland</a></dt>
<dd>The Head Chair Member For NACUFS Regional Conference 2009 (<em>specifications</em>, <em>guidelines</em>, <em>software</em>, and <em>tools</em>) to lead the Web to its full potential.</dd>
</dl>
<dl>
<dt><a href="http://en.wikipedia.org/wiki/Unobtrusive_JavaScript">Unobtrusive JavaScript</a></dt>
<dd>The separation of JavaScript functionality (the "behavior layer") from a Web page's structure/content and presentation layers</dd>
</dl>
<dl>
<dt>Unrelated stuff (no link)</dt>
<dd>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental.</dd>
</dl>
</div>

</body>
</html>


	Logged

BerndJM

Offline

Posts: 1764

Re: encoding

« Reply #12 on: September 18, 2008, 02:17:37 AM »

@dfelix:
Make sure, that you use the same charset definition in your template as defined in the admin options.
Changes on the charset should only be done before the first page ist added, otherwise you have to edit and save the pages again.

@frstT1mer:
what means

Quote

does not work properly

my crystal ball is out of order at the moment.
Where you want to use this code: in a template - in WYSIWYG page - in a Codepage ...
And please, if you post code, use the code tag (the button with the #).

Regards Bernd


	Logged

In theory, there is no difference between theory and practice. But, in practice, there is.

dfelix

Offline

Posts: 41

Re: encoding

« Reply #13 on: September 18, 2008, 10:56:32 AM »

Quote from: BerndJM on September 18, 2008, 02:17:37 AM

I found that the problem is ralated to the SMF's SSI.php import in the template.
Removing the ssi require all accents are correctly displayed...

Now, i have to found a way to use ssi without this problema..


	Logged

frstT1mer

Offline

Posts: 15

Re: encoding

« Reply #14 on: September 18, 2008, 05:08:01 PM »

It doesn't work correctly because When the cursor is over the title text, ex. Scott Hoffland, the description text should drop down or appear. Instead all of the text is showing. Sorry should have been more clear. undecided


	Logged

frstT1mer

Offline

Posts: 15

Re: encoding

« Reply #15 on: September 18, 2008, 05:09:29 PM »

P.S. I have also tried it using the code box and it doesn't work at all. I have to put it into an HTML box to even get it to show up.


	Logged

BerndJM

Offline

Posts: 1764

Re: encoding

« Reply #16 on: September 18, 2008, 10:03:13 PM »

If I understand you right:
the content of the dd's is initaly hidden and only shown with a hover over the a in the dt's

So Ithink you missed something in your CSS to initally hide the dd's for example:

Code:

dd {
display: none;
}

Could also be a visibility: hidden - that depends on the way the rollover.js works.

Regards Bernd


	Logged

In theory, there is no difference between theory and practice. But, in practice, there is.

frstT1mer

Offline

Posts: 15

Re: encoding

« Reply #17 on: September 19, 2008, 03:58:41 PM »

Sorry, that didn't work, thanks though. Atleast I don't think it does. Maybe I put it in the wrong spot, but the code work on other applications like iweb. So it might be a baker thing. Would you know how to write something like this to also display pictures, like in a wysiwyg and still use javascript to run within it? I am not very good at writing code and you seem like a master.


	Logged

frstT1mer

Offline

Posts: 15

Re: encoding

« Reply #18 on: September 19, 2008, 06:56:58 PM »

I found this as well and want to try it out, but cannot get the image to display. do I have to name a direct route or is uploading the image to the media folder and just naming the picture with .jpg(assuming thats what it is) work?
This is what the code sorta looks like

messages[1] = new Array('duck2.gif','Here is a duck on a light blue background.',"#DDECFF");

But the picture doesn't show, even with my own, so I figure that I am directing it incorrectly?


	Logged

dfelix

Offline

Posts: 41

Re: encoding

« Reply #19 on: September 22, 2008, 09:40:44 AM »

Quote from: dfelix on September 18, 2008, 10:56:32 AM

Quote from: BerndJM on September 18, 2008, 02:17:37 AM

I finnaly corrected this problem changing the WB database collation to utf8_general_ci

Now including SMF's ssi.php on the template, both wb and smf's sii content looks ok!


« Last Edit: September 22, 2008, 09:42:22 AM by dfelix »	Logged

frstT1mer

Offline

Posts: 15

Re: encoding

« Reply #20 on: September 23, 2008, 07:29:04 PM »

Can someone look at this code and tell me why the pictures are not showing up with the text. The rest of the script is working fine just cannot get any pictures to show up. Please help!

/* IMPORTANT: Put script after tooltip div or
put tooltip div just before </BODY>. */

var dom = (document.getElement ById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true: false;
var ie5 = ((navigator.userAgent .indexOf("MSIE")>-1) && dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;

var origWidth, origHeight;

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

/////////////////////// CUSTOMIZE HERE ////////////////////
// settings for tooltip
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= false;
// Be sure to set tipWidth wide enough for widest image
var tipWidth= 420;
var offX= 20; // how far from mouse to show tip
var offY= 12;
var tipFontFamily= "Verdana, arial, helvetica, sans-serif";
var tipFontSize= "8pt";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor= "#000000";
var tipBgColor= "#DDECFF";
var tipBorderColor= "#000080";
var tipBorderWidth= 3;
var tipBorderStyle= "ridge";
var tipPadding= 4;

// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing:
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip
messages[0] = new Array('/media/me.jpg','Look at this clown!',"#FFFFFF");
messages[1] = new Array('duck2.gif','Here is a duck on a light blue background.',"#DDECFF");
messages[2] = new Array('test.gif','Test description','black','white');

//////////////////// END OF CUSTOMIZATION AREA ///////////////////

// preload images that are to appear in tooltip
// from arrays above
if (document.images) {
var theImgs = new Array();
for (var i=0; i<messages.length; i++) {
theImgs = new Image();
theImgs.src = messages
;
}
}

// to layout image and text, 2-row table, image centered in top cell
// these go in var tip in doTooltip function
// startStr goes before image, midStr goes between image and text
var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
var midStr = '" border="0"></td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
// initTip - initialization for tooltip.
// Global variables for tooltip.
// Set styles
// Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip() {
if (nodyn) return;
tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElement ById('tipDiv'): null;
tipcss = tooltip.style;
if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites
tipcss.width = tipWidth+"px";
tipcss.fontFamily = tipFontFamily;
tipcss.fontSize = tipFontSize;
tipcss.color = tipFontColor;
tipcss.backgroundCo lor = tipBgColor;
tipcss.borderColor = tipBorderColor;
tipcss.borderWidth = tipBorderWidth+"px";
tipcss.padding = tipPadding+"px";
tipcss.borderStyle = tipBorderStyle;
}
if (tooltip&&tipFollowMouse) {
document.onmousemov e = trackMouse;
}
}

window.onload = initTip;

/////////////////////////////////////////////////
// doTooltip function
// Assembles content for tooltip and writes
// it to tipDiv
/////////////////////////////////////////////////
var t1,t2; // for setTimeouts
var tipOn = false; // check if over tooltip link
function doTooltip(evt,num) {
if (!tooltip) return;
if (t1) clearTimeout(t1); if (t2) clearTimeout(t2);
tipOn = true;
// set colors if included in messages array
if (messages[num][2]) var curBgColor = messages[num][2];
else curBgColor = tipBgColor;
if (messages[num][3]) var curFontColor = messages[num][3];
else curFontColor = tipFontColor;
if (ie4||ie5||ns5) {
var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
tipcss.backgroundCo lor = curBgColor;
tooltip.innerHTML = tip;
}
if (!tipFollowMouse) positionTip(evt);
else t1=setTimeout("tipcss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
standardbody=(document.compatMode=="CSS1Compat")? document.documentEl ement : document.body //create reference to common "body" across doctypes
mouseX = (ns5)? evt.pageX: window.event.client X + standardbody.scroll Left;
mouseY = (ns5)? evt.pageY: window.event.client Y + standardbody.scroll Top;
if (tipOn) positionTip(evt);
}

/////////////////////////////////////////////////////////////
// positionTip function
// If tipFollowMouse set false, so trackMouse function
// not being used, get position of mouseover event.
// Calculations use mouseover event position,
// offset amounts and tooltip width to position
// tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
if (!tipFollowMouse) {
standardbody=(document.compatMode=="CSS1Compat")? document.documentEl ement : document.body
mouseX = (ns5)? evt.pageX: window.event.client X + standardbody.scroll Left;
mouseY = (ns5)? evt.pageY: window.event.client Y + standardbody.scroll Top;
}
// tooltip width and height
var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
var tpHt = (ie4||ie5)? tooltip.clientHeigh t: tooltip.offsetHeigh t;
// document area in view (subtract scrollbar width for ns)
var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.client Width+standardbody.scrollLeft;
var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.client Height+standardbody.scrollTop;
// check mouse position against tip and window dimensions
// and position the tooltip
if ((mouseX+offX+tpWd)>winWd)
tipcss.left = mouseX-(tpWd+offX)+"px";
else tipcss.left = mouseX+offX+"px";
if ((mouseY+offY+tpHt)>winHt)
tipcss.top = winHt-(tpHt+offY)+"px";
else tipcss.top = mouseY+offY+"px";
if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
if (!tooltip) return;
t2=setTimeout("tipcss.visibility='hidden'",100);
tipOn = false;
}

document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>')

</script>

<a href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()">Chris Brannin</a><br>
<a href="#" onmouseover="doTooltip(event,1)" onmouseout="hideTip()">Link 2</a>


	Logged

Ruud

WebsiteBaker Org e.V.

Offline

Offline

Posts: 2297

Re: encoding

« Reply #21 on: September 23, 2008, 08:52:06 PM »

Assuming the script is found somewhere on the net and should be working, the problem would be that the location of the images that are wrong.

Code:

messages[0] = new Array('/media/me.jpg','Look at this clown!',"#FFFFFF");
messages[1] = new Array('duck2.gif','Here is a duck on a light blue background.',"#DDECFF");
messages[2] = new Array('test.gif','Test description','black','white');

/media/me.jpg should be working, providing your WB setup has a /media (not a /wb/media) directory.
images in a script without a path will mostly not work. The images are loaded in the directory of the current page.

Try loading the image in your browser and copy the url from your browser address bar. Paste that url in the script and try again.

If that doesn't work, please give us a link where we can have a look at the page with the script.

Ruud


	Logged

Professional WebsiteBaker Solutions

frstT1mer

Offline

Posts: 15

Re: encoding

« Reply #22 on: September 24, 2008, 05:54:53 PM »

I tried all three ways. /media, /wb/media/, and the direct path from the harddrive and none of them work. Here is the URL from where I found this;

http://www.dynamicdrive.com/dynamicindex4/imagetooltip_dev.htm

Thanks for looking


	Logged

Ruud

WebsiteBaker Org e.V.

Offline

Offline

Posts: 2297

Re: encoding

« Reply #23 on: September 24, 2008, 10:42:29 PM »

The script on dynamicdrive.com works. Thats no suprise.
Looking at that script we cannot see why your configuration doesn't.

Do you have a link for your installation? That might help in debugging.

Ruud


	Logged

Professional WebsiteBaker Solutions

frstT1mer

Offline

Posts: 15

Re: encoding

« Reply #24 on: September 26, 2008, 03:40:18 PM »

This is what I wrote as far as trying to get the picture to work from the media folder

messages[0] = new Array('/media/me.jpg','<h3>(Outpost) Food Allergies + Gluten-free lifestyle',"#FFFFFF");
messages[0] = new Array('C:\Documents and Settings\brannin\Desktop','<h3>(Outpost) Food Allergies + Gluten-free lifestyle',"#FFFFFF");
messages[0] = new Array('/WB/media/me.jpg','<h3>(Outpost) Food Allergies + Gluten-free lifestyle',"#FFFFFF");

This is the page in which it is being displayed on
http://www.aux.uwm.edu/nacufs/pages/schedule/speakers.php

I dont know if I can give access due to this being a school site and being live, but might be able to work something out if you can help. This is my first web based project so I'm sort of incompetent as far as html knowledge goes, so thanks.


	Logged

Pages: [1] 2 Go Up