-
Posts
97 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by chitrag
-
-
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(){ });
-
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(){ });
-
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. -
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.
-
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.
-
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, ? -
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. -
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>
-
Thank you for pointing the issue. I fixed it putting font size in ul li in custom.css
-
Hello, Fonts size of bullet list appears bigger than body fonts ? why this happen I could not figure out. http://www.egtours.c..._nepal_trip.php
-
But I noticed that when I take out form below vertical menu than it works fine. So I confuse with it.
-
I think it is some errors in my page coding ! may be in form. But I am not sure which line of code is giving problem. I followed all steps listed in above link but no changes. I tried with other computer as well but still problem is there specially pages where it has form
-
How to deactivated in the setting ? which option should deactivate ?
It sounds like Internet Explorer's friendly HTTP messages. I believe they can be deactivated in the browser settings. -
sorry, only gif image is working. when I put png image it does not appear Is that possible to round the corner of th list
????? -
Finally, It is fixed. But still image bullet goes little up than text and bullets not close to text. That has to be fixed. If put png image it does not appear, but if I put png image than it works.
-
If possible I want background image as bullet in content area as well as drop down menu list. But I m using plug in for drop down menu. So, when I change control panel of plug in activate the bullet, both background image bullet and actual li bullet appears.
-
i made changes but no effect shall i need to change in custom.css or jquery.megamenu.css
-
I am asking, menu list in horizontal drop down menu. Click on the Activities > in the drop down list there are bullets in the both side of the list and not in order. I want to fix that issues. egtours.com
-
Putting following code on the head of file, fixed the drop down menu and lightbox2 slide show issues. <script> jQuery.noConflict(); // Use jQuery via jQuery(...) jQuery(document).ready(function(){ jQuery("div").hide(); }); // Use Prototype with $(...), etc. $('someid').hide(); </script> Thanks, you pointed about jquery conflicts, which helped me to find above solution. However I still have problem of bullet list issues in the drop down menu list. I wanted put bullets in the list but when I activate the bullets, bullets comes in both side ( two bullets )
-
Yes I noticed it is due to jquery but I do not know how to fix. I have been using soho site builder which is online site builder. It is mostly drag and paste. It is template based site builder. So, it is little tricky.
It may be because you're including multiple versions of jQuery, it may be a conflict between jQuery, prototype, and the $ function you define yourself, or it may be because your page is not valid and contains multiple pages in the code. You should validate that page first. http://validator.w3....=Inline&group=0 -
bullet issues
in CSS
Thank you for your note. Well, I use online site builder which is just drag and paste. Site builder is called soho site builder. So, most of the things happen through drag and paste and it is template based. I noticed that I just installed horizontal menu plug in to make drop down menu in my site. Because of this there few new issues come out.
- Bullet issues in the menu and content area
- Menu does not appear where there is lightbox slide show is active. For example http://www.egtours.com/Best_Mongolia_Trip.php
So far I have fixed bullets in content area but in menu area still not fixed.
In Activities.php! Sheesh, how many times to I have to say it? -
After managing add on it does help. Still the same issues.
-
bullet issues
in CSS
Shall edit in custom.css or template html file ? I could not figure out ?
-
I have drop down menu in my site. But some pages like in the following does not appear drop down effects. But in other pages it works fine. http://www.egtours.com/10_days_nepal_trip.php When I remove slideshow from the page it works or appear drop down menu. But I want both drop down menu as well slide show in the page. How to fix it. Why it happened
Web form gives error in IE8
in JavaScript
Posted
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