1

データベースからテーブル表示を作成するために pear HTML_TABLE を使用しています。空のフィールドがあるため、自動塗りつぶしを使用して空のセルに画像を入力しています。ただし、交互の列には別の画像が必要です。これは、空のセルを生成するコードです。

    $attrs = array( 'class' => 'main', 
                    'id' => 'main_id',
                    'width' => '100%',
                    'border' => '1',
                    'cellspacing' => '0',
                    'cellpadding' => '0');
    $table = new HTML_Table($attrs);
    $table->setAutoGrow(true);
    $table->setAutoFill("<span class='iconImg'></span>");

これを達成するためにjavascriptとjqueryを使用しようとしましたが、成功しませんでした。私が試したJavaScript（jquery）は次のとおりです。

    $(".main td:not(.jobCell):not(.tJCell)").each(function(){ 
    var colIndex = $(this).cellPos().left;
        var preCol = colIndex % 2;

        if (preCol == 0)
        {
            $(this).text( 'Even');
            //$(this).attr( 'src', '../images/buttons/list.png');
        }
        else
        {
            $(this).attr( 'src', '../images/buttons/btn_pointer.png');
        }
    });

上記の JavaScript は、各セルにテキストとして奇数または偶数を配置するのに適しています。問題は、else ステートメントのように、テキストは必要なく、画像が必要なことです。コードは正しいと思いますが、機能しません。私はcssでこれをやろうとしましたが、次のcssも機能しません。

.iconImg
{
    background-image:url(../../images/buttons/list.png);
}

この件に関するすべてのヘルプおよび/またはアドバイスをいただければ幸いです。私はこれで何日も立ち往生しています。

4

2 に答える 2

1

CSS の偶奇ルールを使用して、セルにクラスがある限り、背景画像をセルに割り当てることができます。

于 2013-09-09T10:31:21.713 に答える