Hi guys,
I'm new to Chronoform, but I've managed to get things to work and the component is great, but I need some help and advice about IE7.
My problem is that when i hit Submit or reset forms under IE7, nothing happens and the form is not being submitted, but the "browser" doesn't show any errors. Of course everything is OK under Firefox, Opera, Safari..
I've tried to switch validation ON and OFF, tried both type prototype and mootools, but with no avail. My codes validates under XHTML 1.0 Transitional and I don't think that he is the the problem, but I'll paste it here, just to be sure and hear some professional opinion.
Any ideas? Thank you in advance !!
I'm new to Chronoform, but I've managed to get things to work and the component is great, but I need some help and advice about IE7.
My problem is that when i hit Submit or reset forms under IE7, nothing happens and the form is not being submitted, but the "browser" doesn't show any errors. Of course everything is OK under Firefox, Opera, Safari..
I've tried to switch validation ON and OFF, tried both type prototype and mootools, but with no avail. My codes validates under XHTML 1.0 Transitional and I don't think that he is the the problem, but I'll paste it here, just to be sure and hear some professional opinion.
<p class="style1">QUESTIONNAIRE FORM</p>
<div align="justify">For machines inquiries, please complete a form below. It's purpose is to help us identify your needs, so fill as match as possible fields in this list. If you have doubts or questions about some of the fields please contact us.<br />
The information provided is confidential between our two companies and will not be given to third parties in any case.
</div>
<p align="justify">Please also note, that due to security reasons <span class="style2">using slashes ( / ) when filling the form is forbidden,</span> so please don't use them or use substitute characters, otherwise your inquiry will not be sent. EXAMPLE: You can add your website like <span class="style2">www.website.com or website.com</span> and <span class="style2">not like http://www.website.com</span>. Thank you.</p>
<p align="justify">* Required field</p>
<p>Additionaly you can download form <a href="www.www.www">here</a> and send it via e-mail on office@company.com or on fax 000 000 000.</p>
<table width="93%" border="0">
<tr valign="top">
<td width="144" valign="top">Company name *</td>
<td width="294" valign="top"><input name="companyname" type="text" id="companyname" size="35" maxlength="50" /></td>
<td width="207" valign="top">Address *</td>
<td width="400" valign="top"><input name="address" type="text" id="address" size="35" maxlength="70" /></td>
</tr>
<tr valign="top">
<td valign="top">City *</td>
<td valign="top"><input name="city" type="text" id="city" size="35" maxlength="50" /></td>
<td valign="top">Country *</td>
<td valign="top"><input name="country" type="text" id="country" size="35" maxlength="50" /></td>
</tr>
<tr>
<td width="144" valign="top">Phone/Fax *</td>
<td valign="top"><input name="phonefax" type="text" id="phonefax" size="35" maxlength="50" /></td>
<td valign="top">E-mail *</td>
<td valign="top"><input name="email" type="text" id="email" size="35" maxlength="50" /></td>
</tr>
<tr>
<td valign="top">Website</td>
<td valign="top"><label></label>
<input name="website" type="text" id="website" size="35" maxlength="50" /></td>
<td valign="top">Contact person *</td>
<td valign="top"><label>
<input name="contactperson" type="text" id="contactperson" size="35" maxlength="50" />
</label></td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td colspan="2" valign="top">What is the product (products) ?</td>
<td colspan="2" valign="top">Is it a product mix or homogeneous product ?</td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="product" cols="35" rows="4" id="product"></textarea></td>
<td colspan="2" valign="top"><textarea name="mix" cols="35" rows="4" id="mix"></textarea></td>
</tr>
<tr>
<td colspan="2" valign="top">What is the proportion of different products in the mix ?</td>
<td colspan="2" valign="top">What is the shape needed ?</td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="proportion" cols="35" rows="4" id="proportion"></textarea></td>
<td colspan="2" valign="top"><textarea name="shape" cols="35" rows="4" id="shape"></textarea></td>
</tr>
<tr>
<td colspan="2" valign="top">How many grams (ml.) for one pack ?</td>
<td colspan="2" valign="top">What production rate (pieces / hour) do you need ?</td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="weight" cols="35" rows="4" id="weight"></textarea></td>
<td colspan="2" valign="top"><textarea name="speed" cols="35" rows="4" id="speed"></textarea></td>
</tr>
<tr>
<td colspan="2" valign="top">What is the packet raw material ?</td>
<td colspan="2" valign="top">Is there something specific, that we should know about your product ?</td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="material" cols="35" rows="4" id="material"></textarea></td>
<td colspan="2" valign="top"><textarea name="specifics" cols="35" rows="4" id="specifics"></textarea></td>
</tr>
<tr>
<td colspan="2" valign="top">Other comments</td>
<td colspan="2" valign="top">Product images / Files upload : </td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="comments" cols="35" rows="4" id="comments"></textarea></td>
<td colspan="2" valign="top"><form id="form1" name="form1" enctype="multipart/form-data" method="post" action="">
<p>
<input name="image1" type="file" id="image1" />
</p>
<p>
<input name="image2" type="file" id="image2" />
</p>
<p>jpg, png, bmp, gif, doc, txt, rtf, sxw, pdf, rar, zip formats are allowed 2048 Kb max</p>
</form> </td>
</tr>
<tr>
<td valign="top"><input type="submit" name="submit" id="submit" value="Submit" /></td>
<td colspan="3" valign="top"><input type="reset" name="reset" id="reset" value="Reset" /></td>
</tr>
</table>
Any ideas? Thank you in advance !!
Hi emphaze,
I've scanned through the form code and that looks fine. Do you have validation on? I'm wondering if there might be a JavScript conflict with something else on the site - sometimes these show up more in IE.
Is the form on-line?
Bob
I've scanned through the form code and that looks fine. Do you have validation on? I'm wondering if there might be a JavScript conflict with something else on the site - sometimes these show up more in IE.
Is the form on-line?
Bob
Hi emphaze,
I've scanned through the form code and that looks fine. Do you have validation on? I'm wondering if there might be a JavaScript conflict with something else on the site - sometimes these show up more in IE.
Is the form on-line?
Bob
Hi GreyHead and thank you for the fast reply. I find what was the "problem" and it's not the Java as you suggested, because it was not a validation code, that causes the trouble. Believe me or not, what i did was to change the Submit and Reset buttons location and to place them inside last comment field. I'm not a web developer and I have a little knowledge of CSS,HMTL and PHP, but it doesn't make sense. However here is the new code, please take a look at it if you are interested and let me know your opinion. It might be useful for someone else in my situation.
Cheers!!
<p class="style1">QUESTIONNAIRE FORM</p>
<div align="justify">For machines inquiries, please complete a form below. It's purpose is to help us identify your needs, so fill as match as possible fields in this list. If you have doubts or questions about some of the fields please contact us.<br />
The information provided is confidential between our two companies and will not be given to third parties in any case.
</div>
<p align="justify">Please also note, that due to security reasons <span class="style2">using slashes ( / ) when filling the form is forbidden,</span> so please don't use them or use substitute characters, otherwise your inquiry will not be sent. EXAMPLE: You can add your website like <span class="style2">www.website.com or website.com</span> and <span class="style2">not like http://www.website.com</span>. Thank you.</p>
<p align="justify">* Required field</p>
<p>Additionaly you can download form <a href="www.www.com">here</a> and send it via e-mail on office@company.com or on fax 000 000 607 63.</p>
<table width="93%" border="0">
<tr valign="top">
<td width="144" valign="top">Company name *</td>
<td width="294" valign="top"><input name="companyname" type="text" id="companyname" size="35" maxlength="50" /></td>
<td width="207" valign="top">Address *</td>
<td width="400" valign="top"><input name="address" type="text" id="address" size="35" maxlength="70" /></td>
</tr>
<tr valign="top">
<td valign="top">City *</td>
<td valign="top"><input name="city" type="text" id="city" size="35" maxlength="50" /></td>
<td valign="top">Country *</td>
<td valign="top"><input name="country" type="text" id="country" size="35" maxlength="50" /></td>
</tr>
<tr>
<td width="144" valign="top">Phone/Fax *</td>
<td valign="top"><input name="phonefax" type="text" id="phonefax" size="35" maxlength="50" /></td>
<td valign="top">E-mail *</td>
<td valign="top"><input name="email" type="text" id="email" size="35" maxlength="50" /></td>
</tr>
<tr>
<td valign="top">Website</td>
<td valign="top"><label></label>
<input name="website" type="text" id="website" size="35" maxlength="50" /></td>
<td valign="top">Contact person *</td>
<td valign="top"><label>
<input name="contactperson" type="text" id="contactperson" size="35" maxlength="50" />
</label></td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td colspan="2" valign="top">What is the product (products) ?</td>
<td colspan="2" valign="top">Is it a product mix or homogeneous product ?</td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="product" cols="35" rows="4" id="product"></textarea></td>
<td colspan="2" valign="top"><textarea name="mix" cols="35" rows="4" id="mix"></textarea></td>
</tr>
<tr>
<td colspan="2" valign="top">What is the proportion of different products in the mix ?</td>
<td colspan="2" valign="top">What is the shape needed ?</td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="proportion" cols="35" rows="4" id="proportion"></textarea></td>
<td colspan="2" valign="top"><textarea name="shape" cols="35" rows="4" id="shape"></textarea></td>
</tr>
<tr>
<td colspan="2" valign="top">How many grams (ml.) for one pack ?</td>
<td colspan="2" valign="top">What production rate (pieces / hour) do you need ?</td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="weight" cols="35" rows="4" id="weight"></textarea></td>
<td colspan="2" valign="top"><textarea name="speed" cols="35" rows="4" id="speed"></textarea></td>
</tr>
<tr>
<td colspan="2" valign="top">What is the packet raw material ?</td>
<td colspan="2" valign="top">Is there something specific, that we should know about your product ?</td>
</tr>
<tr>
<td colspan="2" valign="top"><textarea name="material" cols="35" rows="4" id="material"></textarea></td>
<td colspan="2" valign="top"><textarea name="specifics" cols="35" rows="4" id="specifics"></textarea></td>
</tr>
<tr>
<td colspan="2" valign="top">Other comments</td>
<td colspan="2" valign="top">Product images / Files upload : </td>
</tr>
<tr>
<td colspan="2" valign="top"><p>
<textarea name="comments" cols="35" rows="4" id="comments"></textarea>
</p>
<p>
<input name="submit" type="submit" id="submit" value="Submit" />
<input name="reset" type="reset" id="reset" value="Reset" />
</p></td>
<td colspan="2" valign="top"><form id="form1" name="form1" enctype="multipart/form-data" method="post" action="">
<p>
<input name="image1" type="file" id="image1" />
</p>
<p>
<input name="image2" type="file" id="image2" />
</p>
<p>jpg, png, bmp, gif, doc, txt, rtf, sxw, pdf, rar, zip formats are allowed 2048 Kb max</p>
</form> </td>
</tr>
<tr>
<td colspan="2" valign="top"> </td>
<td colspan="2" valign="top"> </td>
</tr>
</table>
Hi emphaze,
I just noticed that you have a <form> tag in your code near the end (sorry, I missed this first time around)
The change you made moves the submit buttons before this. If you take it out then all should be well.
Bob
I just noticed that you have a <form> tag in your code near the end (sorry, I missed this first time around)
<form id="form1" name="form1" enctype="multipart/form-data" method="post" action="">
This will certainly cause problems.The change you made moves the submit buttons before this. If you take it out then all should be well.
Bob
This topic is locked and no more replies can be posted.