Lotus Notes mail et JavaScript

Marsh Posté le 17-08-2005 à 16:54:43

Bonjour,

Je voudrais envoyer par mail une page html généré et envoyé par du php.
Les personne qui reçoive ce mail utilise Lotus Notes.

Le problème et que le code JavaScript contenu dans la page html n'est pas interprété.

Le code JavaScript permet d'afficher des onglets et de gerer l'affichage en fonction de l'onglet. le tout dans une seule page html.

Savez vous comment faire pour que le JavaScript soit interprété.

merci pour votre aide

Message édité par rdams le 18-08-2005 à 12:31:20

Reply

Marsh Posté le 17-08-2005 à 16:54:43

Reply

Marsh Posté le 18-08-2005 à 14:45:46

up

Reply

Marsh Posté le 18-08-2005 à 14:48:24

tu encvoie une page html avec JS en mail c'est bien ça ?

Reply

Marsh Posté le 18-08-2005 à 15:19:56

Je fais un lien sur une page qui appel ce code ci-dessous ce trouvant dans une autre page :

Code :

<?
//destinataire :
$to = "toto@toto.fr";
// sujet :
$subject = "mail html";
// message :
$message = '
<HTML>
<HEAD>
<style>
/* ts les onglets : taille texte, gras, hauteur et largeur onglet, padding */
/* onglets non actifs :couleur texte */
.TabCommon {FONT: 12px Verdana; COLOR: #FFFFFF; PADDING: 5px; FONT-WEIGHT: bold; TEXT-ALIGN: center; HEIGHT: 20px; WIDTH: 100px;}
/* padding contenu commun */
.TabContent {PADDING: 5px;}
/* padding contenu onglet, taille et couleur bord bas, */
.TabContentBottom {PADDING: 10px; BORDER-BOTTOM: 1px solid #000099;}
/* onglet non actif cuseur avec main, couleur de fond et bord gauche*/
.TabOff {CURSOR: hand; BACKGROUND-COLOR: #9999CC; BORDER-LEFT: 1px solid #D1D1D1;}
/* onglet actif cuseur defaut, bord gauche, couleur texte, BACKGOUND-COLOR à la place de TabActiveBackground plus bas */
.TabOn {CURSOR: default; BORDER-TOP: 1px outset #D1D1D1; COLOR: #FFFFFF; BACKGROUND-COLOR: #000099}
/* bord bas onglet */
.TabBorderBottom{BORDER-BOTTOM: 0px solid #000099;}
/* bord haut tab commun */
.TabBorderTop{BORDER-TOP: 1px solid #000099;}
/* bord droit et gauche du tabeau */
.TabActiveBorderLeftRight{BORDER-RIGHT: 1px solid #000099; BORDER-LEFT: 1px solid #000099;}
/* arrière plan de toutes les cases active non utilisé pour que l arrière p*/
.TabActiveBackground {BACKGROUND-COLOR: #FFFFFF; }
</style>
<script LANGUAGE="JavaScript">
function TabClick( nTab ){
Col = document.getElementsByName("Content" );
for (i = 0; i < document.getElementsByName("Content" ).length; i++)
{
document.getElementsByName("tabs" )[i].className = "TabBorderBottom TabCommon TabOff";
document.getElementsByName("Content" )[i].style.display = "none";
}
document.getElementsByName("Content" )[nTab].style.display = "block";
document.getElementsByName("tabs" )[nTab].className = "TabCommon TabOn "; /*TabActiveBackground TabActiveBorderLeftRight */
}
</script>
</HEAD>
<BODY onload="TabClick(0);">
<TABLE CELLPADDING=0 CELLSPACING=0 ALIGN="center" STYLE="width: 450px">
<TR>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs" NAME="tabs" ONCLICK="TabClick(0);"><NOBR>Onglet 1</NOBR></TD>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs" NAME="tabs" ONCLICK="TabClick(1);"><NOBR>Onglet 2</NOBR></TD>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs" NAME="tabs" ONCLICK="TabClick(2);"><NOBR>Onglet 3</NOBR></TD>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs" NAME="tabs" ONCLICK="TabClick(3);"><NOBR>Onglet 4 ...</NOBR></TD>
<TD CLASS="TabBorderBottom" STYLE="width: 50px;"> </TD>
</TR>
<TR>
<TD COLSPAN=5 CLASS="TabContent TabActiveBackground TabActiveBorderLeftRight TabBorderTop">Texte commun </TD>
</TR>
<TR>
<TD COLSPAN=5 CLASS="TabContent TabActiveBackground TabActiveBorderLeftRight TabContentBottom">
<DIV ID="Content" NAME="Content">contenu Onglet 1</DIV>
<DIV ID="Content" NAME="Content">contenu Onglet 2</DIV>
<DIV ID="Content" NAME="Content">contenu Onglet 3</DIV>
<DIV ID="Content" NAME="Content">contenu Onglet 4</DIV>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
';
//echo $message;
// Pour envoyer du mail au format html, vous pouvez configurer le type content-type :
$headers = "MIME-Version: 1.0\r\n";
$headers .= "content-type: text/html; charset=iso-8859-1\r\n";
// D'autres en-têtes : errors, From cc's, bcc's, etc :
$headers .= "From: test <toto@exemple.com>\r\n";
//envoi du mail :
mail($to, $subject, $message, $headers);
echo "ok";
?>

Je défini mon destinataire, le sujet et dans le corps du message je place le code html de ma page à afficher sous lotus notes.

Reply

Marsh Posté le 18-08-2005 à 17:08:41

c'est que je craignais. La plupart des client mail ne supportent pas le JS, avec tout les dangers et autres saloperies que ça peut apporter. alors faut oublier le JS pour les mail, et même le HTML je te dirais.

Parce que franchement, le JS n'a pas l'air de servir à grand chose... sinon, contente toi d'envoyer un lien vers une page où là tu pourras mettre du JS et compagnie

---------------
What if I were smiling and running into your arms? Would you see then what I see now?

Reply

Marsh Posté le 19-08-2005 à 09:00:40

ok c'est ce que j'avais lu sur d'autres pages, mais ça ne me plait pas, je vais chercher une autre solution.

il y a bien du html et du css mais la il y a des liens sur plusieurs pages. est ce qu'il est possible de faire ça sur une seule ?

Reply

Marsh Posté le 19-08-2005 à 14:32:41

pas compris répétez répondez

Reply

Marsh Posté le 22-08-2005 à 11:41:37

Je répete :

Ma page php génère le message html.
Ensuite en JavaScript, je créer mes onglets et le code javascript permet ensuite de choisir ce que je veux afficher.
exemple je click sur onglet 2 et ça affiche ce qui ce trouve entre les balises suivante :
<DIV ID="Content" NAME="Content">contenu Onglet 2</DIV>

Il n'y a pas d'appel d'autre page html.

Je voulait savoir si il était possible de faire ceci en html et les style css.
Les exemples que j'ai vue avec les styles css pour la décoration onglet actif ou non faisaient appel à des liens sur une autres pages qu'il fallait recréer et activer l'onglet voulu.

Mais bon je ne pense pas que ce soit possible.

Reply

Lotus Notes mail et JavaScript

Sujets relatifs:

Leave a Replay