JQuery :: Importing Two Versions Of Cause Plugins To Stop Working?
Oct 6, 2010
I'm brand new to jQuery, so I apologize if this is a 101 question, but I'm trying to sort out a production issue. I do QA for an ecommerce website. When one of our developers made some changes to our application recently, a couple of the plugins we use stopped working on those pages. Looking at the code, it seems we load jQuery 1.4 and several plugins, including autocomplete and popdown. In the changes, for some reason, the developer loads jQuery 1.4.2 (after 1.4 has been called) but doesn't call the plugins again. I'm assuming that this is the reason the plugins stop working. Can anyone confirm this theory?
(The reasons why we don't call 1.4.2 earlier in the document are, sadly, mostly bureaucratic. If I can get this confirmation, hopefully I can push through that.)
I'm new on the forum and also using JQuery, came to this Framework thru ZendFramework.... My problème is that i've done an animation that works fine on all browsers (Firefox, Opera, Chrome, Safari) but not on any IE ?
i am trying to use both the lightbox plugin and a fade in/out effect [URL] at once on a set of thumbnail pictures in a website. [you can see the site as it is so far here [URL]For some reason, only one or the other will work. My <head> currently looks like this:
Explanation: element "loodgieters" is a menu button that should change on mouseover. It doesn't in FF, it does in IE. Secondly, when you "mousover" the image, it should change the backgroundcolor of a second element (foto1). Element 'foto1' is a table cell. In return, when you mouse-over this table cell, the image element 'loodgieters' should change as well. So it's a two-way thing.
The code for the table cell is: <td height="189" id="foto1" bgcolor="#008ac9" valign="top" onmouseover="style.backgroundColor='#392d63'; loodgieters.src='/core/loodgieters_aan.png';" onmouseout="style.backgroundColor='#008ac9'; loodgieters.src='/core/loodgieters_uit.png';" style="cursor:pointer;" onclick="document.location='/pages/loodgieters.php';"> <img alt="Loodgieters" title="Loodgieters" src="/core/loodgieters.png" style="border:0; margin-left:auto; margin-right:auto; margin-top:10px; display: block;" /></td>
It all works as I expected in IE, Safari and Chrome, but it does not in Firefox. The whole page validates as XHTML 1.0 Transitional. What am I overlooking here?
WhenIrun the below code above the init code for jQuery plugins it stops them working. Im just trying to run the code after the DOM has loaded, is there a better way? <script type="text/javascript">$(document).ready(function() {
// The gallery is hidden so need to unhide it. document.getElementById('verticalCarousel').style.visibility='visible' }) </script>
About 2 weeks ago, I had some plugins just quit working. I have searched and cannot find anything about this issue. I have not made any changes, prior to this happening.
The issue, so far, has affected the "blockUI" plugin, and the "print" plugin.
All I get back now (instead of working code), is that the particular plugin is not a function. Something like code...
I've tried changing it to blockUI(), rewriting it the way the print plugin worked, but nothing seems to be working
I load content from a separate php page into a div in my other page. This is done using .Get I believe.I've taken the plugin from net tuts +This is working, however, plugins that are supposed to work with the content that's just arrived aren't. Only when specifying that page and loading that as a whole. Long version:I'm doing a website that's pretty graphics intensive. It's more like an application really, only with very "scarse" interface. So I liked the idea of loading only the new content directly onto the already loaded page instead of reloading everything.
And so I found a plugin from net tuts that did the very same thing.Basically, this plugin lets you load content from a said div container directly as a feed onto the page that's already loaded. So all pages are the same, with the only change being in the same div container as all pages have.Now, several issues occurred. What I find strange(probably not for you) is the fact that plugins that I use somehow stop working when loading the content using the said plugin. Cufon stopped working on the newly arrived content. And the same thing happens with a slide menu plugin as well that also arrives with the new content. But if I completely load the page that contains the div with Cufon and the slide menu, everything works as normal. But as soon as I click a link and new content arrives, plugins in that content does not work.
What am I missing? The pages are completely identical, with only a few differences in the a div container that both pages have. Clicking links are supposed to only remove existing content, fetch new content and place it in exactly the same location. One would think that scripts that are already loading in <head> would work with the newly arrived content as well?
I am very new to JQuery and I honestly don't know much about JavaScript programming either. I have setup this website and in it I use 2 plugins: 1) A scrollbar plugin (jquery custom content scroller) 2) easy slider (Easy Slider 1.7) The scrollbar plugin worked just fine but when I tied in the JQuery for easy slide, the scrollbar plugin stoped working. I am pretty sure that the problem is related to the 2 different JQuery versions that I try to bind in, or is it?.
I will need to import jquery through flash, but I'm not the owner of the site, so I can't alter the code permanently, I'll have to do it "on the fly"
I wanted to add a child to the head element but I don't manage to do it!here is the code I'm doing as a test.[url] (jquery and the html page are in the same folder)
If instead of the jquery js I import any other js created by me with, e.g. an alert, this works. Why not with the jquery file?
It seems stop method is not working for me...I don't know what I am doing wrong, but when I mouseout when the mouseover animation is still running, the mouseout animation does not occur..
Click on any of them, and they open up just fine, however, after this point they dont close, and you also can't open any other one, it just... stays stuck there.
I had this working just fine, and in the process of working with wordpress and templating, obviously I changed something to mess it up.
The problem is that it stop working of Firefox after about two hours. I used it on the main page and leave it working and afterabouttwo hours the picture stop moving and there is only one pictureshown.
We have a problem in our currently built website, in chrome+firefox the website works great but in IE 7+8+9 the javascript stops working after few seconds or after several commands a user do in the website.
I am running what is called "XpressEngine" on my website. It is a Korean CMS tool that is like Joomla and it loads jquery 1.3.2 as standard on its boards and etc.
I have developed a new design website with jquery 1.4.2 and it works fine with by it self.. but it does not when it loads a board running by XE. I guess the reason is that the websites loads two jquery. So I tried to load the jquery 1.3.2 only so that it can run both my board and the website layout, but layout is not working with jquery 1.3.2. (except, if I only import jquery 1.3.2, then the board works fine but not the layout.) I guess my code is some what requiring jquery 1.4.2.. but I am not sure why yet..
My question is, is there any way to import jquery 1.4.2 and 1.3.2 simultaneously? (I personally think its not possible though..
I am currently creating part of a system which does a simple import of a CSV file using SQL Server with DTS. The front end to this is a web based .NET (C#) app. Obviously when the CSV file is large, there is a delay for the user receiving any feedback from the system. I therefore want to do what I have seen other systems do and display a gif image to show the user that something is happening (eg. spinning images etc).
Is it possible to handle conflicts between 2 versions of jQuery loaded in the same page? Assume that two applications (from different developers that know nothing of each other) share the same canvas (page) and each one of the developers is allowed to register global JavasScript libraries on the page. If each developers registers a different version of Jquery how could the hosting page handle conflicts?
I need to use some features in later versions of jQuery (specifically, hoverIntent in v1.5), but my current sites are running 1.4, and in some cases 1.2.
An application under development has a set of core functions that carry out common tasks and a 'machine' that animates panels of lists of names and menus and provides another panel for action calls. (see attached pic). Selection of a name identifies object(s) to be worked on and menu couplets like "Name+Edit" call devices (each in a separate js file).
Each js file replaces any files in the deviceScript holder in the hta file. I used to use eval(couplet+"Start")() to initiate the device, but having read about the evils of eval it dawned on me that it was unnecessary and just gave each device a start() function ... and also an optional refresh(), and compulsory finish() to pick up results and clean up.This seems to work well on my machine. The hta is intended to run locally picking up json type data and devices locally and via the net.
OK, this little code takes a string (URL) input and returns an array ([fileContents,httpHeaders]).
function getFile(n){ var file; // Define variable if(n==''||n==self.location)return []; // Don't request self or empty strings (Safety meassure for some IE and pre0.9.9 Moz versions) switch(typeof ActiveXObject){ case 'function': // Chech if ie file=new ActiveXObject('Microsoft.XMLHTTP'); // If so use ie XHreq break; default: file=new XMLHttpRequest; // Otherwise use moz XHreq file.overrideMimeType("text/xml"); // And override content-type to avoid breakage } try{// Error susceptible code (Moz may screw up, especially if you're breaking the security rules) f.open('GET',n,false);// Open connection f.send('')// Send empty string }catch(e){// If error return []// ...return empty null-length array } return [f.responseText,f.getAllResponseHeaders()]// Otherwise return response and http headers }
Note that the file must be within the current domain, or only ie5.5win will actually be able to fetch it....
I have a function on my site where it imports links from from a text file and automatically changes the links around and inserts them into the database, filling up the necessary fields in the database.
I would like .zip to be taken off the end of each link where there is .zip at the end of the links.
Here is an example:
Will end up as:
Yamaha YFZ - 450 1999 Service Repair Manual.zip (This is due to the code replacing _ with a space and inserting a space when it goes from lowercase to higher. There are more rules this is just used as a example)
What I need is for the .zip to be removed, e.g: Yamaha YFZ - 450 1999 Service Repair Manual
