Jump to content

Research email generator


stlwellj

Recommended Posts

I have a form that an agent can fill out and then hit send and it will auto generate an email for them. I had it working and wanted to update to dynamic drop downs. now my clear and send buttons no longer work. 

<head>
<title>Research / Serviceability Email</title>
 
<style type="text/css">
.style166 {color: #FFFFFF}
</style>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
<script type="text/javascript">
        function clearresearch() {
                document.getElementById("text-one").selectedIndex = "base";
                document.getElementById('esl').value='';
                document.getElementById('account').value='';
                document.getElementById('name').value='';
                document.getElementById('address').value='';
                document.getElementById('er').value='';
                document.getElementById('issue').value='';
                document.getElementById("text-two").selectedIndex = "";
        }
 function mailresearch() {
        if (document.getElementById('txet-one').value="research") {
                var esl = document.getElementById('esl').value;
                var acct = document.getElementById('account').value;
                var name = document.getElementById('name').value;
                var address = document.getElementById('address').value;
                var er = document.getElementById('er').value;
                var issue = document.getElementById('issue').value;
                var type = document.getElementById('type').value;
                var sendmail = 'mailto:Email Address 1' + '?subject=' + esl + " / " + "ER" + er + " / " + type + '&body=' + "Account Number: " + acct + "%0D%0A" + "Customer Name: " + name + "%0D%0A" + "Customer Address: " + address + "%0D%0A" + "ER Ticket Number and Type: " + er + " / " + type + "%0D%0A%0D%0A" + "Description of Issue:" + "%0D%0A%0D%0A" + issue + "%0D%0A%0D%0A";
               
                win = window.open(sendmail, 'emailWindow');
    if (win && win.open && !win.closed) win.close();
                        }
                        else {
                var esl = document.getElementById('esl').value;
                var acct = document.getElementById('account').value;
                var name = document.getElementById('name').value;
                var address = document.getElementById('address').value;
                var er = document.getElementById('er').value;
                var issue = document.getElementById('issue').value;
                var type = document.getElementById('type').value;
                var sendmail = 'mailto:Email Address2' + '?subject=' + esl + " / " + "ER" + er + " / " + type + '&body=' + "Account Number: " + acct + "%0D%0A" + "Customer Name: " + name + "%0D%0A" + "Customer Address: " + address + "%0D%0A" + "ER Ticket Number and Type: " + er + " / " + type + "%0D%0A%0D%0A" + "Description of Issue:" + "%0D%0A%0D%0A" + issue + "%0D%0A%0D%0A";
               
                win = window.open(sendmail, 'emailWindow');
    if (win && win.open && !win.closed) win.close();
                        }
        }
 
$(function() {
        $("#text-one").change(function() {
        $("#text-two").load("textdata/" + $(this).val() + ".txt");
                        });
                });
 
</script>
 
</head>
<body>
<form name="research">
<table id="callnotesr">
<tbody>
<tr>
    <td bgcolor="#0000FF"><div align="center" class="style166">Research / Serviceability Email</div></td>
  </tr>
   <tr><td width="235" rowspan="5" valign="top" style="border:1px solid black; border-color:black;">
     <div>
                        <div align="">Research or Serviceability</div>
        <select id="text-one">
                        <option selected value="base">Please Select</option>
                        <option value="research">Research</option>
                        <option value="service">Serviceability</option>
                </select>
      </div>
        <div>
                                <div align="">ESL Ticket Number</div>
                                <div align="">
                                <input type="text" class="style44" id="esl" size="60" value="" >
</div>
        <div>
                                <div align="">Account Number</div>
                                <div align="">
                                <input type="text" class="style44" id="account" size="60" value="" >
</div>
        <div>
                                <div align="">Customer Name</div>
                        <div align="">
                                <input type="text" class="style44" id="name" size="60" value="">
</div>
        <div>
                                <div align="">Customer Address</div>
                        <div align="">
                                <input type="text" class="style44" id="address" size="60" value="">
</div>
        <div>
                                <div align="">ER Ticket Number</div>
                        <div align="">
                                <input type="text" class="style44" id="er" size="60" value="">
</div>
        <div>
        <div align="">ER Ticket Type</div>
                <select id="text-two">
                        <option>Please choose from above</option>
                </select>
</div>
        <div>
                        <div align="">Description of Issue</div>
                <div align="center">
                        <textarea cols="50" rows="10" id="issue" ></textarea>
</div>
      <br />
  <div>
        </form>  <div align="center" class="style44">
        <button name="clearresearch" type="button" class="style115" id="clearresearch" onclick="clearresearch()" value="Clear">Clear</button>
        <button name="mail" type="button" class="style115 " id="mail" onclick="mailresearch()" value="Send">Send</button>
    </div>
</td>
</tr></tbody></table>
 </body>
 </html>
Link to comment
Share on other sites

It may help to know what changes were made that caused the script to break. Are you getting any JavaScript errors?

 

Note that you can right-click a page (on Windows) in Google Chrome and click "Inspect element" to view the Developer Tools panel. You can see if there are any JavaScript errors under the "Console" tab. Firefox and Internet Explorer also have a "Console" tab that can be accessed in the same way as Chrome. I'm just not as familiar with that feature in those browsers.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.