サイトをUTF-8で作っていて一部だけShift_JISで作る必要が

でてきてどうしようか悩んでいたときに簡単に解決する方法

を発見したので忘れないうちにメモひらめき電球


文字コードを変えて一気に出力する方法(PHPのob_start)

以下引用です。


<?php
header('Content-Type: text/html; charset=Shift_JIS');
ob_start();
?>

ここにShift-JISで出力したい内容をUTF-8で記述。

<?php
$output = ob_get_contents();
ob_end_clean();
echo mb_convert_encoding($output, "SJIS", "UTF-8");
?>

これだけでさくっと変更できました。

この方法は知らなかったです。

携帯サイトとかは文字コードが別になることが多いので

今度からこのテクニックは使わせてもらいますニコニコ

ちょっとページを表示するときに画像をフェードインさせて表示

させようかぁって思って実装したときのメモひらめき電球


画像とか文字とかフェードイン フェードアウトさせて表示させる

アニメーションを付けるときに便利なのが


jQueryのfadeIN() fadeOut()


使い方も超簡単ひらめき電球

<script type="text/javascript">$(function(){$("#hoge_id").fadeIn("slow");});</script>


$("#hoge_id").fadeOut("slow");
$("#hoge_id").fadeIn("slow");


これだけでフェードインとフェードアウトの効果が付けられる。

引数でスピードも調整できます。


fadeIn(speed, callback)の使い方

jQuery 開発者向けメモ - 基本・サンプル


あと、slideDown() / slideUp()もよくうのでメモひらめき電球

$("#hoge_id").slideDown("slow");
$("#hoge_id").slideUp("slow");


簡単だなぁって思ってIEで見たら表示がおかしい。

PNGの画像だと透過の部分がフェードイン中黒くなってるガーン


っでIEだけはスタイルシートで最初から表示にしといて

フェードインしないようにした。


これでOKビックリマーク


jQuery最高です。