HTML-mail met javascript - Softwareontwikkeling

maandag 6 juli 2009 08:41

Acties:

0 Henk 'm!

Topicstarter

Heeft er iemand ervaring met het includen van bepaalde javascripts in html nieuwsbrieven?
Dit heb ik namelijk nodig om bepaalde banners te laten zien in de nieuwsbrief.

Iemand een idee of mailclients dit leuk gaan vinden?

maandag 6 juli 2009 08:44

Acties:

0 Henk 'm!

orf

Nee, dit vinden mailclients niet leuk. Ze strippen het gewoonweg eruit.

maandag 6 juli 2009 09:07

Acties:

0 Henk 'm!

kalizec

En al zouden mailclients het wel ondersteunen, dan is het een dusdanig groot privacy- en beveiligingslek dat het eerste dat ieder verstandig persoon het heel rap uitschakelt.

Core i5-3570K/ASRock Z75 Pro3/Gigabyte Radeon HD7850/Corsair XMS3 2x4GB/OCZ Vertex2 64GB/3x640GB WD Black/24" B2403WS Iiyama x2/Nec 7200S

maandag 6 juli 2009 09:26

Acties:

0 Henk 'm!

LinuX-TUX

Met kalizec,

in 19982000 een mailtje naar m'n oom gestuurd met een full screen javascript popup ( flash filmpje -> format C:

)

Sindsdien hebben een hoop (web)clients scripting gesloopt omdat ze zelf ook wel doorhadden dat het niet zo veilig is.

offtopic:
Oom deed ook systeembeheer. Die heeft gelijk op alle kantoren Outlook nagelopen, om het uit te gooien

woensdag 8 juli 2009 12:57

Acties:

0 Henk 'm!

_Thanatos_

Ja, en kaal

In mailings zijn er een paar regels die je in je achterhoofd moet houden:

Oldskool HTML4 baggercode met table-layouts, géén doctype en de <head> helemaal leeg laten.
Geen embedded css gebruiken, alleen inline!
Short-hand css properties altijd helemaal expanden.
Font properties op ieder element met tekst opnieuw definiëren
Geen background-image gebruiken, alleen background-attribute van table en td.
Geen javascript, ook niet inline.
Nooit uitgaan van default styles - je komt altijd in de knoop met de css van een webmailclient.
Niet proberen te rommelen met floats en positioning.
Listitems die meer dan 1 regel beslaan: bespaar je de frustratie en maak daar een table van.

Ik vind het ook verschrikkelijk hoe kut mailclients met html e-mail omgaan. Maarja, e-mail is daar nooit voor bedoeld en de maatregelen die door clients genomen worden, zijn ook wel een soort van begrijpelijk. Maar wel jammer.

[ Voor 4% gewijzigd door _Thanatos_ op 08-07-2009 12:58 ]

日本！🎌

woensdag 8 juli 2009 15:51

Acties:

0 Henk 'm!

sam.vimes

_Thanatos_ schreef op woensdag 08 juli 2009 @ 12:57:
In mailings zijn er een paar regels die je in je achterhoofd moet houden:

10. Voeg ook een text/plain alternatief toe voor de lezers die geen html willen/kunnen zien.

woensdag 8 juli 2009 16:19

Acties:

0 Henk 'm!

Bosmonster

*zucht*

_Thanatos_ schreef op woensdag 08 juli 2009 @ 12:57:
In mailings zijn er een paar regels die je in je achterhoofd moet houden:
• Geen background-image gebruiken, alleen background-attribute van table en td.

Helaas kun je background-images helemaal niet meer gebruiken als je een zakelijke doelgroep hebt. Outlook 2007 ondersteunt deze in zn geheel namelijk niet meer.

Wil je ze toch perse gebruiken, zorg dan in ieder geval dat je OOK een goed leesbare achtergrondkleur instelt.

woensdag 8 juli 2009 17:06

Acties:

0 Henk 'm!

Verwijderd

• Font properties op ieder element met tekst opnieuw definiëren

Font-family kun je op de TABLE laten staan, font-size wel in iedere TD plaatsen.

Misschien nog eentje: absolute paden naar de evenutele background-images?

woensdag 8 juli 2009 17:08

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Verwijderd schreef op woensdag 08 juli 2009 @ 17:06:
[...]

Misschien nog eentje: absolute paden naar de evenutele background-images?

Dat lijkt me sowieso de bedoeling met alle afbeeldingen, tenzij je ze in de mail wilt includen

woensdag 8 juli 2009 17:10

Acties:

0 Henk 'm!

Verwijderd

Bosmonster schreef op woensdag 08 juli 2009 @ 17:08:
Dat lijkt me sowieso de bedoeling met alle afbeeldingen, tenzij je ze in de mail wilt includen

Fout wordt toch nog regelmatig gemaakt bij de nieuwsbrieven die ik ontvang ... Alles bij elkaar toch een mooi compleet lijstje!

woensdag 8 juli 2009 17:13

Acties:

0 Henk 'm!

Verwijderd

_Thanatos_ schreef op woensdag 08 juli 2009 @ 12:57:
Listitems die meer dan 1 regel beslaan: bespaar je de frustratie en maak daar een table van.

Die had ik over het hoofd gezien. Ik vermijd altijd alle elementen die default margin hebben, dus ook HEADINGS, P, UL, enz. En ook nooit te fancy gaan doen met rowspan, dat gaat ook niet altijd lekker ...

Back to the history?

woensdag 8 juli 2009 17:14

Acties:

0 Henk 'm!

torp

_Thanatos_ schreef op woensdag 08 juli 2009 @ 12:57:
Oldskool HTML4 baggercode met table-layouts

Dat had ik ook gelezen maar uiteindelijk heb ik een nieuwsbrief opgebouwd uit geneste div's en hij doet het perfect, zelfs in Gmail. Wel quoted printable encoding toepassen.

_Thanatos_ schreef op woensdag 08 juli 2009 @ 12:57:
géén doctype en de <head> helemaal leeg laten

Die kende ik nog niet. Eens proberen.

woensdag 8 juli 2009 17:18

Acties:

0 Henk 'm!

Bosmonster

*zucht*

torp schreef op woensdag 08 juli 2009 @ 17:14:
[...]

Dat had ik ook gelezen maar uiteindelijk heb ik een nieuwsbrief opgebouwd uit geneste div's en hij doet het perfect, zelfs in Gmail. Wel quoted printable encoding toepassen.

[...]

Die kende ik nog niet. Eens proberen.

Ook getest in Outlook 2007?

woensdag 8 juli 2009 17:34

Acties:

0 Henk 'm!

MueR

Admin Tweakers Discord

is niet lief

Banners in een nieuwsbrief? Yugh. Zie hier een voorbeeld waarom javascript standaard niet meer kan in hedendaagse mail clients.

Anyone who gets in between me and my morning coffee should be insecure.

woensdag 8 juli 2009 17:56

Acties:

0 Henk 'm!

torp

Bosmonster schreef op woensdag 08 juli 2009 @ 17:18:
Ook getest in Outlook 2007?

Volgens mij is dat de Outlook van de klant, ja. Het gaat wel om een eenvoudig ontwerp. Ik ben net de php aan het aanpassen, maar ik wil je later wel een testje sturen...

donderdag 9 juli 2009 10:02

Acties:

0 Henk 'm!

Cartman!

head leeglaten? gewoon geen head. Begin direct met je table

En idd geen background images omdat Outlook 2007 dat niet pakt, losers bij microsoft

Heeft weer tijden gekost om designers dat duidelijk te maken

edit: als je een banner wilt, neem dan desnoods een animated GIF. Waarom je mensen echter lastig zou vallen daarmee zou ik niet weten, wees blij dat je ze uberhaupt al opt-in gegeven hebben.

[ Voor 30% gewijzigd door Cartman! op 09-07-2009 10:03 ]

Pagina: 1

Reageer