Repliable en tableau en HTML e-Mail (Outlook 2007-2010)
J'ai envoyé divers e-mails HTML, dans le passé, et vous avez vu la jolie grande limitations associées. Ce que j'ai vraiment besoin est la capacité à avoir des régions à afficher/masquer la capacité - cliquez sur le signe plus ou un en-tête à bascule.
Je suis en train de comprendre le JS est hors de l'image, CSS pourrait être une possibilité. J'ai seulement besoin de travailler dans Outlook 2007-2010. Des suggestions?
Merci!
OriginalL'auteur Glinkot | 2011-10-25
Vous devez vous connecter pour publier un commentaire.
Vous pouvez le faire dans Outlook à l'aide de balises d'ancrage. L'astuce consiste à créer 2 tables sont séparées par un td de cellules avec une grande hauteur spécifiée afin que vous ne voyez pas la seconde table.
Les deux tables sont des doublons exacts, sauf que le tableau 1 a le lien afficher, tandis que le tableau 2 le contenu que vous souhaitez afficher, et un lien cacher.
Lorsque vous cliquez sur la balise d'ancrage, l'e-mail se déplace vers le bas à la position spécifiée dans votre deuxième tableau. Comme le contenu dans les deux tables est le même, sauf pour les afficher/masquer la zone de visibilité, vous avez créé une illusion que la boîte est de basculement.
Si vous avez plus d'un afficher/masquer la zone, vous devez créer plus de tables. L'e-mail va être vraiment long, mais le basculement effet travaille toujours dans Outlook.
L'ancre tags:
Voici un exemple rapide: http://jsfiddle.net/mjcookson/nq3Re/
Mise à jour de commentaire: Aussi, votre e-mail peut ne pas remplir la totalité de la fenêtre d'affichage, de sorte qu'un écart entre les tables est utilisé pour éviter de voir la deuxième table immédiatement après la première table.
Yep c'est vrai que vous vous déplacez autour de l'e-mail. L'écart entre les tables est-il de sorte que lorsqu'un utilisateur fait défiler vers le bas, ils ne voient pas immédiatement une autre table avec le même contenu qu'il vient de lire. Mise à jour de réponse avec un exemple.
Ne fonctionne pas dans Outlook 2010. Tout le contenu est affiché. Il est intéressant de noter une fuite de mémoire se produit lorsque vous utilisez ce dans un grand e-mail généré.
OriginalL'auteur marissajmc
Vous ne pouvez pas le faire dans Outlook. Son e-mail en HTML moteur de rendu est assez mauvais. J'ai vu qu'il fait pour le mobile webkit et android navigateurs.
Voir cet article: http://coding.smashingmagazine.com/2011/08/18/from-monitor-to-mobile-optimizing-email-newsletters-with-css/
OriginalL'auteur Moin Zaman