MySQLでselect文を発行した際の表示

質問

お世話になります。

この質問はPHPが原因なのか、MySQL側での問題なのか、
又はHTML上での問題なのか全く分からないので、
いつも質問しているPHPカテゴリに投稿することにしました。

データをselectしてブラウザへ反映させると、１つの項目だけ「 - 」ハイフンの表示になります。

コードは、

※select文の発行を行い

echo "<div class=\"recommendItem\"><a href=\"".$body["img_comp"]."\" rel=\"lightbox[plants]\" title=\"".$body["img_body"]."\"><img src=\"".$body["img_comp"]."\" alt=\"".$body["img_body"]."\" /></a>";
echo "<div class=\"detail clearfix\">";
echo "<p class=\"menuName\">".$body["img_body"]."</p>";
echo "<p class=\"price\">".number_format($body["img_title"])."円</p>";
echo "</div>";
echo "</div>";

といった具合に書いています。

問題のハイフンの表示になる項目は、【 number_format($body["img_title"]) 】の箇所で、
後ろに「 円 」が付いていますが、ブラウザで反映させると「 円 」がハイフンに変換されて
表示され、金額$body["img_title"]が表示されません。
しかし、ブラウザからソースを開くと金額も円も表示されています。

このブロックをwhile文で回しているのですが、例えば５つのデータがデータベースに
入っていると、３つ目の$body["img_title"]だけが表示されず、「 円 」がハイフンに変わっています。

実は、PC用サイトとスマホ用ページの２種類作っていて、ユーザエージェントを取得して
該当のページにスマホでアクセスしたら、アクセス先（ディレクトリ名やファイル名）を
振り分けるようにしています。
この現象が発生しているのは、スマホ用のページでPC用のページは正常に表示されます。

select文からデータベース接続に至るまで、PC用、スマホ用、全く同じソースにしています。

スマホでアクセスすると一瞬正常に表示されますが、HTMLを完全に読み込むと
「 円 」がハイフンの表示になります。（金額は表示されません。）

PC用ページ、スマホ用ページの両方に全く同じコードを使用しているのに、ページによって
表示される、されない（しかも複数アイテムの内１アイテムの１項目だけが）が発生したのが
今回が初めてで、非常に混乱しております。
何が原因なのか全く原因を掴むことができないので、似たような経験をお持ちで
解決された方がおられましたら、何卒ご教示いただけますでしょうか？

▼各スペックについて

PHP 5.3.3
MySQL 5.0.95

閲覧ブラウザ chrome、IE9

どうぞよろしくお願い申し上げます。

回答No.3

t_ohta · ベストアンサー

例示して頂いた内容等をもとに数パターン試してみましたが、私の手元では再現できませんでした。
データベースのデータに何らかの制御文字のような物が混入していて表示をおかしくしているような気がします。
No.2さんの回答にあるように、データを詳しく調べる必要があると思います。

根本解決ではありませんが
number_format((int)$body["img_title"])
のように、DBの値をintにキャストしてやると余計な文字は消えるので、とりあえずは改善されるかもしれません。

お礼

まだ解決には至っておりませんが、デザイナーサイドにも報告し、検証してもらっています。

データベース、PHPロジックと、HTMLの両者で検証を行って参ろうと思っております。

参考になるご回答をいただき、大変感謝申し上げます。

ありがとうございました。

回答No.2

hogehoge78

数字に紛れて別の文字が入っていたりしてませんか？

随分前に、上手く動かないと言った話が出た時に、「ZERO WIDTH SPACE」が行末に紛れ込んでいた、なんてことがあったりしていたんですが、そういうようなものはないんでしょうか。

<?php
echo bin2hex($body["img_title"]); //バイナリを16進数表現に変換する
?>

などとしてみていただいた時に、変な値が吐出されたりしませんか？

お礼

ご回答をいただき、ありがとうございます。

なるほど、１６進数に変換して検証。という方法もあるのですね。
大変参考になりました。
ありがとうございます。検証してみます。

回答No.1

t_ohta

$body["img_title"]　の中身はどのようなデータが入っているのでしょうか。
ソースには出ているという事なので、データの中にタグとみなされるような文字が混ざっているか、なんらかの制御コードが混入している可能性があると思います。

あと、PHPを使用しているのであれば、わざわざタグを　echo　で出す必要は無いと思いますし、コーディングの手間やデバッグを考えると直した方がいいと思いますよ。
↓こんな風に
・・・・ ?>
<div class="recommendItem"><a href="<?php echo $body["img_comp"]; ?>" rel="lightbox[plants]" title="<?php echo $body["img_body"]; ?>"><img src="<?php echo $body["img_comp"]; ?>" alt="<?php echo $body["img_body"]; ?>" /></a>
<div class="detail clearfix">
・・・・

お礼

早速のご回答ありがとうございます。

$body["img_title"]の中身は、データベースにinsertされているテキストデータを
単純にselectし、number_formatで３桁のカンマ区切りをして表示しております。
因みに、number_formatを外しても改善されませんでした。

以下、ブラウザへ反映されたソースです。（URLは伏せております。）

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<!-- thumb -->
<div class="recommendItem">
<a href="https://www.URL/000000006.jpg" rel="lightbox[plants]" title="商品１">
<img src="https://www.URL/000000006.jpg" alt="商品１" /></a>
<div class="detail clearfix">
<p class="menuName">商品１</p>
<p class="price">1,000円</p>
</div>
</div>
<!-- /thumb -->

<!-- thumb -->
<div class="recommendItem">
<a href="https://www.URL/000000012.jpg" rel="lightbox[plants]" title="商品２">
<img src="https://www.URL/000000012.jpg" alt="商品２" /></a>
<div class="detail clearfix">
<p class="menuName">商品２</p>
<p class="price">0円</p>
</div>
</div>
<!-- /thumb -->

<!-- thumb -->
<div class="recommendItem">
<a href="https://www.URL/000000011.jpg" rel="lightbox[plants]" title="商品３">
<img src="https://www.URL/000000011.jpg" alt="商品３" /></a>
<div class="detail clearfix">
<p class="menuName">商品３</p>
<p class="price">2,000円</p>
</div>
</div>
<!-- /thumb -->

<!-- thumb -->
<div class="recommendItem">
<a href="https://www.URL/000000010.jpg" rel="lightbox[plants]" title="商品４">
<img src="https://www.URL/000000010.jpg" alt="商品４" /></a>
<div class="detail clearfix">
<p class="menuName">商品４</p>
<p class="price">2,300円</p>
</div>
</div>
<!-- /thumb -->

<!-- thumb -->
<div class="recommendItem">
<a href="https://www.URL/000000006.jpg" rel="lightbox[plants]" title="商品５">
<img src="https://www.URL/000000006.jpg" alt="商品５" /></a>
<div class="detail clearfix">
<p class="menuName">商品５</p>
<p class="price">3,000円</p>
</div>
</div>
<!-- /thumb -->

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

３つ目のブロックの<p class="price">2,000円</p>が、
<p class="price">-</p>という形でブラウザへ反映されてしまいます。

ハイフンをコピーして、テキストエディタ等にペーストすると、
円と表示されます・・・。

何度も申し上げますが、この５つのブロックはwhileループで表示して
おりますので、３つ目のブロックの$body["img_title"]だけが
ハイフンの表示になるのが、全く意味が分からなく思っております。

解決の糸口がございましたら、何卒よろしくお願い申し上げます。

※echoのご指摘をいただき、ありがとうございます。
ダブルクォートのエスケープ処理も面倒ですしね。
昔からこの様な書き方でして、今後改善して参ります。
ありがとうございます。