JQuery :: Extending Background Stretcher Plug In And Add Navigation?
Oct 21, 2010
I am working wiht this JQuery plug in that now one of my clients wants to turn it into a slideshow feature. I am not that familiar with JQuery plug ins so I wanted to get some input from some of you.
When I click on a div - i would like the background color to change to gray. When I click on another Div - I would like the background to chnage to gray, however it will also need to change the previous div (or all divs in that class) to a white background.
<html> <head> <title>test</title> <script type="text/javascript"> function highlight(currentdiv) {
I'm trying to implement a minimal navigation bar using jQuery's toggleClass() function but can't seem to get it working.
It's the .img_selector div at the bottom of the page:[url]
I want to toggle the 'active' class for each <a> when it's selected, to indicate which image is showing, so after calling jQuery, in the <head> I've got:
Then the links, which also include the showPic function:
A client is using an analytics tracking script that needs to be updated each time the DOM is modified (ie, an element is added or removed). Basically this script allows the client to track user actions on the site (clicks, mouseovers, etc.) and, if the user is having issues, replay the entire session to help them with their problem. The issue we're running into is that this tracking script takes a cache of the DOM tree on page load, and when the DOM is updated it needs to specifically be notified that there has been a change... or else the script won't be able to see the nodes that have been added/removed.
Assuming all DOM manipulation is done using jQuery functions, is there a way to run some function every time the DOM is manipulated? I've noticed that all the DOM manipulation functions seem to run through the internal $.fn.domManip function, so I was wondering if it's possible to extend or replace this function from another JS file (assuming of course that all the manipulation functions DO in fact run through $.fn.domManip)?
Example (don't take this code seriously, it's more meant to illustrate what I'm trying to do): var oldDomManip = $.fn.domManip; //Copy the function (I know this isn't right) $.fn.domManip = function() { oldDomManip(arguments); //update the analytics program by calling it's update function here... }
I'm writing a plugin for jQuery for catching 2 succesive keypresses. I'll paste the plugin I wrote below It doesn't work on Opera . The Developer tools of Opera gave no errors and I can't find any problems, it just doesn't work.(I've used Opera 10.0). o it only works on Firefox (tested on 3.0.14). I'm curious if there is a way to find out why it's not working on Opera and to fix it.
<div> </div><div>I did some navigation menu and sub menu using jquery ,</div><div> </div><div>like ;</div><div> </div><div>Menu1 </div><div> Sub menu1(some.php)</div><div> Sub menu2(some1.php)</div><div>
I am not terribly familiar with Javascript but i am looking forward to learning, and currently the problem I am facing is this:I have an a file being included to an .shtml document, that serves as my navigation, the code is like this:
I am using on my site image slider and a drop-down menu.On different pages they work pretty good, but when i put them on the same page i am loosing drop down menu.
I'm looking for a way to add more field depending on the user's input,. e.g. the user inputs ཆ' in the option, and 10 more sets of fields are displayed below on the same page. How do I go about accomplishing this?
I'm embarking on a rather interesting wine cellaring project where I need to enable a user to add form fields (a complete table row with several fields) on demand.
If they start filling out the form and need another row for another bottle, I need them to be able to click a button that adds a new row to the table with the same fields.
I also need perhaps another button that will create the row and duplicate the form field values of that row. The winery, wine namen and variety may be the same but the year may change and I dont wan thte user to have to do any double entry. I've been researching DOM and have been looking at sites like Quirksmode.
Am I heading in the right direction? I'm just about to go an buy a book on DOM and start really getting into it.
I really need this plug-in. I think I did everything exactly by the instructions,but it doesn't seem to work Can anyone take a look at the code and tell me what I did wrong?
The tablesorter plug-in by Christian Bach has what I think are a couple of bugs/anomalies. 1) a column that starts with a zero is not identified as a 'digit'. I think it should be. 2) a column that starts with an IP address that looks like 192.168.1.1 or 1.127.77.1 -- that is any IP with a single digit is not identified as an IP address because the "is" function only looks for d{2,3} instead of d{1,3}. 3) some of the examples in the source code are wrong. Otherwise a great plug-in and worth the effort to debug.
I'm using the divSlideShow plug-in on my site; however, I want to be able to call a given "slide" within the slideshow via a button located outside the slideshow container. So instead of manipulating the slideshow via the automatically set left and right arrows, or numbers, I want to use my own buttons.
I'm far from a JQ guru but I built a page using two plug ins (slides and pagination) If I run just the pagination plug in ( for the images thumbnails ) and the slides plug in ( WITHOUT) the function code both seem to work OK. But I need the slide function code for the slides plug in to rotate the images as well and when I do this I get a grey area displaying the image numbers in between the div containing the slide and the footer, rendering the thumbnails not to work as well as the footer pop up menu does not function either see links below
http:[url]....
slides - images display fine / thumbnails work ( no function for rotating slides ) viewport / footer - working http://dagwaremedia.com/ScotchSodaFiles/index.htm slides - images display fine / rotating images work ( with function for rotating slides ) thumbnails DO NOT WORK viewport - DOES NOT WORK.
why all of these plug ins do not work all together on this page?
Back in October, a new jQuery globalization plug-in from Microsoft was announced on the jQuery blog, and seems to live over in this github repo. In the blog post, it says it will be "available soon" but I'm not yet seeing it under plugins.j[URL].. There's clearly still work being done on it, though, and I can't imagine anyone has lost enthusiasm. Having a standard i18n mechanism with jQuery is very exciting indeed. (And I understand there's an effort to make this same feature set available in a library-agnostic manner as well, which is even more exciting, just in the sense of making the web better for everyone.)
Does anyone know the status and timeline for this work? I'm not seeing that in the github readme. There would seem to be only two outstanding issues (as I write this).
Javascript has a very small math function list. However there is no reason that this list can not be extended greatly. Speed is not an issue, unless you nest complicated calculations several levels deep. In that case you need much more ram than a PC has to store functions calculated in loops so that you do not have to recalculate every time you cycle through the nest of loops. Using a HD for storage to extend ram is much too slow for many applications.
Some functions such as hyperbolic ones are easy to add, since they are just simple combinations of the built in javascript math functions. I have found a few examples on the web such as Bessel functions. I found far fewer javascript math functions than I expected on Google searches. Thus I have had to write several functions of my own.
See http://www.cwdjr.net/math/I0L0andI1L1.html for an example of two "functions from hell" that are very difficult to evaluate. Fortunately there are Fortran programs that can be used as a starting point. I was able to modify the Fortran programs to work on javascript. I have used these functions for technical applications in the past.
The page is set up to reject the NN 4 series, because it will not support some of the script needed such as .toExponential(n) and to.Fixed(n)for writing output in exponential or fixed format. I was amazed that even the old MSNTV(former WebTV) set-top box, that no longer is being made, will even support these output formats. I wonder about IE4. If it will not support these output formats, I can easly block it by checking for document.getElementById.
The code works properly on the latest versions of IE6, MSN9, Firefox, Mozilla, Netscape, and Opera. I am not selling anything, so for a special interest page such as this, I see no need to support older browsers.
The advantage of doing math with javascript is that it is so portable. You can do it anywhere you can use a computer, or you can do it on your own local computer offline. There are several math programs for PCs that will do very much more than you can hope to do with javascript. Unfortunately the program I would like costs about US$ 1800. Also there are versions you can install on a server, but these also are expensive.
I am trying to create an HTML form in which user will enter different items (he wants to purchase) in text fields. One text field is used for one item. Now it is not known in advance how much items the user will purchase so we cannot decide the total text fields required in advance. Is is possible to increase the number of text fields (using JavaScript) one by one if the user requires more fields
