JSFiddle - React, Tailwind, and code Playground
HTML
<div class="section row">
<div class="span4">
<h3>Opt Out From ADARA</h3>
</div>
<div class="span8">
<p>To opt out from ADARA, simply click the Submit button below. The tool will automatically insert an ADARA opt out cookie which signals your opt out status to ADARA.</p>
<p><strong>Opting-out does not mean you will no longer receive online advertising.</strong></p>
<p>It does mean that ADARA will no longer deliver ads tailored to your web preferences and usage patterns.</p>
<p><strong>The ADARA opt out tool is cookie-based.</strong></p>
<p>In order for the tool to work on your computer, your browser must be set to accept third party cookies. If you buy a new computer, change web browsers or delete this cookie, you will need to perform the opt out task again.</p>
<p>
</p>
<form id="opForm" name="opForm" method="post" action="http://optout.yieldoptimizer.com:8080/optout/opt">
</form>
<form id="opForm1" name="opForm" class="hidden" method="post" action="http://optout.adaraanalytics.com:8080/optout/opt">
</form>
<input type="button" value="Submit1" class="button" onclick="doPost1()">
<input type="button" value="Submit2" class="button" onclick="doPost2()">
<p></p>
</div>
</div>
CSS
.hidden {
display: none;
}
JavaScript
doPost1 = function() {
console.log('doing form submit 1.');
document.forms["opForm1"].submit();
console.log('done');
}
doPost2 = function() {
console.log('doing form submit 2.');
document.forms["opForm"].submit();
console.log('done');
}