JQuery :: Use 2 Different Plugins On The Same Page Of Website?
Dec 18, 2011
I am trying to use 2 different jquery plugins on the same page of website. I can get one to work at a time, but not both at the same time. The plugins are a Countdown and Slider.I am a graphic designer, with very little javascript experience. The red code is for the Countdown and the blue code is for Slider
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
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'm very new to jQuery and registered a new account on the website yesterday. I can log in using my account details OK, but when I try to use the Plugins section of the site I get :- Access denied You are not authorized to access this page.
If I try to search for a pluging, I get
Validation error, please try again. If this error persists, please contact the site administrator.
I can't find a FAQ section in the forums, or any link on the site to contact the website admins, so I'm hoping someone here may be able to help, or at least point me in the direction of someone who can.
Does anyone know if it is possible to use Javascript and HTML to access video+sound input so a user can use a webcam on a site without the need for flash/plug ins? Trying to figure this one out but not finding any good starting points yet. Not even sure if it is feasible. :)
I want to develop a multi-tab browser plugin, which requires all links in a page could open in new tabs within this multi-tab browser plugin. It's very similar to Multi-Tab functions of Firefox/IE, when opening a page in one tab, then any links in that Tab will open in another new tab(after setup from pref), i want to know this principle(how to implement this). I am thinking try this:$('a').click(...), while i am not sure whether it's good/enough.
I want to create a simple portfolio site using the following tutorial: [URL]. However, instead of the small panel I want the whole page to slide, example: [URL] how can this be achieved?! I don't really have a clue about javascript.
I am pretty new to jQuery and my programming skills are almost non-existent.
But I was wondering; is it possible to create something which will load a page (or php include) when the website has been fully loaded with a loading bar?
The reason why I want this, is cause I am building a website and it will have a ping (to severs) script, but it takes a "long" time to load (depending on the servers that are being pinged). So it can take anywhere from 2 or 3 seconds to 10 seconds (or even more). So it would be nice that first the website would be loaded completely and when that's done, it should load the ping script and show that it's loading with a loading bar.
I have a ajax program on a page on website A. And I need to let it talk to a program on website B. I tried to put website B into the url of the parameter but it doesn't work.It gives me a "[objet XMLHttpRequest]" error.here is the code on website A:
I have used the jqueryui plugin for a couple of websites, and I've had this problem many times. I download the files to my site folder, and when I make the tab, the datepicker, the dialog, or any other, they look way bigger than what they are supossed to be. I've tried downloading the files again, and it looks the same way.
This is the first week I've been using jquery. I have successfully incorporatedthe "dialog" widget into a site. Now I'm trying to download and use plug-ins. I haven't found how to download a plug-in or instructions on how to install. (Maybe the instructions will show up in the download.)
I've beenstrugglingwith this for a while now and I don't believe I'm the only one. So let's hear it, how do you call to different plugins on one page and not clutter it with DOM ready's?I'm currently doing it like this, but there's probably a better way:
In the <head /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
I have a number of Jquery plugins being called through my Drupal Acquia Marina theme .info file. They work fine in all popular browsers with the exception of IE6 and IE7, in which they don't appear to load at allSome of the plugins are very basic, like the following slidetoggle, which like all of them, exists as a a .js file referenced in a .info script call - $(document).ready(function()
I have a site with a bunch of pages. Most pages have some kind of jquery-enabled behaviour. Some don't. Some pages require the loading of plugins. Not all pages require the same plugins.I have a working, single js script for all the behaviours across my site.The browser loads a page. A plugin, say fancybox, is not required for that particular page. It is, however, required for another page on my site.The browser console flags an error: fancybox, called by my script for its use on other pages, is not present.Therefore "$(something).fancybox is not a function".This probably also means that my single file will stop running on that page.I guess I could include the plugin for loading on that page. That eliminates my error. But it means an unneccessary http request and loading time. Of course, that could be helpful if this page is the first page that the visitor hits before moving on to a gallery page where fancybox is required.
I guess I could also break up my single behaviours file into seperate files for similar pages. Similar in terms of their requirements. That lightens the loading time and eliminates the error, but adds another level of complexity to maintainance. It's not really scalable.
I have created a new site that has a contact page and am trying to use the Forms plugin and Validation plugin. I can get the validation plugin to work fine and submit the form when it is valid but I am trying to use AJAX to update a div when the form has been successfully sent. All that is happening is it sends the form then validates meaning I get empty emails..
This is my code:
The output div should have already been updated with the responseText.');} </script> and the webpage is [url].
I need 2 jquery loads for 2 different plugins here is the problem section: <script type="text/javascript"> google.load("jquery", "1.3"); </script> <script type="text/javascript" src="Js/plupload.full.min.js"></script> <script src="Js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="Js/jquery.dimensions.js" type="text/javascript"></script> I can't seem to load both at the same time, using first for a uploader and 2nd for my sidebar.
I currently have a couple old plugins (autocomplete 1.1 by Joern Zaefferer - json version, and datepick by Keith Wood) that do not work with 1.4.2, but do with 1.3.2. I'm wondering if it's possible to somehow force or modify them to work with the new version of jQuery.I know they both have new versions, and are now a part of jQuery UI, but I can't seem to get the UI versions to work. UI also seems more bloated than I need, for just a few functions.
I'm starting to use jQuery lately. I'm trying to combine jquery.selectbox-0.5_style_3 with another script to google maps v3. If I don't use styling selectbox, I don't have any problem with selecting some option from selectbox and centering map on coords which are values of this selectbox. But since im using styled selectbox (changes <option> to <li>). I have no idea how to trigger google maps script to work when i change value on styled selectbox. I have actual value from styled select, but don't know what to do next..
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:
Ok, this is my last resort, as I've been working on this for a while and am completely stumped. I'm probably just doing something stupid that I haven't noticed, Essentially my problem is this: on this website I'm developing, users can submit photos for a monthly contest. I'm using the Lightbox plugin with prototype and script.aculo.us to display winners from the past few months, and the Validate and Form plugins for jQuery to display a form where users upload their pictures. Thus, I have this in the head of my document:
using the fixedheadertable.js plugin I bumped into what looks likes an underlying bug of Jquery. Atextarea in a rowspaned cells doesn't fill the subsequent rows ; except if a arbitrary string (a single character do)is put before the textarea. The following spans correctly the 5 rows (taken from the demo test.html of the plugin.the html is very simple and looks valid):
There is already a question like mine but the i think my scripts are different :S I too want to "use 2 different jquery plugins on the same page for a website I'm making. At the moment I can only seem to get one working at a time, but not both. The plugins I'm using are Coda-Slider and FancyBox. I want to use FancyBox within the content of Coda-Slider." i Also do not know much of javascript..
