Checkbox to Email Creation with Attachment

jpcsolutions · 12-29-2012, 04:15 PM

Hi everybody…

As you can see by the markup below, there is an image, which has a checkbox next to it. There are about 15 different documents laid out on this particular page. All these documents would be pre-loaded onto the server. My goal here is to have the end user check off all the appropriate documents and then click a button that says, ‘Generate Email’ (or something along those lines). This is part of an internal application. Everybody’s native email client is MS Outlook. When the ‘Generate Email’ button is clicked, an email will open up and have those checked off documents attached to the email. The user enters an email address, and hits send.

I am sure this is possible, but is it something that JS can do?

I'm fairly new to JS, but I'm willing to learn what I need to. I just need to be pushed in the right direction.

Code:

<div class="col one_fourth gallery_box"> <a href="images/docs/POP_Form.jpg" 
rel="lightbox[docs]"><img src="images/docs/POP_Form.jpg" 
alt="" width="74" height="95" class="image_frame"/></a>
 <h5>Student Payment Option </h5>
 <h5>Policy Agreement (POP Form) </h5>
 <h5><font color="#990000"><a href="docs/POP Form.pdf" target="_blank">
<strong>Click here for the PDF</strong></a></font></h5>
 <h5> <span id="sprycheckbox3">
  <input type="checkbox" name="pop_form" id="pop_form" tabindex="40" />
    <label for="pop_form">Send this form in an email</label>
    <span class="checkboxRequiredMsg">Please make a selection.</span></span></h5>
</div>

I know that a mail scripts usually send a file uploaded by a user, but in this case, I need to change the script to allow the user to select files which already reside on the server.

Thanks in advance!

-JPC Solutions

xelawho · 12-29-2012, 06:09 PM

this is untested, but as far as I am aware, if everybody is using IE it can be done. In the below, you need to give each checkbox which refers to a file a class of "doc" and a value which corresponds to the full path to the filename. I don't know if filenames with spaces will work - you may have to escape the whole string. I don't have outlook so can't test it, but it seems like it would be something like this:

Code:

<body>
<div class="col one_fourth gallery_box"> 
<a href="images/docs/POP_Form.jpg" 
rel="lightbox[docs]"><img src="images/docs/POP_Form.jpg" 
alt="" width="74" height="95" class="image_frame"/></a>
 <h5>Student Payment Option </h5>
 <h5>Policy Agreement (POP Form) </h5>
 <h5><font color="#990000"><a href="docs/POP Form.pdf" target="_blank">
<strong>Click here for the PDF</strong></a></font></h5>
 <h5> <span id="sprycheckbox3">
  <input type="checkbox" name="pop_form" id="pop_form" class="doc" value="http://192.168.0.461:87/docs/POP Form.pdf" tabindex="40" />
    <label for="pop_form">Send this form in an email</label>
    <span class="checkboxRequiredMsg">Please make a selection.</span></span></h5>
</div>
<input type="button" value="send email" onclick="sendMail()"/>
<script type='text/javascript'>
function sendMail(){
  objOutlookExpress = new ActiveXObject("Outlook.Application");
  objOutlookMsg = objOutlookExpress.CreateItem(0)
  objOutlookMsg.To = "";//add email address here
  objOutlookMsg.Subject = "your documents";
  objOutlookMsg.HTMLBody = "Here are the documents you requested";
  var inps=document.getElementsByTagName("input");
    for (var i = 0; i < inps.length; i++) {
  if(inps[i].className="doc"&&inps[i].checked){
  objOutlookMsg.Attachments.Add(inps[i].value);
			}
	}
}
</script>
</body>