2007/8/31 金曜日

WordPress:EasyAllテンプレートでolタグを使用した表示について

カテゴリー: TODO, WordPress — trek @ 18:09:09

WordPressのEasyAlテンプレートを使用したページを、Internet Explorer6で見ると、olタグ内の項目の番号がすべて1になっていました。

wp-content/themes/EasyAll/style.cssの次の部分を削除(コメントアウト)したところ、問題が解消しました。

PLAIN TEXT
CSS:
  1. #content div.post div.storycontent ul, #content div.post div.storycontent ol {
  2.   margin-left: 0;
  3.   padding-left: 0;
  4. }
  5.  
  6. #content div.post div.storycontent li {
  7.   margin-left: 30px;
  8.   width: 85%;
  9. }

WordPressのiG:Syntax Hiliterプラグインをインストールに投稿した「Internet Explorer6だと、行番号がすべて1」になる問題も解消しました。

この変更で、Firefox、InternetExplorer6では影響はないように見えますが、しばらく様子をみたいと思います。

追記:2007年9月24日
上記に引用したcssの部分をすべてコメントアウトせずとも、「width: 85%;」のみを削除することで、問題は解消しました。

2007/8/30 木曜日

Zend Framework:ルーティングを定義してみる

カテゴリー: PHP, Zend Framework — trek @ 17:10:52

Zend_Controllerを使ったWebアプリケーションで、ルーティングを定義してみます。

chkというモジュールを作成した場合、デフォルトでは次のようなURLで、アクセスできます。

http://ドメイン/chk

これを次のようなURLでアクセスできるようにしてみます。

http://ドメイン/testchk

前回のサンプルにchkモジュールとblogモジュールを追加して動作を確認します。

(続きを読む...)

2007/8/29 水曜日

Zend_Registryのメモ

カテゴリー: PHP, Zend Framework — trek @ 0:56:36

Zend Framework:Zend_Registryのメモです。

Zend_Registryのget()メソッドで、登録されていないキーの値を取得しようとすると例外を投げます。
条件によってレジストリに登録しないようなことをする場合は、注意しようと思います。

PLAIN TEXT
PHP:
  1. $registry = Zend_Registry::getInstance();
  2.  
  3. if (isset($registry['foo']) == false) {
  4.   echo "fooはレジストリに登録されていない<br />";
  5. }
  6. else {
  7.   $foo = $registry['foo'];
  8.   // empty($registry['foo'])としないように注意する
  9.   if (empty($foo)) {
  10.     echo "fooは、empty.";
  11.   }
  12. }

2007/8/28 火曜日

Zend Framework:テンプレートエンジンをSmartyにする

カテゴリー: PHP, Zend Framework — trek @ 0:27:02

Zend_Controllerを使ったWebアプリケーションのテンプレートエンジンにSmartyを使用してみます。
「Zend Framework:Hello Worldを表示してみる」のように"Hello World"を表示します。

(続きを読む...)

2007/8/27 月曜日

Zend Framework:エラー関連の設定を変更してみる

カテゴリー: PHP, Zend Framework — trek @ 0:21:12

前回投稿したZend Frameworkを使ったサンプルで、例外関連の設定を試します。
エラーハンドラプラグインは、デフォルトの状態です。

次のようにアクションコントローラ内で例外をスローすると、「Zend Framework:Hello Worldを表示してみる」で作成したエラーページが表示されます。
(続きを読む...)

2007/8/26 日曜日

Zend Framework:処理の流れをログ出力してみる

カテゴリー: PHP, Zend Framework — trek @ 0:13:30

Zend_Controllerを使ったWebアプリケーションで、リクエストを処理し、クライアントにレスポンスを返す一連の流れの主な通過点を理解するため、ログを出力してみます。
Zend_Front_Controllerに追加できるプラグインという機能を利用します。
(続きを読む...)

2007/8/25 土曜日

Zend Framework:Hello Worldを表示してみる

カテゴリー: PHP, Zend Framework — trek @ 5:22:18

Zend Frameworkを使って、Hello World!を表示するWebアプリケーションを作成してみます。

ディレクトリ構成

ディレクトリ構成は、だいたい次のようにしています。

BASEDIR/
    html/
        .htaccess
        index.php
    lib
        ZendFramework
        ZendFramework-1.0.1/
    webapp/
        modules/
            default/
                controllers/
                views/
                    scripts/

BASEDIRは、ドキュメントルートの一個上のディレクトリです。
htmlは、ドキュメントルートです。
lib/ZendFrameworkは、lib/ZendFramework-1.0.1へのシンボリックリンクにしています。
(続きを読む...)

2007/8/24 金曜日

JavaScript select要素のオプションデータを非同期に取得

カテゴリー: JavaScript — trek @ 10:37:29

Yahoo! UI Libraryを使用して、select要素のオプションデータを非同期に取得するメモです。

サーバー側は、次のようなJSON形式のデータを返します。

PLAIN TEXT
JavaScript:
  1. [{"id":"1","name":"test"},{"id":"2","name":"test2"}]

クライアント側のJavaScriptのサンプルです。
onLabelClickは、Yahoo! UI LibraryのTreeviewのラベルをクリックしたときに呼ばれる関数です。

(続きを読む...)

2007/8/22 水曜日

JavaScript select要素のオプションの値

カテゴリー: JavaScript — trek @ 21:32:27

JavaScript select要素に含まれるオプションの値の取得するメモです。

PLAIN TEXT
JavaScript:
  1. var sel_elem = document.getElementById("sel_foo");
  2. var sel_children = sel_elem.childNodes;
  3. var count = sel_children.length;
  4. for (var i=0;i<count;i++) {
  5.   var opt_elem = sel_children[i];
  6.   // オプションのテキスト
  7.   YAHOO.log(opt_elem.text);
  8.   // オプションの値
  9.   YAHOO.log(opt_elem.value);
  10. }

2007/8/21 火曜日

Yahoo! UI LibraryとInternet Explorer6は相性が悪いのかな

カテゴリー: TODO, プログラミング — trek @ 21:17:26

Yahoo! UI Libraryを使用したページをInternet Explorer6で表示して、リンクをクリックすると、テキストのサイズが大きくなり、デザインが崩れます。

YUI Library Examples: TreeView Control: Default TreeViewのTreeviewのサンプルでも、ラベルの部分をクリックすると一部のフォントサイズが大きくなり、ページ全体のデザインが少し崩れます。

Yahoo! UI Libraryのcssを使用しないでTreeviewを作成した場合には、このようなことにはなりませんでした。

YUI付属のfonts.cssにある次の定義が問題になるようです。

PLAIN TEXT
CSS:
  1. body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

次のようにbodyのフォントスタイルを上書きして、フォントが大きくなることは避けられました。
(「*font-size:small;」を削除しました。)

PLAIN TEXT
CSS:
  1. body {
  2.   font:13px/1.22 arial,helvetica,clean,sans-serif;*font: x-small;
  3. }

フォントサイズに関するCSSハック - Go my wayに、「*font-size:small;」の解説がありました。
IE7の対策とのことです。

IE6とFirefox2.0.0.6では、この変更で影響はないようですが、いつか他のブラウザ(特にIE7)の影響も見たいと思います。

追記(2007年9月24日):
Internet Explorer6で、2007年9月24日に再確認したところ、この記事の現象は発生しませんでした。
この記事を書いたときの僕のPCの状態が悪かったのか、Windows UpdateでIEが改善されたか、YUIのバージョンアップで解消されたかは、不明です。

次ページへ »

Copyright © 2007 とれっくかいはつ
HTML convert time: 0.309 sec. Powered by WordPress ME