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...
}
New to JQuery, but making progress, not sure how to describe this issue, so stay with me. In JS I would build a function that I could call from a variety of actions, including other functions.
eg.. function dosomething(someparam){ // does something. } function dothis(){
I have recently downloaded a custom jQuery UI Pack, only using core and tab widget. On the examples in the index.html file, everything loads fine. Then I copy the files to my website directory, (all locally) and the images files just contain a question mark.
I've written a re-usable function to erase and replace a form input value, but when I try and restore the value and colour it will return "undefined" instead of what should be there
Code: function erase_replace_value() { // get all of the input tags
I am extremely new to javascript. I'm still trying to wrap my brain around it. I have learned that one must create, read, and delete a cookie. But what is the function for a 2nd time visitor to NOT see the flash video again when revisiting? I want the 2nd time visitor to see the same page, only without the video, the video will be replaced by a contact form.This is what I have so far:
<script type="text/javascript"> function createCookie(myCookie,value,365) { if (days) {
I'm just wandering, how can you stop the replace() function from replacing characters inside a word, such as, if I try to replace 'x' with 'and', then my string would go from 'example, x' to 'eandample, and'.
We're using Malsup's form plugin v2.82 and jQuery core 1.6.2. We're having issues in IE7 where, on a form with file upload, form fields are being dropped before the form is submitted to the server.We tracked it down to the `fileUpload` function, specifically line 196 where each field in the form data has `.attr('disabled',false)` run against it. If we change this to`.prop('disabled',false)` it all works fine.I don't see a clearly marked place to submit bug reports for the form plugin, and wanted to verify that others see this as well,
I have previously developed two scripts, both of which work really well, however I want to amalgimate them together if possible? My first script loads the content specified into a single div, replacing the content depending on which function is called, it also displays a loading gif during a timeout of 2 seconds. Here is the page:
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.
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.
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.
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
How do I extend both the table and the input form? Ultimately, I want it to look like this: _____________________________ |header |header |header |header | | INPUT | INPUT | INPUT | INPUT | Add Row of Inputs Link _____________________________ |header |header |header |header | | INPUT | INPUT | INPUT | INPUT | | INPUT | INPUT | INPUT | INPUT | Add Row of Inputs Link
I know how to make the html row by using getElementById() or so and I know how to make an input field by createElement() but how do I create and append(?) them together, specifically the multiple input fields inside of the html row?
My website has demo music tracks and a Flash player. I've put the site in a frameset so that music continues to play while the user is browsing around.
The Flash player and menu are in a thin horizontal bar along the top of the page (top frame). I just realised that my nice JS drop-down menus are not displaying because of the frame... is there any way of getting them to extend beyond the frame they're contained in ?? Code:
var parent_child = function(po, ps, co, cs){ var url = 'http://xyz.com/abc/'; var pars = [], childs = {}, tmp; this.p_added = function(urlFrag){
[Code]....
What i want to do is to create a new class with the above one as the super class, pass in one more variable to the constructor and override the p_added function. I thought of doing something like xpc = new parent_child(); and override the function with xpc.prototype.p_added = function(){}
how to pass in another variable to the constructor and make it private to the new class.
I believe there is a nice and concise way to achieve what i want to, but i can't find it. And the fact that OOP in javascript can be implemented in several different ways doesn't help my cause.
I was wondering if there are any sites dedicated to ending javascript objects using the prototype property to give them features like trimming string, removing elements of arrays by name, removing duplicates in arrays, etc. Granted I have functions to do this but there's probably a ton of other good ones out there. Most things I've seen are frameworks like JQuery (which is awesome) but it doesn't extend these objects.
I'm sure this question has been asked many times before, but I can't seem to get the correct terms to find the answer in Google.I understand basic JavaScript inheritance. However, everything I've read makes the inheritance work something like this:
Code JavaScript: var ChildClass = new Function(); ChildClass.prototype = new ParentClass(); ChildClass.constructor = ChildClass;
That's fine, but what happens when ParentClass's constructor needs parameters?As an example, look at the following code:
Code JavaScript: function Furniture(color){ this.color = color;[code)....
How could I "copy" Furniture's constructor into the Chair object? Better yet, how could I copy Furniture's constructor and then add some functionality to it?
In the spirit of the season, I wanted to make it snow on my website. So I began digging. Eventually I ended up with a script that moved an image element down the page in a snowflake-like manner. The problem with it was it was dependant on an img element for every flake - simply no poor programming when using an Object Oriented programming language.So I decided I wanted to extend (in Java-speak; most of my programming background is in Java) the in-built Image object. The new object's src variable will lead to an image of the type of flake it is. (I want to be able to have more variance in images than a simple dot.) The new object will have a function that will allow it to move.A separate,unrelated function will control when each flakes move.
I did some more research and read about prototyping on JavaScript Kit and here (http://mckoss.com/jscript/object.htm), but I still cant seem to get this to work. JS Lint says it's bug-free, but Firefox says "move()" is an invalid function. I am presuming the problem lies in my inability to fully grasp how to extend objects in JavaScript.
