accent avec lightbox

**coachllb** · 17/08/2007, 10h38

Bonjour,

j'utilise les scripts prototype accompagné de lightbox.js pour afficher du contenu via une fentre modal. (jutilise maintenant lightbox car bien plus performant que ma programmation perso tentée)
(c'est le script de http://particletree.com/features/lightbox-gone-wild/)

lorsque j'affiache le contenu d'un fichier php dans l'overlay, j'ai un problème d'accent. Ils sont remplacé par un caractère à la c....
Pour info ces accents s'affichent correctement dans la page html, normal il y a le doctype avec le charset iso8859-1).
j'ai testé la page php (que j'ouvre dans l'overaly) en l'afficahnt dans une page html classique (doctype+charset), je n'ai pas le problème.
C'est juste lors de l'affichage dans l'overlay, qui n'est pourtant qu'une div.

Si vous pouvez m'aider, merci.

PS : suis je assez clair ou est-ce confus ?

**shushed** · 03/09/2007, 09h56

Salut,
Je viens de tomber sur cette question suite à une recherche google. J'ai exactement le même problème. Quelqu'un saurait-il comment le résoudre?

Merci!

**Louison** · 12/03/2008, 09h35

Bonjour,

J'ai également utilisé les lightBox (lightBox gone wild) citées dans le premier post, et comme j'affiche des données d'une requête PHP, les accents sont remplacés par le "?".

Pensant que le problème venait du JS du lightBox, j'ai testé avec un autre module, nommé "Ibox", mais le problème est toujours la, les accents ne sont pas affichés...

Je ne vois vraiment pas de quoi cela viens, quelqu'un aurait une solution, ou les deux personne ayant posté ci-dessus ont-elles trouvé quelque chose ?

Merci d'avance.

Ps : Si vous voulez mon code je peux seulement le montrer..

**Louison** · 20/04/2008, 16h57

Personne n'a pu résoudre ce problème ?? J'ai essayé tout ce que j'ai pu, rien ne fonctionne...

Merci d'avance

**Jumano** · 20/04/2008, 17h12

Bonjour,
As-tu regardé du côté PHP en essayant utf8_decode() ...

**SpaceFrog** · 21/04/2008, 09h46

dasn le header du fichier php qui renvoie les données mettez un charset dans le header ...

**Louison** · 28/08/2008, 19h49

Bonjour,

Je m'excuse de déterrer le sujet, mais je n'ai toujours pas trouvé de réponse, après beaucoup de recherches...

J'utilise donc les lightbox (lightbox gone wild), et les caractères spéciaux sont toujours remplacés par ce "?" de m...

Voici mon code simplifié :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<title></title>
</head>
<body>
	<?php
                $events = mysql_fetch_array(mysql_query("SELECT * FROM c_evenements WHERE id_event='$id'"));
                echo $events['description']
    ?>
</body>
</html>

J'ai donc un charset sur mon document, mais il n'y a toujours pas de changements...

Est-ce que quelqu'un a trouvé une solution ?

Merci d'avance

**SpaceFrog** · 28/08/2008, 20h21

dasn le bout de code donné je ne vois pas d'utilsation de lightbox ?

A moins que ce ne soit une page reçue en retour d'ajax ... ?

ce n'est pas dans le html qu'il faut mettre le charset, mais au niveau du header

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<?php 
header('charset="iso-8859-1"');
                $events = mysql_fetch_array(mysql_query("SELECT * FROM c_evenements WHERE id_event='$id'"));
                echo $events['description']
    ?>

et pas de head html !!!

**Louison** · 28/08/2008, 23h07

C'est vrai il n'y a aucun appel de lightbox..

En fait j'ai un fichier JS "lightbox.js", un fichier de styles pour l'affichage,
et l'appel lightbox se fait simplement sur le lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href='accueil/box.php?page_box=menus_box&id=".$last['id_type']."' rel='ibox' class='noir'>".titre_sel($last['desc'],33)."</a>

J'ai essayé d'enlever le header HTML et d'ajouter celui en PHP juste avant l'affichage des données, mais aucun changement... Pour info le fichier javascript est "ibox.js" je sais pas si quelqu'un connait... Mais j'en avais essayé d'autres et j'avais le même soucis...

**SpaceFrog** · 29/08/2008, 08h50

mets utf-8 comme charset dans le header de la réponse ...

**xufux** · 29/08/2008, 11h13

j'ai déjà utilisé des clones de lightbox et souvent, le contenu du lightbox est une frame : ce qui est affiché dans le div du lightbox est une page html complete.
donc si ce que tu essaie d'afficher n'est qu'un bout de code (sans les balises <html> le doctype et compagnie) la page inserée dans la frame crée ces éléments avec des valeurs par défaut qui ne sont pas forcémenent celles que tu attends.

Que donne l'affichage du contenu du lightbox directement depuis le navigateur ?
c'est a dire: as-tu des problème d'accent si tu ouvre la page accueil/box.php?page_box=menus_box&id=... directement ?

**SpaceFrog** · 29/08/2008, 11h22

au prie convertir en octal les caractères accentués ... ?

**Louison** · 29/08/2008, 12h35

Alors j'ai testé avec UTF-8 également, mais toujours pas d'amélioration malheureusement...

Pour ce qui est de l'affichage du contenu directement sur la page comme l'a suggéré xufux, en effet je n'ai plus de problèmes de caractères spéciaux...

Je n'arrive pas à voir le code de la "popup" ouverte par contre, je ne peux donc pas voir ce qui est généré automatiquement...

Merci bien !

**xufux** · 29/08/2008, 14h31

ton problème: tu insères dans le div ibox_content une page html complete (avec sa balise <html>, son css, etc)

- soit tu utilises une frame pour charger ta page "http://www.clicguide.com/accueil/box.php?page_box=events_box&id=27"

- soit tu remplis le div ibox_content avec seulement du contenu html.

**Louison** · 02/09/2008, 00h32

Merci pour votre aide. Je vais tester et modifier mon code avec vos suggestions, et vous redirai ce que ça donne.

Merci !

**Louison** · 30/10/2008, 14h00

Voila, je n'avais pas eut le temps de tester vos indications, je m'y suis remis aujourd'hui, et j'ai pour finir trouver une solution facile qui marche bien !

Tous mes accents au niveau texte je les mets en : é pour le "é"

Et pour les données prises depuis la BD, j'utilise la fonction htmlentities(string) de PHP.

Voila !

accent avec lightbox

JavaScript

Discussions similaires

Partager

Partager