Simple PHP email form utilizing code from mailchimp

• Project ID:

  493096

• Project Type:

  Fixed

• Budget:

  $30-$250 USD
  

Project Description:

We are in the process on converting a clients web site from an ASP.NET site to a PHP / Joomla web site. The existing site has an email submission form that would email the submission to the client. We have kept the css style sheet and tags, but we need to have someone edit the code so that we can utilize the code from mail chimp (Mail chimp is an email list service provider).

We have it to the point that the style tags have been placed in the style sheet. Everything looks good, but we need to change the code so that is will properly add the users email address to the proper list.

______________________________________________________________


Here is what we have right now (non working form):

<div class="callout"><form action="#"> <fieldset>
<div>
<h2 class="mail-heading">Stay in the Know</h2>
<strong class="inptext"> <span> <input id="ctl00_contentCallout_callout_maillist_txtEmailSub" name="ctl00$contentCallout$callout_maillist$txtEmailSub" type="text" value="name email.com" /> </span> </strong> <a class="mail-link" href="javascript:__doPostBack('ctl00$contentCallout$callout_maillist$btnSend','')">Enter</a></div>
<p id="confirm-email">Enter your email to be the first to get news on new products and special offers.</p>
</fieldset> </form>

Here is what we were given from mail chimp: (We need to have this code stripped down to work with the style and code from above):

<!--[if IE]>
<style>
#mc_embed_signup fieldset {
position: relative;
}
#mc_embed_signup legend {
position: absolute;
top: -1em;
left: .2em;
}
</style>
<![endif]-->
<script type="text/javascript" src="http://nfinity.us1.list-manage.com/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://nfinity.us1.list-manage.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://nfinity.us1.list-manage.com/js/jquery.form.js"></script>
<script type="text/javascript" src="http://nfinity.us1.list-manage.com/subscribe/xs-js?u=76f48213b3c290e7ddb491cf4&id=a7a9c45e00"></script>

<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://nfinity.us1.list-manage.com/subscribe/post?u=76f48213b3c290e7ddb491cf4&id=a7a9c45e00" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial;font-size: 12px;">
<fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #000000;padding-top: 1.5em;margin: .5em 0;background-color: #FFFFFF;color: #333333;">
<legend style="text-transform: capitalize;font-weight: bold;color: #666666;background: #CCCCCC;padding: .5em 1em;border: 1px solid #000000;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 1.2em;">join our mailing list</legend>
<div class="indicate-required" style="text-align: right;font-style: italic;overflow: hidden;color: #333333;margin: 0 9% 0 0;">* indicates required field</div>
<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;">
<label for="mce-EMAIL" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Email Address:<strong class="note-required">*</strong>
</label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;">
</div>
<div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;">
<div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;"></div>
<div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;"></div>
</div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="width: auto;margin: .2em 3em;display: block;"></div>
</fieldset>
</form>
</div><!--mc_embed_signup-->

__________________________________________________

There are several instances of this form with various list, but if you can complete the one form, we should be able to handle it from there. Additional work may come from this small job if you can turn it quickly.

Skills required:

PHP