Resolved Adding / Removing And Incorporate A Way For A Limit On The Number Of Fields
Mar 8, 2011
I'm trying to get my script below working. I've managed to get it to add fields dynamically but the remove function isn't right... and I can't think of a way round it. how can i incorporate a way for a limit on the number of fields that can be added?
<script type="text/javascript">
function addInput()
{
var x = document.getElementById("inputs");
x.innerHTML += "<input type="text" />";
}
function removeInput()
{
[Code].....
ah, i've just looked into the operators in more details and -= is just for numbers... so this won't work. i presume this is going to be the wrong method then.
I wrote a short javascript code to try to solve a math puzzle. It involves iterating 50,000 times through a for loop. Nested in each of those iterations is another for loop with 50,000 iterations of its own. I think that's 2.5 billion altogether. Each times it compares two numbers that are being incremented.
I'm doing this in JS because I can't any of the Java I learned a few years ago...
I tested the code with much smaller numbers and it worked. With the big numbers my browsers are not responding, not surprisingly (I'm using the latest firefox on the latest mac os).
Will the code finish running tonight? Next week? In 10 years?
I'm using the following code to display the latest threads from my vBulletin forum in my footer, however I'd like to limit the number of characters that are shown in the Thread title.
Can anyone show me what needs to be changed to say limit it to the first 20 or so characters?code...
I have a order form that adds up all the input boxes (45) and then totals them using function updatePrice() (which works) Im trying to have the output as XX.XX and cant figure out how to get the number from the id=txtTotal into the function round() and return the formatted number to txtTotal.
There will be a number of list boxes and other controls, with pop-up windows to edit certain properties. It's the kind of thing I would normally have done in VB but I want it to be browser-based. I've only used javascript for trivial things before so this would be my first serious javascript development. I would like it to run on all reasonably recent browsers.
The form starts with all the initial values being received from the server (presumably just by pre-initialised data structures). The user tinkers with it and when he is happy he presses 'submit' and the whole lot is submitted to the server (presumably as a form post). This would be a few kb of data, possibly 100 individual values but obviously in various data structures. I guess there would be a few hundred lines of javascript code to manipulate it.
My question is, is there likely to be a problem with manipulating and sending this amount of data in Javascript. Sorry if this is a dumb question, but like I said, I only used javascript for tiny programs before, so I'm a bit unsure about its capabilities.
Awhile back I posted a script that was working fine in IE but not in Firefox. This is again my dillema with another piece of code.It is supposed to limit the number of characters accepted by a textbox.Here's the JS:
<script type="text/javascript"> function textCounter(field,cntfield,maxlimit) { // if too long...trim it!
I'd like to limit the number of selections a user can make in a multiple select listbox. I have a note on the interface to say that only x no. of items should be selected and I check the number server side but I'd like to implement some javascript to do the same on the client side. Ideally I'd like the javascript to work in IE5+ and Netscape6+.
is it possible to limit the number of displayed items in a dropdown list? for example list of countries will display only 5 and people scroll down to see the rest of the list?
I have used this piece of code which is working great. It allows me to add different items from combo boxes to my order form. The problem is that i dont know how to extract the data from my db to display in a form view when i want to amend the i.e the number of items. Each record has a different number of items in it but are all lnked to one id. Is this possible to do. Any help on this would go along way.
stdhead("Home"); ?> <script type="text/javascript"> var counter = 0; function add_phone() {
I am using .NET UpdatePanels and the unfortunate thing is the browser always sends ALL form controls regardless of what UpdatePanel they are in. I call it 1/2 AJAX, and it's really inefficient by design.Q: How can I remove unwanted form controls from the request without removing them from the DOM? If I remove them from the Form element's DOM, they disappear from the page, which is not what I want.I suppose I would have to alter the xml -or- request data before it gets sent to the server but how do I access that, then manipulate it?
my code below works for BillingAddress2 but it doesn't for ShippingAddress2 (when you click off the ShippingAddress2 form field it alerts undefined)these form fields are in the same form
I want to be able to add row at the end of the table with a 'remove' link which will remove specific row. The code I've managed to write so far:
$(document).ready(function() { $("#add_item").click(function () { var html = "<tr id='item_" + item_id + "' class='item'><td><a
[code]....
The problem is it wont instert the row at the proper place (after the last .item (class) and the remove link wont work for the last row in the table/list.
I have a number of DIVs that I want to make 'selectable' on click, which means that I give the DIV you click on a class (just to show it's selected) and save its ID into an array. When I click on that DIV again, the class should be removed and its ID should be removed from the array as well. My code goes like
var selected_items = new Array(); $(".selectableDivs").click(function() { if($(this).hasClass("selected")) {
[code]....
But the alert at the end of the code always shows my a list of all divs I ever selected, even those that I unselected again. The IDs are just not removed from the array. Is that maybe because items saved in the array are not exactly $(this).attr("id") anymore?
I'm trying to make a form that will generate some code for game based on what they fill out. The code will be a modification menu of sorts. They will be able to name the menus and submenus and add or remove them if they want. I will need a way to get the information they filled in for each specific menu form, so I figure giving them each a unique id would do the trick. I'm sure there is a MUCH better way to do this, but here's what I have so far:
I have been doing research on parent object nodes & child nodes. I have a small problem with the code I made. What I need for it to do is depending on which link u click, it adds or deletes the node specified in the function. And the name of the div shouldnt matter as it should be used when clicking on the link <a href="javascript:addevent('divname');">Add Element</a>.
for instance:
"Add element" | "Delete element"
if u click on the add element, then it adds an element, and if u click on the delete element, then it deletes the added element.
Here is the code:
<!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>
This code was working originally. Then I had made some modifications and things weren't going right so I went back to how it was originally, and now it's not working!What this does is add a file text box when you click a button & then remove it when you click on its link. I get an error though when I click the Remove link saying that its argument is invalid. I don't understand why since its the exact same line of code the Add button has except assigned to a new variable.
This is the line that's coming up with the error: var d = document.getElementById('addToDiv'); in the removeAdditionalFile function. The error message says 'Invalid Argument'.
Here's the javascript:
function addFileTextbox() { var a = document.getElementById('addToDiv'); var b = document.getElementById('theValue');
I'm trying to make my form both check that the e-mail's match and also be case insensitive when being submitted. I've figured out how to get the e-mail's to be checked to match, but can't figure out how to also make it not case sensitive.
This is what I have so far...
<head> <script type = "text/javascript"> function checkSame() { var emval1 = document.cform.email.value;
I'm building an application where the user can add Questions. For each Question they can add x answers or remove them (see screenshot). I can add questions and add/remove answers, For each question that is added I update the 'gameQuestions' variable with 1; The same goes for answers that I add: for each added answer I update the 'counter' variable with 1. When I remove an answer, the app. doesn't know how many answers each question has, it simply decreases the "counter" variable. So when I remove the 2nd question, it doesn't know how many answers that 2nd question has! How can I store the number of answers per question and how do I remove them correctly?
Here's my code so far: $(document).ready(function(){ var gameQuestions = 1; var counter = 1; // Add a New Question... $(".addQuestion").click(function() { var question = "<table id='questionSet"+gameQuestions+"' class='form-table' style='background-color:#cccccc; width=100%;'>"; .....