2016-10-13 3 views
-1

Ich habe diese Schaltfläche, die beim Klicken öffnet Outlook mit den Details, die ich zur Verfügung gestellt habe. Ich habe auch einen TEXTAREA, der bestimmte Texte enthält. Ich bin auf der Suche nach einer Möglichkeit, diesen Text im Körper meines Outlooks erscheinen zu lassen. Kann das gemacht werden? Bitte finden Code unten -Text zu Outlook body

 <!DOCTYPE html> 
<html lang="en"> 
<head> 
<body> 
    <title>NMUK</title> 
    <script type=”text/javascript” language=”javascript” src=”Mail.js”></script> 




    <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    $(function() { 
     $('.btnSendEmail').click(function (event) { 
     var email = '[email protected]'; 
     var subject = 'Creation Checklist'; 
     var emailBody = $('#holdtext').val(); 
     window.location = 'mailto:' + email + '?subject=' + subject + '&body=' + emailBody; 
     }); 
    }); 
    </script> 
</head> 


    </head> 
    <br><br><br><br><br><br> 
    <div id="container"> 
<TEXTAREA ID="holdtext" rows="15" cols="100"> 
</TEXTAREA><br><br> 

<button class="btnSendEmail" ><span>Send Email</span></button> 
</div> 

<div> 



<style>#container {width:100%; text-align:center;}</style> 

    <h2></h2><br><br><br> 
<p> <SPAN ID="Fetch"> Fetch next</p> <br>  

<button class="button2" button onclick="FetchFunction()"><span>Next </span></button> 


    <p> <SPAN ID="GroupCompanies"> In AD goto Group</p>  

<button class="button1" button onclick="GroupCompaniesFunction()"><span>Next </span></button> 



<script> 
function FetchFunction() {  
holdtext.innerText = Fetch.innerText; 
} 

function GroupCompaniesFunction() {  
holdtext.innerText += "\n"+GroupCompanies.innerText; 
} 
</script> 




</body> 


</html> 

Antwort

0

Versuchen Sie, diese Zeile zu ändern:

var emailBody = 'Body'; 

An:

var emailBody = $('#holdtext').val(); 

Da textarea ein Formularelement ist .. val() ist die richtige Möglichkeit, den Text darin abzurufen.

Lassen Sie mich wissen, ob dies hilft!

UPDATE

die Zeilenumbrüche zu bewahren .. ändern Sie diese Zeile:

window.location = 'mailto:' + email + '?subject=' + subject + '&body=' + emailBody; 

An:

window.location = 'mailto:' + email + '?subject=' + subject + '&body=' + encodeURIComponent(emailBody); 
+0

Vielen Dank an Sie. Das hat wie Charme funktioniert. – Pete

+0

Gern geschehen! Froh, dass ich helfen konnte! –

+0

Ich weiß nicht, ob ich Frage hier wieder stellen kann. Dieser Code kopiert den Inhalt in den Outlook-Hauptteil. Aber nachdem ich in meinem TEXTAREA noch ein paar Zeilen hinzugefügt habe, erscheinen im Outlook alle meine Texte in einer Zeile. Gibt es eine Möglichkeit, es zu verschiedenen Linien zu trennen. – Pete

0

Hier ist ein Beispiel, das ich mit dem Text Tag und Javascript verwendet haben:

<div class="contact-form"> 
<br> 
<div class="alert alert-success hidden" id="contactSuccess"> 
    <strong>Success!</strong> Your message has been sent to us. 
</div> 
<div class="alert alert-error hidden" id="contactError"> 
    <strong>Error!</strong> There was an error sending your message. 
</div> 
<form name="sentMessage" id="contactForm" novalidate> 
    <div class="form-group"> 
     <input type="text" class="form-control" placeholder="Full Name" id="RecipientName" 
     required name="RecipientName" 
     data-validation-required-message="Please enter your name" /> 
    </div> 
    <div class="form-group"> 
    <input type="email" class="form-control" placeholder="Email" 
     id="RecipientEmail" name="RecipientEmail" required 
     data-validation-required-message="Please enter your email" /> 
    </div> 
    <div class="form-group"> 
    <textarea rows="10" cols="100" class="form-control" 
     placeholder="Please enter your message" id="RecipientMessage" name="RecipientMessage" 
     required data-validation-required-message="Please enter your message" minlength="5" 
     data-validation-minlength-message="Min 5 characters" maxlength="999" 
     style="resize:none"> 
    </textarea> 
    </div> 
    <input class="btn btn-primary pull-right" type="submit" id="EmailSendButton" 
     name="EmailSendButton" value="send message" onclick="EmailData()"> 
    </form><br /><br /> 
    <div id="EmailConfirmation"></div> 
    </div> 



<script> 
function EmailData() { 
    $("#EmailSendButton").attr("disabled", "true"); 

    var url = "/Home/EmailData"; 
    var recipientName = $("#RecipientName").val(); 
    var recipientEmail = $("#RecipientEmail").val(); 
    var recipientMessage = $("#RecipientMessage").val(); 
    var postData = { 'Name': recipientName, 'Email': recipientEmail, 'Message': recipientMessage } 
    $.post(url, postData, function (result) { 
     $("#EmailConfirmation").css({ 'display': 'block' }); 
     $("#EmailConfirmation").text(result); 
     $("#EmailConfirmation").attr({ class: 'alert alert-success' }) 
     $("#RecipientName").val('Your Name *'); 
     $("#RecipientEmail").val('Your E-mail *'); 
     $("#RecipientMessage").val('Your Message *'); 
    }) 
}</script> 
+0

Vielen Dank an die Person, die den Code geschrieben: var emailbody = $ ('# holdtext'). val(); Dies funktioniert tatsächlich wie Charme .. Ich kam zurück, um zu sagen, danke und diese Antwort wurde gelöscht .. Ich habe nicht bemerkt, dass Personen Name – Pete

+0

@ user2515101 diese Person war ich lol es war nur ein Kommentar, so löschte ich es und posten es als Antwort –

+0

Ich vermutete es coz ich erinnerte mich an Ihr Profil Bild :) .. Vielen Dank – Pete