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 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
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?
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.
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 want to make few forms but 1 submit button. I want to do 1 page , 5 forms , 1 submit button so when i click on the submit button it will send the 5 forms as 1 form.
Where the inputs sum1 and sum2 are text fields you put whatever numbers you want in. That works fine. Great. Now what I'm having trouble with is modifying the code so that it will add one form with an input number with a form that spits out a randomly generated number.
This is what I'm using for my random number generator. So basically I want to be able to put, say, 5, into the input text field above this. And then click on the d20 button to get a random number, say, 15, and then have the first code add the inputted 5 with the randomly generated 15.
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.
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.
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.
Using DOM in IE, how can I loop through FORMs and access FORM elements in a specific form? For example, www.hotmail.com has about 13 forms. I believe the one displayed is dependent on the URL. If I want to access the submit button of the visible form, which is usually the last one, how is that done?
Currently, I look for type=submit using DOM but it doesn't find anything and only loops through the first FORM elements.
I've been trying to teach myself JavaScript via a book and a number of JavaScript Tutorials Online. I have more understanding of what I am doing, although definetly not has much as what I have read on this newsgroup.
I'm trying to learn a new skill in order to hopefully get a job. My job went to india while I was out on medical leave (carpal tunnel.)
My question, I have two JavaScript / Htm pages identical to the one below. I'm trying to figure out how I could put both of these "identical" javascript pages into One HTM page. But I am clueless as to what to look for and or how to proceed. I'm thinking that I need to somehow add a checkbox_checker() and a checkbox_checker(2) or something like this.
I've looked at the "For Dummies" book on JavaScript, and my Beginning JavaScript Book as well as Google'd. Funny thing is though you have to have enough "knowledge" of JavaScript to know what to look for....
Is it possible to access the value of a radio button or change a radio button to enabled/disabled without using the forms tags<FORM></FORM>? In other words is the forms tag required for these actions?
i'm trying to use javascript to change the content of a textbox in a different frame.
by clicking on a 'folder' link in 'leftFrame' i want to put the value assigned by that link into the 'folderName' textbox in the 'uploadForm' form in 'mainFrame'. i'm doing this as...
this works perfectly fine with IE and Safari on my Mac OS X machine and IE 6 on my PC laptop but anything Mozilla-based on either machine gives me an error i just can't seem to get round...
I'm working on a simple Twitter app that checks whether a user is following another user, but I'm having trouble picking up on the inputted values in my form.
I've got this form on my page:
And using the form plugin, here's my JS:
The only thing that's being alerted is "username, username" and it's not registered text inputted into the fields at all.