0

私はdivスライダーにanimatedcollapseを使用しましたが、欠陥はありません。ただし、テーブル行スライダーを使用する必要があり、まったく同じように動作しません。これが私が使用しているテーブルの一部ですので、アイデアを得ることができます。

<table>

投稿に返信...

   </div>
    <script type="text/javascript">

            $(document).ready(function () {
                var editor = CKEDITOR.replace( 'newsfeed_status7',
                           {
                                   toolbar :
                                   [
                                          ['Bold', 'Italic', 'Underline', '-', 'Font', 'FontSize', '-', 'Undo', 'Redo', '-', 'MediaEmbed','Smiley', 'SpellChecker', 'Find','Replace']
                                   ],
                                   height: '50px'
                           });

            });

    </script>
        <table width="100%">
            <tr>
                <td align="left" width="25%" style="padding-left:15px;"></td>
                <td align="left" width="25%"></td>
                <td align="right"></td>

                <td align="right" width="20%" style="padding-right:15px;"><input type="submit" value="Reply To Post" class="submitbtn" /></td>
            </tr>
        </table>
    </td>
</tr>

返信 07/11/10 03:12:20 PM

フッターファイルに配置されるものは次のとおりです。

<script type="text/javascript">
animatedcollapse.addDiv('tr7', 'fade=1') animatedcollapse.addDiv('tr6', 'fade=1') animatedcollapse.addDiv('tr4', 'fade=1') animatedcollapse.addDiv('tr2', 'fade=1') animatedcollapse.addDiv('tr1', 'fade=1') animatedcollapse.ontoggle=function($, divobj, state){}
animatedcollapse.init()
</script>
4

2 に答える 2

0

少し醜いので、ソリューションが気に入らないかもしれません（テーブルベースのレイアウトに絶対に縛られていると仮定して）。

最初のテーブル セル内に別のテーブルをネストする必要があります。そのようです：

table
    tr
      td class="show-hide"
        table
            tr
                td
                td
                td

等...

そこから、「show-hide」とマークした表のセルにお気に入りの show-hide アニメーションを割り当てることができます。

または、これをより簡単に適用するには、行を (tr ではなく) div として出力し、内部にテーブルを作成して構造を実現します。

アニメーションは、ソリューションのこれらのバージョンのいずれかで見栄えがしますが、必要な格子構造を維持できるように、各 td に定義された幅を割り当てる必要があるという短所があります。

お役に立てれば。

完全に xhtml に準拠するには、「table」の代わりに「dl」を使用します。

于 2010-07-12T21:42:59.113 に答える
0

それが要素に設定してから変更するanimatedcollapseことで機能するアニメーションであると仮定すると、オーバーフローは異なる/異常なレイアウトモデルのためにテーブル行では機能しないのではないかと思います(ほとんどのブラウザーとほとんどの状況では、とにかく) .overflow: hiddenheight

機能させるには、その行を独自のテーブルに分割する必要があります。次に、互換性を最大限に高めるために、非表示にする必要があるテーブルを a 内に<div>配置し、div でオーバーフロー/アニメーションを実行できます。

複数のテーブル (対象の行の前後に以前に行があった場合は 3 つ) があるため、単一のテーブルのように見えるように、それらの列が整列していることを確認する必要があります。これは、表にスタイルを指定して行う必要があります (次に、最初の行のセルまたは要素のセットにスタイルを適用しtable-layout: fixed; width: 100%;て、他の列とは異なる幅が必要な列のサイズを変更します)。width<col>

table-layout: fixedいずれにせよ、デフォルトの「自動」テーブルレイアウトアルゴリズムよりも高速で予測可能なクロスブラウザーであるため、一般的に好まれます。

于 2010-07-12T21:58:53.460 に答える