JSon et caract�res sp�ciaux

**zeroara** · 20/12/2009, 12h48

Bonjour c'est encore moi

j'ai une application qui en fonction de l'image sur laquelle on clic nous retourne l'image en grand avec diverses informations.

Mon probl�me est que lorsque ces informations contienne un caract�re accentu� il m'indique une valeur null.
c'est informations provienne d'une base de donn�es et tout est encor� en UTF8 et mes pages en ISO-8859-1.

Merci d'avance

**emmanuel.remy** · 20/12/2009, 13h02

Salut,

La description de ton souci est un peu courte.

Ta page est encod�e en ISO-8859-1, ta base en UTF-8. Les donn�es issues de ta base ont elles �t� cod�es en iso-8859-1 pour �tre ins�r�es dans ta page ? Ou ta base le fait peut-�tre automatiquement ?

En bref, quel est le lien (source HTML) qui apparait vers ta grande image ?

ERE

**kernelfailure** · 20/12/2009, 13h29

valeur null ?

Un peu plus de pr�cision aussi pour 'null' :
La cha�ne de caract�re est null ?
Le caract�re � l'int�rieur de la cha�ne est null ?
A partir de quel moment ?

**zeroara** · 20/12/2009, 13h44

je vous place des bou de code pour mieux comprendre et je m'explique plus en d�tail en dessous

code de la page en question :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<script language="javascript">
	var objJsonJS=<?php  echo $arrayjson; ?>
 
 
	function ChangeImage(i) {
		var image = objJsonJS[i]
		var url = "upload/"+image['nomFichier']                  		    		
 
 
	var chemin = '<img src="'+url+'" WIDTH="550px"/>';
 
    with (document.getElementById('gallery')) {
        innerHTML = chemin;
    }
 
    with (document.getElementById('infoImage')) {
 
		var texte = image['nom']+"<br /><br />"+image['description']
        innerHTML = texte;
    }
							}
 
 
</script> 
 
</div>
<div id='infoImage'>
 
 
</div>
 
 
<div id='miniImages'>			
 
<?php 
if(isset($_GET['page']) )
{
		$i = $_GET['page'];
}
else
{
     $i= 0;  
}
$j = 0;
while ($j <= $nb && $i <= $total-1 ){
		echo "<img id='img' onClick=\"ChangeImage(".$i.")\" src='upload/".$images[$i]['nomFichier']."' WIDTH=50px  />&nbsp;";
$j++;
$i++;
}

en-t�te des pages :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

       <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

j'espere en avoir mis suffisament.

pour la valeur nul(le innerHTML affiche nul � l'�cran) elle apparait dans le javascript (d'apr�s mes recherches c'est le Json qui en est la cause) car si je fais un echo des valeurs dans le php elles s'affichent normalement avec accent et tout ce qui va avec.

Je passerais r�guli�rement pour r�pondre � toutes questions �ventuelle.

merci d'avance

**kernelfailure** · 20/12/2009, 14h39

La page g�n�r�e serait plus parlante. PHP n'est pas ce qu'il y a de plus � propos avec javascript (Les tags PHP devraient �tre rejet� sur ce forum

).

C'est par l� qu'il faut chercher :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var objJsonJS=<?php  echo $arrayjson; ?>

Dans ton code PHP, dirige aussi ton $arrayjson vers un fichier syst�me pour consulter son contenu.
Donc, soit ton codage PHP>JSON, soit ton extraction/transcodage SQL>PHP

**zeroara** · 20/12/2009, 15h18

pour le Json je fais

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

$arrayjson=json_encode($images);

juste avant (dans du code php)

si je comprend bien tu voudrais que je mette des screens de l'application ?

**kernelfailure** · 20/12/2009, 16h45

Envoy� par zeroara

si je comprend bien tu voudrais que je mette des screens de l'application ?

"Afficher source" de ta page sous le navigateur, et un copier/coller de la partie g�n�r�e.

L'environnement naturelle (� l'origine) d'ex�cution de javascript, c'est HTML*.

* Sauf exceptions

**zeroara** · 20/12/2009, 16h57

ah ok je savais pas. j'apprendrais encore quelque chose aujourd'hui merci

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head> 
       <title>Patrick Clouet</title>
       <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" href="style.css" />
   </head>
 
   <body>
<div id="en_tete">
   <!-- Texte du haut de page -->
 
</div>
 
<div id="menu">
   <div class="element_menu"> <!-- Cadre correspondant à un sous-menu -->
       <a href='accueil.php'>Accueil</a><br /><br />
       <a href='accueil.php'>News</a><br /><br />
       <a href='accueil.php'>Galerie 1</a><br /><br />
       <a href='galerie2.php'>Galerie 2</a><br /><br />
 
       <a href='accueil.php'>Portraits</a><br /><br />
       <a href='accueil.php'>Blog</a><br /><br />
       <a href='accueil.php'>Bio</a><br /><br />
       <a href='accueil.php'>Contact</a>
   </div>
</div> 
<div id="corps">
 
<div id='gallery'>
 
 
<script language="javascript">
	var objJsonJS=[{"nom":"Amandes","description":"Recherche Personnelle","nomFichier":"amandes.jpg","dateUpload":"13\/12\/2009"},{"nom":"Figues","description":"Recherche Personnelle","nomFichier":"figues.jpg","dateUpload":"13\/12\/2009"},{"nom":"Huile d'olives","description":"Illustration d'ambiance. Client : Sodebo","nomFichier":"huileDolives.jpg","dateUpload":"13\/12\/2009"},{"nom":"Antilles","description":"Recherche Personnelle","nomFichier":"antilles.jpg","dateUpload":"13\/12\/2009"},{"nom":"Maroc","description":"Recherche Personnelle","nomFichier":"maroc.jpg","dateUpload":"13\/12\/2009"},{"nom":"Venise","description":"Recherche Personnelle","nomFichier":"venise.jpg","dateUpload":"13\/12\/2009"},{"nom":"Penestin","description":"Recherche Personnelle","nomFichier":"penestin.jpg","dateUpload":"13\/12\/2009"},{"nom":"Paysage de Provence","description":"Illustration d'ambiance. Marque Distributeur","nomFichier":"paysageDeProvence.jpg","dateUpload":"13\/12\/2009"},{"nom":"Fruits Rouges","description":"Illustration d'ambiance. Marque Distributeur","nomFichier":"fruitsRouges.jpg","dateUpload":"13\/12\/2009"},{"nom":null,"description":"Illustration pour pack Lobodis. Agence : DDB Nouveau Monde","nomFichier":"cafe.jpg","dateUpload":"13\/12\/2009"},{"nom":"Oie","description":"Saveurs du terroir pour pack. Agence : Euro RSCG","nomFichier":"oie.jpg","dateUpload":"13\/12\/2009"},{"nom":"Produits Regionaux","description":null,"nomFichier":"produitsRegionaux.jpg","dateUpload":"13\/12\/2009"},{"nom":"Produits Regionaux 2","description":null,"nomFichier":"produitsRegionaux2.jpg","dateUpload":"13\/12\/2009"},{"nom":"Saveurs Italiennes","description":"Saveurs Italiennes marque distributeur. Agence : Unicom","nomFichier":"saveursItaliennes.jpg","dateUpload":"13\/12\/2009"}]	
 
	function ChangeImage(i) {
		var image = objJsonJS[i]
		var url = "upload/"+image['nomFichier']                  		    		
 
 
	var chemin = '<img src="'+url+'" WIDTH="550px"/>';
 
    with (document.getElementById('gallery')) {
        innerHTML = chemin;
    }
 
    with (document.getElementById('infoImage')) {
 
		var texte = image['nom']+"<br /><br />"+image['description']
        innerHTML = texte;
    }
							}
 
 
</script> 
 
</div>
<div id='infoImage'>
 
 
</div>
 
 
<div id='miniImages'>			
 
<img id='img' onClick="ChangeImage(10)" src='upload/oie.jpg' WIDTH=50px  />&nbsp;<img id='img' onClick="ChangeImage(11)" src='upload/produitsRegionaux.jpg' WIDTH=50px  />&nbsp;<img id='img' onClick="ChangeImage(12)" src='upload/produitsRegionaux2.jpg' WIDTH=50px  />&nbsp;<img id='img' onClick="ChangeImage(13)" src='upload/saveursItaliennes.jpg' WIDTH=50px  />&nbsp;<br /><a align='left' href='galerie2.php?page=4'>page Précédente </a>&nbsp;&nbsp;&nbsp;&nbsp;<a align='right' href='galerie2.php?page=14'>page Suivante </a></div>
 
</div>

**kernelfailure** · 20/12/2009, 17h36

Je crois qu'il va falloir que tu d�places la fin d'un tag DIV.

A partir d'ici :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
with (document.getElementById('gallery')) {
        innerHTML = chemin;
    }

Tu efface certainement ton script, puisqu'il est 'enfant' de DIV[id=gallery]

Fait tr�s attention aussi, les ids doivent �tre unique. Et l� tu as plus d'un id="img"

Par ailleurs, v�rifie ta base :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

{"nom":null,"description":"Illustration pour pack Lobodis. Agence : DDB Nouveau Monde","nomFichier":"cafe.jpg","dateUpload":"13\/12\/2009"}

**zeroara** · 20/12/2009, 17h41

justement le probl�me viens de ces valeurs null puisqu'elles le devienne � la conversion php ==> javascript
quand je les echo par de probl�mes

**zeroara** · 20/12/2009, 18h11

Bon j'ai finalement trouver une solution convenable j'ai utiliser un htmlentities() sur toutes les valeurs que je r�cup�re de ma base de donn�es.

Merci pour ton aide je place le post en r�solu en esp�rant ne pas revenir tout de suite (sauf pour aider � la rigueur)

**SpaceFrog** · 21/12/2009, 14h19

Il y a un tr�s bon tuto sur comment ne pas s'emmeler les crayons avec les charsets ...http://j-willette.developpez.com/tut...-site-en-utf8/

de base je mets toujours les fichiers en utf-8 sans BOM, mes tables en utf8, et si le serveur est param�tres en ISO je fais un setNames utf8 lors de mes connections et requetes ...

JSon et caract�res sp�ciaux

JavaScript

Discussions similaires

Partager

Partager