HTML電子メールの折りたたみテーブル（Outlook 2007-2010）

過去にさまざまなHTML電子メールを送信しましたが、かなり大きな制限がありました。私が本当に必要とするのは、表示/非表示の領域を持つ機能です。プラス記号またはヘッダーをクリックして切り替えることができます。HTML電子メールの折りたたみテーブル（Outlook 2007-2010）

私はJSが写真から外れていると思っていますが、CSSが可能性があります。私はそれがOutlook 2007〜2010で動作する必要があります。助言がありますか？

ありがとうございます！

2011-10-25 Glinkot

あなたはアンカータグを使用してOutlookでこれを行うことができます。トリックは、2番目のテーブルが表示されないように、指定された大きな高さのtdセルで区切られた2つのテーブルを作成することです。

表1にはショーリンクがあり、表2には表示したいコンテンツがあり、リンクを非表示にしている点を除き、どちらの表も正確に重複しています。

アンカータグをクリックすると、電子メールは2番目のテーブルで指定された位置に移動します。両方のテーブルの内容は、ボックスの表示/非表示を除いて同じなので、ボックスが切り替わっているという錯覚を作成しました。

複数の表示/非表示ボックスがある場合は、さらにテーブルを作成する必要があります。電子メールは実際には長くなりますが、トグル効果は引き続きOutlookで機能します。

アップデート：また、あなたの電子メールがビューポート全体を埋めない場合がありますので、テーブル間の隙間を見て回避するために使用され

<a href="#section1">Click here to show content</a> 
<a name="section1"></a>

は、ここでは簡単な例です2番目のテーブルは最初のテーブルの直後です。

2011-10-26 01:00:25 marissajmc

興味深いアイデア、感謝のマリッサ！私は第二のものを見ることを避けるために大きな高さを持っている最後のtdについての部分を100％grokしない。したがって、すべてのテーブルは常に表示されますが、基本的にメールの周りを移動していますか？ – Glinkot

それは間違いありません - あなたは電子メールの周りを移動しています。テーブル間のギャップは、ユーザーがスクロールダウンしたときに、読み込んだ内容と同じ内容の別の表がすぐに表示されないように、そこに存在します。例を使って答えを更新しました。 – marissajmc

Outlook 2010では動作しません。すべてのコンテンツが表示されます。大規模に生成された電子メールでこれを使用すると、興味深いことにメモリリークが発生します。 – flux

Outlookではこれを実行できません。そのHTML電子メールレンダリングエンジンはかなり悪いです。私はそれがモバイルWebkitとアンドロイドブラウザのために完了したのを見ました。

2011-10-25 23:32:12

答えて