I have a conflict between Mootools (Slimbox) and jQuery (easyListSplitter). I can't get them to work together. I was reading about jQuery.noConflict();, but I find it quite complicated to implement.
View 2 Replies
I have a site in development using Joomla and Virtuemart. Virtuemart uses slimbox lightbox for product displays but this stops working when the Camp26 FishEye Menu is plugged in. I finally tracked it down to a jquery conflict due to them sharing $ but the fix is beyond me.
Can anyone point to a step by step solution, I've been unable to find one, or maybe spell it out for me?
I have been trying in vain for many days to resolve a conflict between javascript libraries. My homepage uses jquery horizontal css menubar + a combined mootool and prototype accordian type sliding information box in the middle of the webpage. I find that the highlighter of the css menubar does not work when prototype.js is also loaded on the same page. I have read somewhere that $ should be replaced however I have tried every possible option and none works. I have jquery loading first as it is on my template, with this:
<script type='text/javascript' src='../Web/Templates/jquery-1.3.2.js'></script>
<script type='text/javascript' src='js/example.js'></script>
And my mootool and prototype loades further below like this:
<script type="text/javascript" src="scripts/intro/prototype.lite.js"></script>
<script type="text/javascript" src="scripts/intro/moo.fx.js"></script>
<script type="text/javascript" src="scripts/intro/moo.fx.pack.js"></script>
<script type="text/javascript">
function init(){
var stretchers = document.getElementsByClassName('box');
var toggles = document.getElementsByClassName('tab');
var myAccordion = new fx.Accordion(
toggles, stretchers, {opacity: false, height: true, duration: 600}
);
//hash functions
var found = false;
toggles.each(function(h3, i){
var div = Element.find(h3, 'nextSibling');
if (window.location.href.indexOf(h3.title) > 0) {
myAccordion.showThisHideOpen(div);
found = true;
}
});
if (!found) myAccordion.showThisHideOpen(stretchers[0]);
}
</script>
On my website: [URL], I have a scrolling logo script that uses Mootools and a tabbed AJAX content script using jQuery. I can't get the two to play well, because as you can see, the tabbed content at the bottom is not working correctly. I've tried the jQuery.noConflict(); code and wrapping the jQuery in:
(function($) { /* some code that uses $ */ })(jQuery)
... But to no avail.
I'm with conflict between mootools and jquery, I found something on the internet but seucesso. Can anybody tell me which file and which line change to end this conglito change?
View 5 Replies View RelatedI am having trouble accessing both the Class and the current element. How can I have access to both the current element and the Class?
// Class stuff above
fuction1 : function () {
myelements.addEvent('click', this.function2);
[code]....
how can I use the slimbox [URL] to create a really small lightbox (such as 5x5 pixels), instead of the usual large lightbox?
View 1 Replies View RelatedIs there anybody who can convert my function to jquery? It's a short function but I won't handle it by myself.
View 4 Replies View RelatedAt the moment I am playing with jQuery a bit. Is it possible to get the same effect like the following one from Mootools with jQuery? Mootools: When using jQuerys slideDown effect you don't get exactly the same. On jQuery when you slide down some text. The text doesn't get created befor it slides in. (well it looks like that)
View 12 Replies View RelatedI have two different scripts I am using on a web form, one which highlights the field when the mouse focuses on a field and another which checks the info and submits. They work fine separately, but together there is a conflict.how to resolve the conflict?Here are the two scripts.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script language="javascript">
[code]....
I have read that if i have to use jquery with other libraries then i have to use jquery in no conflict mode.I understand that and and it works. i use$j = jquery.noconflict()so that $ of jquery does not mix with $ of other librariesNow my question is that i use any jquery plugin , and i include that JS filee,g plugin.jquery.jsI am not sure whether i am correct or noti think that plugin is coded by using $ sign not the $jnd i think it will conflict with other libraries.So it means i have to chnage the plugin code as well or there is no need to change plugin
View 3 Replies View RelatedI am trying to use both jQuery and Mootools in one site I am building. I have researched the web including [URL] with no luck. I have tried loading jQuery after Motools with no luck. My research indicates mootools needs to go first. I have also tried below but that doesn't seems to work?
(function($){
// code with the jQuery $ can safely go in here
})(jQuery);
HTML Code:
[HIGHLIGHT="HTML4Strict"][highlight="HTML4Strict"]
<title>test</title>
<link rel="stylesheet" type="text/css" href="index.css" />
<script type="text/javascript" src="js/jquery-latest.js"></script><!-- jQuery -->
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/mootools-more.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
//MooTools smoothScroll
var smoothScroll = new SmoothScroll({duration: 2800});
// MooTools .....
First off, I'm a noob, so, hopefully I won't offend anyone with my ignorance I am attempting to integrate both of these plugins into a single web page, but I seem to have some conflicts.
When I use the following script that is required for Cluetip, <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>, it disables jdMenu.
And when I use the functions.js javascript file that is required for jdMenu, it disables Cluetip.
I found 2 jquery plugins that are useful to me Masked Input and Load Mask However, when I use both on the same page, masked input quits working
View 1 Replies View RelatedI use two jQuery plugins in my page : slideToggle (for a top panel) and wslide (for showing two examples with images and captions).The problem is, the content of my wslide goes down and downer each time we open the toppanel. Is there any way of getting around this problem and make the content stick to where it should be? Here's some code :
<script type="text/javascript">
$(document).ready(function(){
$("#top-panel").hide();
[code]....
ASP.Net with Vb.Net - i am using lightbox related scripts( prototype.js ,lightbox.js and scriptaculous.js) for images view , Banner refresh purpose referenced jquery.min.js and using this code below....in the same page
[Code]...
I am using protype for valadation and Jquery am using for calendar, Here is my script ,
[Code]...
ifmasonryworks,lightboxdoesnt. if masonry doesnt, lightbox works. The scripts seem to be in conflict.I've already tried Jquery.noConflict and using another version of lightbox. i found a sample site from masonry: [URL].. that managed to put both jquerys together and it works. But i don't know what is the problem with mine.[URL]...
View 1 Replies View RelatedURL...Anyone know of a jquery option that is similar to this mootools image menu?
View 3 Replies View RelatedI'm looking for a jQuery slideshow plugin that will be similar to this MooTools effect http:[url]...Doesn't need to have the play/pause controls but I really like the way how the images are zoomed/moved and couldn't find any plugin for jQuery that will do the same.
View 2 Replies View RelatedI am styling my text fields with the code below and I am trying to implement the GeoNames autocomplete functionality:
[Code]...
ui-autocomplete-loading gets added to the input field as a class when someone is searching a location. I don't know how to make this image show up.
Having problems with conflicts between Lightbox 2 & smooth scroll.
View 1 Replies View RelatedI've never been here before and probably shouldn't be let loose with this level of codey stuff but here goes. On my site at [URL].. I'm having problems with getting the Page title to show: It sort of flashes up but is quickly replaced by the browser name. I've discovered that if I remove the few lines containing the NoConflict commands (below) <script type='text/javascript'> var $jq = jQuery.noConflict(); </script> ...then the Page Title is fine. But: Of course I lose my second JQuery effect (in this case it's the tooltip). Frustrating. This seems to be a conflict with the NoConflict... right?
View 7 Replies View Related, i have 3 scripts on a single page, and two of them work but one doesn't. the scripts are the following
-easy slider 1.7 plugin
-twitter plugin
-and a random plugin that hides/shows html elements on mouseover/mouseleave event
twitter and 3rd jquery script work fine together...but when i tried to add the image slider to my page, it won't load properly. here is the entire code in my <head></head> First I have this:
[Code]....
I have a site which uses a version of jQuery that might be an older version and when I try to add the code for PrettyPhoto which uses jQuery version 1.4.2 the site breaks. The earlier version of jQuery is used to implement the accordion effect and the background resizing effect.
Can someone peek at the multiple versions of jQuery in my code and tell me more about what is going on and how I can fix it?
Here is a link to the site in question: [url]
I have a slideshow using jquery.galleriffic.js and jquery.opacityrollover.js, with the slideshow activated, all the input text fields don't allow space char or the use of the arrows left and right. With the two files (jquery.galleriffic.js and jquery.opacityrollover.js) deactivated the input text fields allo space char again. I'm sure there is some conflict between the two javascript, how can I found out which code is the reason of the conflict?
View 1 Replies View Related
