トップページを構築していて
よっしゃこれで行こう!と思ったのに
HTMLで動作するjQueryが動かない・・・という事態に陥った。

ので色々調べてみる。
とりあえずWordPressにjQueryは既に搭載されているので
普通にHTMLのノリで読み込むと二重読み込みになって
動作しないことがあるらしい。

ので通常読み込むときに書く

<script type="text/javascript" src="jquery-1.7.1.js"></script>

的なコードを消して、
WordPressでjQueryを呼び出す関数

<?php
 wp_enqueue_script('jquery');
 wp_enqueue_script('sample','/wp-content/themes/yourthemes/js/sample.js',array('jquery'),'0.1.0');
 ?>
 <?php wp_head(); ?>

を、書く。

それからWordPressは他のJavaScriptのライブラリとの競合を防ぐために
中で色々やってるらしいので・・・
$をjQueryと書き換えてやる必要がるそうです。

めんどくさ。

しかしおかげさまで動作確認できました。

( ゚Д゚)ウヒョー


ごちゃごちゃ長く書かないといけないclearfix。

でもなんかこれだけでもいけるらしい。


.clearfix:after{
 content: "";
 display: block;
 clear: both;

}


あとはfloatしているdivの入ったコンテナのdivに

class=”clearfix”

と指定するよろし。

確かにできた。


今さらながら記述をHTML5にしました。

うむ・・・
本当にいまさら。

今まであまり気にしてなかったんだけど
こういうことはしっかり情報収集して乗り遅れないようにしないと。
ですね。

ひさびさにjQueryいらったけどやはり完成すると楽しいな。
PHPとかFLASHもそうですが
動きがつくと非常にテンションが上がります。

もっともっと勉強。


メールフォームをポップアップウインドウで
表示するようにしました。

その方が気軽な感じがするかな?
とか思ったりして。

<a href="form.html" onClick="window.open('form.html','window',
'width=500,height=300,scrollbars=1,resizable=1,status=1') ; return false ;">
mailform</a>

指定できる値↓↓

menubar 	yes/noもしくは1/0 	メニューバーの表示/非表示
location 	yes/noもしくは1/0 	ロケーションバーの表示・表示
directories 	yes/noもしくは1/0 	ディレクトリバーの表示・非表示
scrollbars 	yes/noもしくは1/0 	スクロールバーの表示・非表示
toolbar 	yes/noもしくは1/0 	ツールバーの表示・非表示
status 	    yes/noもしくは1/0 	ステータスバーの表示・非表示
resizable 	yes/noもしくは1/0 	ウインドウサイズの変更可・不可
width 	    ピクセル指定 	        ウインドウの横幅
height 	    ピクセル指定 	        ウインドウの高さ

最初スクロールバーをつけたくて(長文の確認のため)
scrollbarsの値を指定していたのに全然スクロールバーが表記されない。
なんでじゃーと思ってたらbodyにoverflow:hidden;を指定していた…。

迂闊。


SyntaxHighlighter Evolvedを使って
タグをエスケープしちょうとしてるんですが・・・
入れ子になっているタグ(HTMLの中のPHPとか)がうまく処理されない・・・
どうすれば綺麗に表示されるのでしょうか。