Jump to content

Web form gives error in IE8


chitrag
 Share

Recommended Posts

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>

Link to comment
Share on other sites

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, ?
Link to comment
Share on other sites

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?
Link to comment
Share on other sites

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 by dsonesuk
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.
Link to comment
Share on other sites

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 by dsonesuk
Link to comment
Share on other sites

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(){ });

Link to comment
Share on other sites

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(){ });

Link to comment
Share on other sites

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(){ });

Link to comment
Share on other sites

I did like this <!-- load jQuery 1.7.2 --><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><!-- load jQuery 1.3.2 --><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(){ });
Link to comment
Share on other sites

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>

Link to comment
Share on other sites

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.
Link to comment
Share on other sites

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 by dsonesuk
Link to comment
Share on other sites

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.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...