Contenu javascript vers gmail

Julienw5 -  
Bonjour,

Je réalise une application avec phonegap, et j'envoi le contenu d'un mail, de javascript, directement dans le contenu d'un mail, Gmail, un peu comme on le ferait avec mailto.

Mais j'aimerai savoir pourquoi, quand je remplis ce message d'html, il ne le prend pas en compte et me fournit ça comme du texte ?

3 réponses

  1. Julienw5 
    email_total =

'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ' +
'<html xmlns="http://www.w3.org/1999/xhtml"> ' +
'<head> ' +
'    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ' +
'    <title>Données de vol | AERIA-APP</title> ' +
'<style type="text/css"> ' +
'    .ExternalClass {width:100%;}  ' +
'    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { ' +
'        line-height: 100%; ' +
'        }  ' +
'    body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} ' +
'    body {margin:0; padding:0;}  ' +
'    table td {border-collapse:collapse;border:1px solid #000000; padding:5px 35px;}     ' +
'    p {margin:0; padding:0; margin-bottom:0;} ' +
'  h1, h2, h3, h4, h5, h6 { ' +
'     color: black;  ' +
'    line-height: 100%;  ' +
'       }  ' +
'   a, a:link { ' +
'       color:#2A5DB0; ' +
'       text-decoration: underline; ' +
'       }  ' +
' body, #body_style { ' +
'    background:#fff; ' +
'    min-height:1000px; ' +
'    color:#000; ' +
'    font-family:Arial, Helvetica, sans-serif; ' +
'    font-size:12px; ' +
'    } ' +
'  span.yshortcuts { color:#000; background-color:none; border:none;} ' +
'  span.yshortcuts:hover, ' +
'  span.yshortcuts:active, ' +
'  span.yshortcuts:focus {color:#000; background-color:none; border:none;} ' +
'  a:visited { color: #3c96e2; text-decoration: none}  ' +
'  a:focus   { color: #3c96e2; text-decoration: underline}   ' +
'  a:hover   { color: #3c96e2; text-decoration: underline}   ' +
'    @media only screen and (max-device-width: 480px) { ' +
'           body[yahoo] #container1 {display:block !important} ' +
'           body[yahoo] p {font-size: 10px} ' +
'    }  ' +    
'    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  { ' +
'           body[yahoo] #container1 {display:block !important} ' +
'           body[yahoo] p {font-size: 12px}   ' +       
'    }  ' +             
' </style>  ' +
' </head> ' +
' <body style="background:#fff; min-height:1000px; color:#000;font-family:Arial, Helvetica, sans-serif; font-size:12px" ' +
' alink="#FF0000" link="#FF0000" bgcolor="#fff" text="#000" yahoo="fix">  ' +
'    <div id="body_style" style="padding:15px">  ' +
'        <table cellpadding="0" cellspacing="0" border="0" bgcolor="" width="600" align="center"> ' +
'            <tr>' + 
'                <td style="font-weight:900;" color:#0ff; text:0ff; width="200">ID</td>' + 
'                <td style="font-weight:900;" color:#0ff; text:0ff; width="200">DATE</td>' + 
'                <td style="font-weight:900;" color:#0ff; text:0ff; width="200">TYPE</td>' + 
'                <td style="font-weight:900;" color:#0ff; text:0ff; width="200">MODELE</td>' + 
'                <td style="font-weight:900;" width="200">IMMATRIC.</td>' + 
'                <td style="font-weight:900;" width="200">START</td>' + 
'                <td style="font-weight:900;" width="200">LANDING</td>' + 
'                <td style="font-weight:900;" width="200">H.START</td>' + 
'                <td style="font-weight:900;" width="200">H.LANDING</td>' + 
'                <td style="font-weight:900;" width="200">TOTAL</td>' + 
'                <td style="font-weight:900;" width="200">MONITOR</td>' + 
'                <td style="font-weight:900;" width="200">NBR.START</td>' + 
'            </tr>' + 
            donnee +
'         </table>  ' +
'     </div> ' +
' </body> ' +
' </html> ' 
;


    Résultat de l'email :

    Données de vol | AERIA-APP .ExternalClass {width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} body {margin:0; padding:0;} table td {border-collapse:collapse;border:1px solid #000000; padding:5px 35px;} p {margin:0; padding:0; margin-bottom:0;} h1, h2, h3, h4, h5, h6 { color: black; line-height: 100%; } a, a:link { color:#2A5DB0; text-decoration: underline; } body, #body_style { background:#fff; min-height:1000px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; } span.yshortcuts { color:#000; background-color:none; border:none;} span.yshortcuts:hover, span.yshortcuts:active, span.yshortcuts:focus {color:#000; background-color:none; border:none;} a:visited { color: #3c96e2; text-decoration: none} a:focus { color: #3c96e2; text-decoration: underline} a:hover { color: #3c96e2; text-decoration: underline} @media only screen and (max-device-width: 480px) { body[yahoo] #container1 {display:block !important} body[yahoo] p {font-size: 10px} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body[yahoo] #container1 {display:block !important} body[yahoo] p {font-size: 12px} }

    IDDATETYPEMODELEIMMATRIC.STARTLANDINGH.STARTH.LANDINGTOTALMONITORNBR.START00:00:00122/05/2015avioncessnagtrebshebsh12:1812:1800:00:001226/05/2015avioncessnagtoebshebsh15:0515:0500:00:001

    Donc on peut voir qu'il garde et supprime certaine balise.
    0
    1. Julienw5
      Par exemple il prend en compte la balise font..
      0
  2. prosthetiks
    Hello,

    je peux voir ta fonction d'envoi de mail ? là ou tu set le destinataire, le body, ...
    0
    1. Julienw5
      Voilà : 

       $('#donnee_mail').click(function () { 
    cordova.plugins.email.open({
        to:      localStorage.getItem('mail'),
        subject: 'Vos données de vol - aeria-app',
        body:    email_total,
        isHtml:    true,
    });
});
      0
  3. prosthetiks
    Direction la doc: https://github.com/katzer/cordova-plugin-email-composer#html-and-css-on-android
    0
    1. Julienw5
      Je l'ai vus mais comment faire pour aligner mon contenu ? ou au moins faire des bloques ?
      0
    2. prosthetiks
      il semblerait que les <div align="..."> soient autorisés
      0
    3. Julienw5
      J'ai testé mais ca n'avait pas l'air de marcher, je vais réessayer ;).
      Mise à part ça, aucune autre solution ?
      0
    4. Julienw5
      Il faudrait au moins pouvoir donner une width...
      0
    5. prosthetiks
      tu as essayé de donner la taille via les attributs html ? p.ex <div width="100%">
      0

Discussions similaires

java script error in the main process
ceciel2307

3 réponses
Problème d'app Gmail : "Identifiants requis"
Tekaro

4 réponses
Colis en cours de transport vers votre site de livraison ?
Ninan_5568

7 réponses