Hi,
we are embedding a subscription form in our homepage (www.quantumwise.com) but we experience some problem with jquery.
The form works fine but other existing modules stop working (in this case the testimonial module on the right side).
However, if we remove this line from the form code:
all modules in our homeapge, including the subscription form seem to work fine.
So, the question is, how important is that line? :) can we survive without it or need to find another solution?
thanks!
Umberto
PS the full code for the form is this:
<!--Zoho Web-Optin Form Starts Here-->
<script type="text/javascript">
var $ZC = jQuery.noConflict();
var trackingText='ZCFORMVIEW';
$ZC(document).ready( function($) {
$ZC("#zc_trackCode").val(trackingText);
$ZC("#fieldBorder").val($ZC("[changeItem='SIGNUP_FORM_FIELD']").css("border-color"));
_setOptin(false,function(th){
/*Before submit, if you want to trigger your event, "include your code here"*/
});
/*Load Captcha For this*/
/*Tracking Enabled*/
trackSignupEvent(trackingText);
});
</script>
<title>QuantumWise A/S</title>
<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<div id="customForm">
<table border="0" cellspacing="0" cellpadding="0" align="center" name="SIGNUP_BODY" id="SIGNUP_PAGE" style="overflow: hidden; padding: 0px; border: 1px none rgb(255, 255, 255); border-radius: 1px; width: 250px; background-color: rgb(242, 242, 242);">
<tbody>
<tr>
<td>
<div style="text-align: left; color: rgb(181, 0, 48); font-weight: bold; padding: 15px; font-family: Arial; font-size: 14px; border: 1px none rgb(255, 255, 255); background-color: rgb(242, 242, 242);" id="SIGNUP_HEADING" name="SIGNUP_HEADING" changeid="SIGNUP_MSG" changetype="SIGNUP_HEADER">Sign up for news and software updates</div>
<div>
<div style="position:relative;top: 30px;">
<div id="Zc_SignupSuccess" style="display:none;position:absolute;margin-left:4%;width:90%;background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154); margin-top: 10px;margin-bottom:10px; ">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td width="10%">
</td>
<td>
<span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px;"> Thank you for Signing Up</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div style="display:none;background-color:#FFEBE8;padding:10px 10px; color:#d20000; font-size:11px; margin:10px;border:solid 1px #ffd9d3; margin-top:20px;" id="errorMsgDiv"> Please correct the marked field(s) below</div>
<div style="padding-left:15px; padding-right:15px;padding-bottom:15px; padding-top:15px;">
<input name="CONTACT_EMAIL" changetype="CONTACT_EMAIL" changeitem="SIGNUP_FORM_FIELD" type="text" id="CONTACT_EMAIL" style="border: 1px solid rgb(235, 235, 235); padding: 4px 0px; width: 100%; height: 30px; color: rgb(183, 1, 49); text-align: center; box-sizing: border-box; font-size: 12px; background-color: rgb(255, 255, 255);" placeholder="Email">
<span style="display:none" id="dt_CONTACT_EMAIL">1,true,6,Contact Email,2</span>
</div>
<div style="padding-left:15px; padding-right:15px;padding-bottom:15px; padding-top:15px;">
<input name="LASTNAME" changetype="LASTNAME" changeitem="SIGNUP_FORM_FIELD" type="text" id="LASTNAME" style="border: 1px solid rgb(235, 235, 235); padding: 4px 0px; width: 100%; height: 30px; color: rgb(183, 1, 49); text-align: center; box-sizing: border-box; font-size: 12px; background-color: rgb(255, 255, 255);" placeholder="Name">
<span style="display:none" id="dt_LASTNAME">1,false,1,Last Name,2</span>
</div>
<div style="padding-left:15px; padding-right:15px;padding-bottom:15px;padding-top:5px;text-align:center">
<input name="SIGNUP_SUBMIT_BUTTON" id="zcWebOptin" type="button" style="-webkit-appearance: none; color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); width: 100%; cursor: pointer; font-size: 14px; border-radius: 7px; padding: 6px 10px; background-color: rgb(183, 1, 49);" value="Join Now">
</div><!-- Do not edit the below Zoho Campaigns hidden tags -->
<input type="hidden" id="fieldBorder" value="rgb(235, 235, 235)">
<input type="hidden" name="zc_trackCode" id="zc_trackCode" value="" onload="">
<input type="hidden" id="submitType" name="submitType" value="optinCustomView">
<input type="hidden" id="lD" name="lD" value="1216cec8f14905b3">
<input type="hidden" name="emailReportId" id="emailReportId" value="">
<input type="hidden" id="formType" name="formType" value="QuickForm">
<input type="hidden" name="zx" id="cmpZuid" value="12480bb8">
<input type="hidden" name="zcvers" value="2.0">
<input type="hidden" name="oldListIds" id="allCheckedListIds" value="">
<input type="hidden" id="mode" name="mode" value="OptinCreateView">
<input type="hidden" id="zcld" name="zcld" value="1216cec8f14905b3">
<input type="hidden" id="document_domain" value="zoho.com">
<input type="hidden" id="zc_Url" value="zc1.maillist-manage.com">
<input type="hidden" id="zc_formIx" name="zc_formIx" value="b1f837138fb2cf158b8bcb69f31cfc335cbda1605d573b7e"><!-- End of the campaigns hidden tags --></form>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="zcOptinOverLay" oncontextmenu="return false" style="display:none;text-align: center; background-color: rgb(0, 0, 0); opacity: 0.5; z-index: 100; position: fixed; width: 100%; top: 0px; left: 0px; height: 988px;"></div>
<div id="zcOptinSuccessPopup" style="display:none;z-index: 9999;width: 800px; height: 40%;top: 84px;position: fixed; left: 26%;background-color: #FFFFFF;border-color: #E6E6E6; border-style: solid; border-width: 1px; box-shadow: 0 1px 10px #424242;padding: 35px;">
<span style="position: absolute;top: -16px;right:-14px;z-index:99999;cursor: pointer;" id="closeSuccess">
</span>
<div id="zcOptinSuccessPanel"></div>
</div>
<!--Zoho Web-Optin Form Ends Here-->