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 build my first interface using jQuery. I will have some icons on the page. When user hovers the mouse on an image, it should display a list of menu options (some more icons). Like:
I'm trying to add a slideToggle to a paragraph in a Wordpress blog page. The following code works for triggering an alert, but when I replace the alert with the slideToggle, nothing happens.Here's the alert:
Taken right off a jQuery API page, inserting my own id names .The "#principles" is the id of a span of text just above a paragraph with an id of "p=principles".
I am calling a page which uses a jquery plugin(lightbox) which functions perfectly by itself, but whenever an ajax call is made and this page is retrieved the plugin stops functioning.
This is the line for using the plugin which i have stored in a .js file which is imported in all html files, but still it does not work.
I had a quick question about the function onmouseover you can apply to html. I have a slideshow at [URL] that I want to start when the mouse is moved over the images and to automatically flip through the images after this initial movement. The images are put on a delay in my separate javascript file. However, whenever I move the mouse over the image again, the slideshow jumps ahead. Is there a way to make onmouseover work the first time and then to not work every other time?
I have a link that has an mp3 sound as its href:<a href="sounds/genealogy.mp3" class="track track-default"> this is a link</a>. Unfortunately, I also need that same link to go to a part on the site (href=#greenhouse) so that the sound plays on that part of the site.
I encoded the action = of my form using GET and I can't seem to get the property/value stuff from it using a JavaScript script I got from the web.
I want to create a trivia game where the user gets 1 question at a time and it keeps scoring until the end and gives a summary and I want to do it only in JavaScript (no ASP, PHP, JSP, etc).
I tried submitting the quiz page to itself using a query string to keep track of question # but no joy.
I can post code if necessary or is there a trivia game engine made for 1 question at a time instead of all on 1 page?
Anyway, I looked on Google at the query string issue til I'm sick of it. I found a Beatles trivia game but it was using frames and hidden JavaScript source files and that's too much work to try and figure out all of that. Code:
I had help with the following script. But, it only works with specific ID, which I have to specify in the javascript code. If I wanted to have multiple sets of selection lists, I would have to duplicate the entire javascript block, which I do not want to do.
My question is, how can I make this script not have hardcoded IDs, and let those be declared where my onchange is? Is this possible? Code:
I'm trying to take the hex value chosen from a jQuery colorpicker plugin, and store it as a cookie using the jQuery cookie plugin. I just don't know the appropriate way to tie the two together.
I am trying to get a dialog box to open another dialog box. Clicking on "more search options" the first time results in opening a dialog box. Clicking "search" within the dialog box results in opening up a second dialog box. But this only works the first time I click on "more search options". In other words, the second dialog box only opens up only once. To get the second dialog to open again, I have to reload the page in the browser.
<!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 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 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'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].
