※ ChatGPTを利用し、要約された質問です(原文:modalbox使用時の文字化けについて)
modalbox使用時の文字化けについて
このQ&Aのポイント
WEBサイトでmodalboxを使用する際に文字化けが発生する問題があります。
A.phpからB.phpをmodalboxで表示させると、文字が化けて表示されます。
B.phpはutf-8を指定しており、画像やテーブルには問題はありません。
初めて質問させて頂きます。よろしくお願いします。
現在作成中のWEBサイトにmodalboxを実装させ、htmlを表示させようと試みているのですが、文字化けにより正しく表示されません。
対象となるページは下記の2種です。
A.php(遷移元ページ…modalboxを実装しているページ)
B.php(遷移先ページ…A.phpのmodalboxより参照するページ)
A.phpのリンクよりmodalboxを使用してB.phpを表示させたいのですが、画像やテーブル等に問題は無いものの文字が全て化けてしまっています。
※B.phpへ直接アクセスすると問題なく表示されます。
※また、B.phpはutf-8を指定しています。
※その他、文字化け以外目立ったバグ等はありません。
下記、A.PHPに組み込んだソースです。
<link rel="stylesheet" href="css/modalbox.css" type="text/css" media="all">
<script src="js/prototype.js" type="text/javascript"></script>
<script type="text/javascript" src="lib/scriptaculous.js"></script>
<script type="text/javascript" src="lib/modalbox.js"></script>
<script type="text/javascript"></script>
リンク用ソース
<a href="B.php" title="Bページです" onclick="Modalbox.show(this.href, { title : this.title,height:400 }); return false;">Bページです</a>
当方、WEB系技術は全くの素人です。
説明不足の部分等多々あるかと思いますが、
何卒ご教授の程よろしくお願い致します。
お礼
ran_2323様 ご回答ありがとうございます。 表示させるB.phpのソースファイルを保存する際、 utf-8を指定する事で無事解決できました。 ソース内のmetaタグ内、charsetでutf-8を指定していたのですが、 これだけでは駄目なんですね。。 大変参考になりました、誠にありがとうございました!