jQuery UI1.10へのバージョンアップ時の注意[タブ利用、tabs、selected]


Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/mildleaf/www/alc/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524

Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/mildleaf/www/alc/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524

jQuery UIを1.10にバージョンアップしたところ、タブ(tabs)で初期選択タブの「selected」指定がうまく動作しなくなりました。

調べてみたところ、どうやら1.10から「selected」は削除され、「active」へと改名されたようで。
(正確には、1.9でselectedが非推奨になりactiveに改名され、1.10でselectedが削除されたという流れ。)

[参考]jQuery UI日本語リファレンス Tabs
(ページ中程の「オプション」タブをクリックすると、selected、activeの説明有)

JavaScriptのコードとしては、今まで

$('#tabs').tabs({
	selected:1
});

と書いていたのが、
1.10からは

$("#tabs").tabs({
	active:1
});

と、「selected」を「active」に置き換えるだけで問題なく動くようになりました。

同じところで困っている方がいらっしゃいましたら、よろしければご参考までに。

CSSのみ・画像無しで吹き出しを作る


Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/mildleaf/www/alc/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524

Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/mildleaf/www/alc/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524

CSS Arrow Please!(吹き出しジェネレータ)
で、簡単に作れます。

ジェネレータで指定できるのは以下の項目。
Position:三角形の位置(上、右、下、左)
Size:三角形の大きさ
Color:吹き出しの背景色
Border width:吹き出しの枠線の太さ。0を指定すれば、枠無しとなる。
Border color:枠線の色。

吹き出し部分がどうやって実現されているのかの考え方は、以下の記事を読むと理解出来るかと思います。
CSSのみで三角形を作る方法を解説するよ!|ついでに扇型や吹き出しも作ってみる(アイデアハッカー)