2009-07-06 14 views
27

HTML電子メールにJavaScriptを含める方法 - HTML電子メールのコンテンツを展開したり折りたたんだりするには、JavaScriptを必要とします。JavaScript with HTML email

+0

折りたたみはCSSを使用して行うことができます:https://www.campaignmonitor.com/blog/email-marketing/2011/08/designing-ultra-short-emails-for-mobile-using-progressive-disclosure/これは主にしかし、iPhoneのために。 – revelt

+0

[JavaScriptは電子メールメッセージでサポートされていますか?](0120-18753) – HPierce

+0

私はあなたが 'javascript 'をデフォルトのエンコーディング' base64'で添付して、基本的にレンダリングのためにコードを調整します。IETFの関連するRFCで確認してください。やり方がある。 –

答えて

50

私は電子メールでは可能ではないと思います。重大なセキュリティの影響があります。

+1

私はあなたに同意します。しかし、私は私たちの国の人気のあるウェブサイトから広告メールを受け取りました:ピュアと私のメールは割引タイマーのカウントダウンタイマーを置いて(そして変更して)終了しました。それはどうですか?画像例外を介して?.. – JDSolutions

+1

@JDSolutionsタイマーは静止画像ですが、サーバーは新しいものと新しいものを提供し、動的に表示されます。メール内の動的要素の詳細については、movableinkを検索してください。 – revelt

20

これに依存しないでください。優れたメールクライアントはメール内の実行可能コードをサポートしません。知識のあるユーザーは、そのようなクライアントを使用しません。

25

ブライアンなどと完全に同意します。

代わりに、リンクとアンカー( 'a'タグ)を使用してジャンプできる複数のセクションをメールで使用することを検討してください。私は、テキストの複数のコピーをあなたの電子メールにさらに埋め込むことで、あなたが望む動作をエミュレートすることができると思います。これは厄介な賭けですので、お互いにリンクするアンカーのセットを持つだけで、「要約」セクションと「展開済み」セクションの間に戻っていくことができます。

例:最初のリンクに

<a href="#section1">Jump to section!</a> 
<p>A bunch of content</p> 
<h2 id="section1">An anchor!</h2> 

クリックすると、サブセクションにフォーカスを移動します。

+4

to put down an anchor for the link - just having an element with the proper id attribute will work. So if you have Jump to section!を使用する必要はないことに注意してください。その後、

セクション1

のようなものが必要なときに開始します。 – Xanthir

+0

他のものは明らかにここでも間違いありませんが、私はこの答えが正しかっただけでなく、OPをコース修正するための唯一の試みであることについて、より多くの賛成を得ていないことに少しショックを受けました。 – Lance

8

最新の電子メールブラウザの多くは、セキュリティ上の問題を引き起こす可能性があるため、警告として、受信メールに対してJavaScriptを無効にしています。これは、あなたが電子メールを送信している多くの人がコンテンツを使用できない可能性があることを意味します。

PS。投稿時に投稿の上に表示されませんでした。私の悪い。

6

簡単な答えは、電子メールではスクリプトがサポートされていないということです。

このような個人情報がすべて格納されているアプリケーション内で実行されるスクリプトに伴う明らかなセキュリティ上のリスクがあると、これは驚くことではありません。

ウェブメールクライアントは主にJavaScriptでインターフェイスを実行していますが、電子メールには気にならず、デスクトップクライアントフィルタはJavaScriptをスパムメールやフィッシングメールの指標と考えることがよくあります。実行可能な場合でも、電子メールのスクリプト作成にはほとんど効果がありません。

あなたの電子メールをまっすぐなHTMLとCSSのままにして、面倒を避けてください。ここでは、HTMLメールに何ができるかです:https://www.campaignmonitor.com/guides/coding/technologies/

0

ここでは、CANは何をすべきかです:

あなたは(メールに)JavaScriptを含むHTML文書を添付することができます。

次に、受信者が添付ファイルを開くと、Webブラウザは、実装した動的機能を容易にします。

+4

これに対して強く推奨することはできません。 1つは、HTML添付ファイルを送信した場合、スパムとみなされます。もう1つは、おそらくJavaScriptの問題にぶつかるでしょう。そしてもう一つは、ひどいユーザーエクスペリエンスです。 URLへのリンクだけを含めると意味があります。 –

+2

投票済み!私は、クライアントがスクリプトを実行しないことを確認するために、これに関係なく、これを実行します。 –

+0

これを棄権した人たちは、あなたの理由を提供します。特に、それはちょうど「倫理的」な反応だったのですが、これは技術的な議論なのです。誰でも、特にこのページでこれを深めている人は、とにかくセキュリティの影響を明確に認識しています。それにかかわらず、これを読んで良かった人たちは、悪意のある人たちよりも知っているはずです!... - 何ができ、何ができないのですか? –

0

ラベルとcssでhtmlラジオ/チェックボックス入力を使用すると、必要な拡大効果を実現できます。