Web form gives error in IE8

chitrag · October 6, 2012

I noticed that when I put following code in my site those pages with following gets error and can not display my pages in IE 8 Example page : http://www.egtours.com/10_days_nepal_trip.php I have put this code below vertical menu of the above page.

<body><table border="0" width="210px" id="table1"><tr>  <td><font color="#FF6600"><b>Nepal Holidays<br>  8 days</b><br>  Trip Summery</font><p><font color="#FF6600">Day 01: Arrive Kathmandu<br>  Day 02: Kathmandu<br>  Day 03: Kathmandu/Chitwan<br>  Day 04: Chitwan<br>  Day 05: Chitwan/Pokhara<br>  Day 06: Explore Pokhara<br>  Day 07: Pokhara/Kathmandu<br>  Day 08: Departure</font></td></tr><tr>  <td>   <!--############################################################## ADD FORM NOW###########################################################--><DIV ALIGN=LEFT>		  <form enctype="multipart/form-data" method="post" onSubmit="return camcheckrequired(this)" action="pgm-form_submit.php" accept-charset="utf-8">		  <input type=hidden id="EMAILTO" name=EMAILTO value="sales@egtours.com">		  <input type=hidden name=PAGEREQUEST value="nepal holidays">		  <input type=hidden name=DATABASE value="download">		  <input type=hidden name=PAGEGO value="455472b522fd0a1e27aaa91c4033db65">		  <input type=hidden name=RESPONSEFROM value="noreply@egtours.com">		  <input type=hidden name=SUBJECTLINE value="Thank you for your request">		  <input type=hidden name=RESPONSEFILE value="media/DEFAULT2020202024452345.TXT">		  <input type=hidden name=CUST_FILENAME value="/home/egtou/public_html/media/download.form.html">		  <input type=hidden name="UNIQUETOKEN" value="32e281682138eaad5b0d262b6f1d8891">		  <style title="userform-inline_css">		  /* Generated CSS theme for user-created form */		 		  /* Hack to fix border on floated elements in IE */		  .ie_cleardiv {		  display: block;		  clear: both;		  float: none;		  margin: 0;		  /*border: 1px dotted red;*/		  }		 		  .field-container {		  display: block;		  clear: both;		  margin-bottom: 6px;		  vertical-align: top;		  font-family: Trebuchet MS, arial, helvetica, sans-serif;		  /*border: 1px solid red;*/		  }		  .asterisk {		  color: red;		  }		 		  .instructions {		  margin-top: 0;		  color: #2e2e2e;		  font-family: Trebuchet MS, arial, helvetica, sans-serif;		  font-size: 12px;		  line-height: 1.1em !important;		  }		 		  .myform-field_title-top,		  .myform-field_title-left {		  border:1px hidden #ccc; font-size: 11px;		  font-weight: normal;		  font-family: Trebuchet MS, arial, helvetica, sans-serif;		  margin-bottom: 0;		  color: #595959;		 		  }		  .myform-field_title-left {		  display: block;		  float: left;		  margin-right: 15px;		  /*margin-top: 12px;*/		  margin-top: 2px;		  text-align: left;		  /*border: 1px solid red;*/		  }		 		  .myform-field_title-hidden {		  display: none;		  }		 		  .myform-input_container, .myform-formfield_container {		  display: block;		  float: left;		  margin-top: 0;		  font-size: 11px;		  }		 		  #form_body_container h1,		  #form_body_container h2,		  #form_body_container h3,		  #form_body_container h4,		  #form_body_container h5,		  #form_body_container h6 {		  font-family: Trebuchet MS, arial, helvetica, sans-serif;		  margin-bottom: 0;		  }		  </style>		  <!---Begin form display-->		  <div id="form_body_container" style="text-align: left;background-color: transparent;margin: 10;padding: 0px;width: 210;border-style: none;border-width: 0;border-color: #000;">		  <div class="field-container">		  <h3 style="color: #595959;">Itinerary Request</h3>		  <p class="instructions" style="color: #595959;">Please input relevant information to get detail itinerary.</p>		  <div class="ie_cleardiv">		  </div>		  </div>		  <div class="field-container">		  <p class="myform-field_title-top" style="width: 75px;">First Name<span class="asterisk">*</span>		  </p>		  <p class="myform-input_container"><input type="text" name="First_Name" style="width: 200px;"/></p>		  <div class="ie_cleardiv">		  </div>		  </div>		  <div class="field-container">		  <p class="myform-field_title-top" style="width: 75px;">Last Name<span class="asterisk">*</span>		  </p>		  <p class="myform-input_container"><input type="text" name="Last_Name" style="width: 200px;"/></p>		  <div class="ie_cleardiv">		  </div>		  </div>		  <div class="field-container">		  <p class="myform-field_title-top" style="width: 75px;">Email Address<span class="asterisk">*</span>		  </p>		  <p class="myform-input_container"><input type="text" name="emailaddr" id="emailaddr" style="width: 200px;"/></p>		  <div class="ie_cleardiv">		  </div>		  </div>		  <input type="hidden" name="required_fields" id="required_fields" value="First_Name;Last_Name;emailaddr;"/>		  <div id="userform-submit_btn-container" style="text-align: center;">		  <input id="userform-submit_btn" type="submit" value="Submit >>" style="font-size: 13px;font-weight: normal;">		  </div>		 		  </form>		  <script type="text/javascript">		  function mailMe(sDom, sUser){		   return(sUser+"@"+sDom.replace(/%23/g,"."));		  }		  var x = mailMe('egtours%23com','sales');		  var y = document.getElementsByName("EMAILTO");		  y[0].value=x;		  </script></DIV><!-- #UNIQUETOKEN~~32e281682138eaad5b0d262b6f1d8891~~#---><!-- end form ---></div></td></tr><tr>  <td>  <img border="0" src="images/boats_thb.jpg" width="210" height="158"></td></tr><tr>  <td>  <i>Excellent Guide, Response to customers' requirement is good. Get an  ISO9002 certification, if possible.<br>  <br>  -Carol Leung and Wilfred Wong, Hong Kong</i></td></tr></table></body>

dsonesuk · October 6, 2012

I suggest you validate and correct the 143 errors, 89 warnings found at http://validator.w3.org/ , before posting here, as it could be any of these errors causing the problem in IE8, especially when it involves IE.

chitrag · October 9, 2012

I use online site builder and it is template based. So, it is shame I do not know how to do, ?

I suggest you validate and correct the 143 errors, 89 warnings found at http://validator.w3.org/ , before posting here, as it could be any of these errors causing the problem in IE8, especially when it involves IE.

thescientist · October 9, 2012

it be helpful to at least include what the errors are.

Edited October 9, 2012 by thescientist

chitrag · October 9, 2012

My site does not work in IE8when I try to browse the site it goes like thisres://ieframe.dll/acr_error.htm#egtours.com,http://www.egtours.com/10_days_nepal_trip.phpand it does not show up the pages.

it be helpful to at least include what the errors are.

I use online site builder and it is template based. So, it is shame I do not know how to do, ?

Ingolme · October 9, 2012

My site does not work in IE8 when I try to browse the site it goes like this res://ieframe.dll/acr_error.htm#egtours.com,http://www.egtours.com/10_days_nepal_trip.php and it does not show up the pages.

That's the URL, but what shows up in the window?

dsonesuk · October 9, 2012

One problem is that you are defining jQuery.noConflict(); before the actual links to jquery files further down the page.

chitrag · October 10, 2012

Thank you, 1. Window goes blank.2. jquery got conflict between two version. Try to use one version for all but it does not support.

Edited October 10, 2012 by chitrag

dsonesuk · October 10, 2012

Have you tried

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>   <script>		var jQueryOld = jQuery.noConflict();</script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jjquery-1.7.2.min.js"></script><script>	   var JQueryNew = jQuery.noConflict();</script>

You use jQueryOld("#whatever") for jquery that use old version, the other for new. Note: do not copy paste, as i just made up links, to old and new, (folders, version file name). Also we had a similar post, using this method before, as he thought he had a conflict of versions, but it turned out he had not placed the jquery script in correct order, or the code was not fully working properly, causing scrpit for other version to fail.

Edited October 10, 2012 by dsonesuk

chitrag · October 10, 2012

Thank you for your note. But I am wondering what should I put here jQueryOld("#whatever ???") link of jquery or just name can you give me a example.

Have you tried
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>   <script>		var jQueryOld = jQuery.noConflict();</script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jjquery-1.7.2.min.js"></script><script>	   var JQueryNew = jQuery.noConflict();</script>
You use jQueryOld("#whatever") for jquery that use old version, the other for new. Note: do not copy paste, as i just made up links, to old and new, (folders, version file name). Also we had a similar post, using this method before, as he thought he had a conflict of versions, but it turned out he had not placed the jquery script in correct order, or the code was not fully working properly, causing scrpit for other version to fail.

dsonesuk · October 10, 2012

Any jquery that uses older version, where usually you would use jQuery("#selector_ref") or $("#selector_ref"), you replace these with jQueryOld("#selector_ref") Any jquery that uses newer version, where usually you would use jQuery("#selector_ref") or $("#selector_ref"), you replace these with jQueryNew("#selector_ref"); Where the selector can be id, class, or any of the other normal ways of referring to a specific element.

chitrag · October 11, 2012

Hello, I put like this but still issues same. <script type="text/javascript" src="sohoadmin/plugins/MegaMenuBuilder/javascripts/jquery-1.3.2.min.js"></script><script> var jQueryOld ( "#megamenu" ) = jQuery.noConflict();</script> <script type="text/javascript" src="lightbox/js/jjquery-1.7.2.min.js"></script><script> var JQueryNew ( "#lightbox") = jQuery.noConflict();</script>

Any jquery that uses older version, where usually you would use jQuery("#selector_ref") or $("#selector_ref"), you replace these with jQueryOld("#selector_ref") Any jquery that uses newer version, where usually you would use jQuery("#selector_ref") or $("#selector_ref"), you replace these with jQueryNew("#selector_ref"); Where the selector can be id, class, or any of the other normal ways of referring to a specific element.

dsonesuk · October 11, 2012

No,NO,NO '$' or 'jQuery' define this code as jquery, you have to replace these to represent the version you are using previous post

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  <script>				var jQueryOld = jQuery.noConflict();</script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jjquery-1.7.2.min.js"></script><script>		   var JQueryNew = jQuery.noConflict();</script>

This TELLS it you are replacing the normal '$' and 'jQuery' with 'jQueryOld' and 'jQueryNew' instead, but to different versions. RIGHT! ANY jquery code run after this, thats STARTS with '$' or 'jQuery', must be replaced with 'jQueryOld' and 'jQueryNew' DEPENDING on the VERSION the jquery uses.

//old version use same '$', and conflict with new$( "#lightbox").click(function(){ }); //new version use same '$', and conflict with old$( "#megamenu" ).click(function(){ });

becomes

//old version my jQueryOld references old version of jquery, no conflict with new  jQueryOld( "#lightbox").click(function(){ }); //new version my jQueryNew references new version of jquery, no conflict with oldjQueryNew( "#megamenu" ).click(function(){ });

Edited October 11, 2012 by dsonesuk

chitrag · October 11, 2012

Thank you for your efforts, do like below ? I am just beginner.//old version my jQueryOld references old version of jquery, no conflict with new jquery-1.3.2.min.js( "#lightbox").click(function(){ }); //new version my jQueryNew references new version of jquery, no conflict with old jjquery-1.7.2.min.js( "#megamenu" ).click(function(){ });

dsonesuk · October 11, 2012

no! wrong, nothing like i showed you, rip it up, start again!.

chitrag · October 11, 2012

um I paste these in head section of the page ?

//old version use same '$', and conflict with new$( "#lightbox").click(function(){});//new version use same '$', and conflict with old$( "#megamenu" ).click(function(){});

No,NO,NO '$' or 'jQuery' define this code as jquery, you have to replace these to represent the version you are using previous post
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  <script>				var jQueryOld = jQuery.noConflict();</script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jjquery-1.7.2.min.js"></script><script>		   var JQueryNew = jQuery.noConflict();</script>
This TELLS it you are replacing the normal '$' and 'jQuery' with 'jQueryOld' and 'jQueryNew' instead, but to different versions. RIGHT! ANY jquery code run after this, thats STARTS with '$' or 'jQuery', must be replaced with 'jQueryOld' and 'jQueryNew' DEPENDING on the VERSION the jquery uses.
//old version use same '$', and conflict with new$( "#lightbox").click(function(){ }); //new version use same '$', and conflict with old$( "#megamenu" ).click(function(){ });
becomes
//old version my jQueryOld references old version of jquery, no conflict with new  jQueryOld( "#lightbox").click(function(){  um      }); //new version my jQueryNew references new version of jquery, no conflict with oldjQueryNew( "#megamenu" ).click(function(){ });

dsonesuk · October 11, 2012

THESE below, are JUST an EXAMPLE of what YOU have to change within your current JQUERY code, so it uses THE jQueryOld OR jQueryNew, that targets specific Jquery code versions, that ONLY, apparently! works with SPECIFIC JQUERY VERSIONYou can copy and paste, below into the page as many times as you like, it going to do absolutely NOTHING! AS I just made it up!//old version use same '$', and conflict with new$( "#lightbox").click(function(){ }); //new version use same '$', and conflict with old$( "#megamenu" ).click(function(){ });//old version my jQueryOld references old version of jquery, no conflict with newjQueryOld( "#lightbox").click(function(){ }); //new version my jQueryNew references new version of jquery, no conflict with oldjQueryNew( "#megamenu" ).click(function(){ });

chitrag · October 13, 2012

I did like this <script type="text/javascript" src="lightbox/js/jquery-1.7.2.min.js"></script><script type="text/javascript">var jQuery_1_7_2 = $.noConflict(true);</script><script type="text/javascript" src="sohoadmin/plugins/MegaMenuBuilder/javascripts/jquery-1.3.2.min.js"></script><script type="text/javascript">var jQuery_1_3_2 = $.noConflict(true);</script> Than I am confuse for the following Then, instead of $('#selector').function();, you'd do jQuery_1_3_2('#selector').function(); or jQuery_1_1_3('#selector').function();. I do not know how to use above red lines in above code. Also what is # selector

THESE below, are JUST an EXAMPLE of what YOU have to change within your current JQUERY code, so it uses THE jQueryOld OR jQueryNew, that targets specific Jquery code versions, that ONLY, apparently! works with SPECIFIC JQUERY VERSION You can copy and paste, below into the page as many times as you like, it going to do absolutely NOTHING! AS I just made it up! //old version use same '$', and conflict with new$( "#lightbox").click(function(){ }); //new version use same '$', and conflict with old$( "#megamenu" ).click(function(){ }); //old version my jQueryOld references old version of jquery, no conflict with newjQueryOld( "#lightbox").click(function(){ }); //new version my jQueryNew references new version of jquery, no conflict with oldjQueryNew( "#megamenu" ).click(function(){ });

dsonesuk · October 13, 2012

http://w3schools.com/jquery/jquery_ref_selectors.asp

chitrag · October 13, 2012

I made like this is it correct ?

<!-- load jQuery 1.7.2.min --><script type="text/javascript" src="lightbox/js/jquery-1.7.2.min.js"></script><script type="text/javascript">var jQuery_1_7_2_min = $.noConflict(true);jQuery_1_3_2_min('#lightbox').function();</script><!-- load jQuery 1.3.2.min --><script type="text/javascript" src="sohoadmin/plugins/MegaMenuBuilder/javascripts/jquery-1.3.2.min.js"></script><script type="text/javascript">var jQuery_1_3_2_min = $.noConflict(true);jQuery_1_3_2_min('#megamenu').function();</script>

dsonesuk · October 13, 2012

IF they are the only jquery function code that relate to specific version (which i very much doubt) then YES! that is correct, else NO! that is incorrect.

chitrag · October 13, 2012

Well, There are two jquery versions in my site. jquery min 1.3.2 that supports to mega menu plugin which is being included with drop down menu system. jquery min 1.72 that supports light box slide slow and others. it is really hard for me. and thank you so much for your supports which helped me much.

IF they are the only jquery function code that relate to specific version (which i very much doubt) then YES! that is correct, else NO! that is incorrect.

dsonesuk · October 13, 2012

like i said if code just consists ofjQuery_1_7_2_min('#lightbox').function(); or jQuery_1_3_2_min('#megamenu').function(); for lightbox, and megamenu, then theres no problem, but if looking at the code of each you see jquery code starting with '$', then you have not fully converted the code properly, AND you WILL HAVE A PROBLEM.

Edited October 13, 2012 by dsonesuk

chitrag · October 13, 2012

Thank you for your note but i shall much appreciate, if you advice where should I correct

like i said if code just consists ofjQuery_1_7_2_min('#lightbox').function(); or jQuery_1_3_2_min('#megamenu').function(); for lightbox, and megamenu, then theres no problem, but if looking at the code of each you see jquery code starting with '$', then you have not fully converted the code properly, AND you WILL HAVE A PROBLEM.

dsonesuk · October 13, 2012

I CAN'T advice anymore, i've already covered everything several times.

Web form gives error in IE8

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in