I have been looking for the past 2 days for a script that I can add and delete table rows.
I have found a lot but so far all of them add an input field but I desperatly need a textarea or ideally a section of input fields.
I have tried to change the code from input to text area but none of them worked.
Have you come across to a similar script.
I would appreciate any contributions.
What I am trying to do is a page where the user will add their employees details so we can order business cards for them. So I have fileds such as, Name, Tel Num, Email, Cell etc.
I have a pretty basic set of things I want to do: Capture key press, compare against an allowed list, block keys that are not in that list, replace a space by a dash if entered. As this is happening, I have a span I wanted to be updated with the live values. The username field at [URL] is exactly what I am trying to do, though I have trouble dissecting how they did it. Here is my attempt, which is off by one keypress for some reason.
I have a function which shows and hides a div. It's working perfectly. But when i add another syntax such as FileSystemObject and AJAX with it, the show/hide function won't work anymore. get it to work.
<script> function showhide() { document.getElementById("div").style.visibility = "visible" // Ajax Function Below //
There are two input fields in a form, but only one of them is required, they are not required at the same time. Either A or B is required. ( A is required OR B is required). In other words, a user can input data to field A, or he can input data to filed B, but he can not input data to Both A and B at the same time. How to implement this constraint in Jquery form validation?
I am having a form with two input fields. I want to enter some text in the first input field and then the second field should get the same text. Is there a simple way (maybe a plugin) to do this with jQuery? It would be perfect if I even could output all these input fields values as normal text in <p> or <li> tags.
I was tasked with creating a CPA calculator in JavaScript. I am currently struggling with the part where I will convert the letter grades to Number (a=4 b=3 etc...). I have a switch case function that is working when I enter the spec. letter value, but it is not working when I try to use the array that I created. How I can get the total of the grade column to show up at the bottom after all the prompts have been run through and the letter grades have been converted to numbers.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN"> <html> <head> <title>GPA CALCULATOR</title> <link> <style type="text/css"> </style> <script language="JavaScript"> do { //beginning of do/while loop to make sure user enters their name var userName = prompt("Please enter your name:", "") } .....
I'm pretty lost with this. I've got a nested loop that spits out a nice little UL->LI html setup.<ul id="expense-list">
[Code]...
I guess I'm mainly looking to see if there is any magic involved with add and removing classes in this particular mess I have above. Just FYI, I didn't code the back end... my friend the rails developer did :) And to clarify, I only need add/remove a class to the show_expense OR expense class (not id).
I have a problem created by my complete [rookie] status – only second time venturing into jQuery. I created a simple shopping cart using php and the PayPal buttons (1: buy now, 2: add to cart). The php back end does it great, it generates the table and the buttons and everything works just like it’s supposed to; Except, I forgot to add sizes. So I found out what I need to add, and I realize that the way the buttons work, I will have two different text boxes for size. Not very visually appealing, and since I’m not submitting this to the server before it goes to PayPal to pay, I cannot modify it with php the way I normally would. jQuery / javascript are my only hope of making this work. What I want to do:Have a single textbox where [size] is entered by the user.
Copy the value from the [correct] text box to the Value=”” section of the now hidden field in the PayPal form That way, no matter whether they [BUY NOW] or [ADD to CART] the right size is submitted to the PayPal shopping cart. This is the actual PayPal code that I’m trying to change
I got this far, and then decided to find how to insert the "enteredVALUE" into the right place in the input text field (what I called output) and I've not been able to figure out how to stuff it in there.
I am having some issues using jQuery multi-select, it works fine but really lags when I have multiple instances (can crash the browser in some cases) am using jQuery 1.3 & jQuery 1.7 as the demo (have tried updating to the newer versions but problems persists)
I am using the following [url]
Does anyone have any idea to speed this up, or an alternative plugin that works a little better?
I would like to create a form that calculates the area of a floor or wall. The user will input the length/height and width dimensions into two input fields and then click calculate.I simply need a script that multiplies the two fields together and puts the answer in a third read-only field.
I have a form where a user will enter in the number of input fields they need (lets call them offices) and when they click the submit button a jQuery function appends the rows to a plain html table. This works fine, except I do not want the rows to be only vertical or horizontal. I want it to put three input fields on one row before going to the next. Here is the code I have:
//This function is for adding rows to the offices table function addOfficeRows() { var i = 0;
I have a form with two input fields - 'name' & 'research'. What I'd like is for 'name' to be cleared when the user clicks in 'research' & visa versa. I've tried to do this by implementing the code in Sitepoint's excellent new DHTML Utopia article, but without success. I'm guessing that I should be using the onblur event, but am not sure how to go: Code:
I've got a calculator/quotation script i've made. Once the calculation is complete, i want the user to click a button which will copy some of the field data to new fields for printing. This is fine and i can do easily, however i then want the user to be able to reset the form and do another calculation, click the same button and it copy the new data to new fields too.
So in effect you end up with all of your calculations listed somewhere for printing. how would i attempt this?
I am inexperienced in JavaScript. I have an html page with several numeric input fields which are an array. At the bottom of the screen is a running total of the numbers entered.
The html is like: <INPUT TYPE=TEXT NAME='array[0]' onchange='addup()'> <INPUT TYPE=TEXT NAME='array[1]' onchange='addup()'>
I have just started learning JavaScript, so I do not know much about it at this moment. I need suggestion regarding validation of input values which are actually in an array. My HTML looks like this:
User can add more input fields by adding "Add" button; I'm using JavaScript for that purpose. By default, only a couple of fields is shown. I want to validate these all fields using a loop or a number of loops, such that an alert appears if any field is left blank and also if any value in title[] array matches another value in that array and same for the second array url[] Examples of working would be something like this:
If Link# 1 is left blank: alert("Link# 1 is empty"); or If Link# 2 is left blank: alert("Link# 2 is empty"); or If Title# 1 is left blank: alert("Title# 1 is empty"); or If Title# 2 is left blank: alert("Title# 2 is empty"); or If Link# 1 == Link# 2: alert("Link# 1 is same as Link#2"); or If Link# 1 == Link# 3: alert("Link# 1 is same as Link#2"); or If Title# 1 == Title# 3: alert("Title# 1 is same as Title#3"); etc, etc.
The tricky part is that I want the availability of certain fields to depend on the user's answer to the <select> element that comes first. If they answer "First" then questions 1, 2, 3 and 4 should be disabled. If they answer "Second" then questions 3 and 4 should be disabled and if they answer "Third" none of the questions should be disabled.
I have 2 input fields. Input 1: Website URL Input 2: Website Directory
Firstly I would like the "http://" to automatically appear in input one and two and it can't be edited or removed. Then whatever is typed in input one, I would like it to automatically copy into input 2, and the user can't delete whats in input 2 without going through input 1. Then lastly the user can add data into input 2, without input 1 changing.
Here is an example: Red = Can't be deleted Green = Can be changed Blue = additional text to input 2 Input 1: http://www.yourwebsite.com/ Input 2: http://www.yourwebsite.com/extra/directory How to do this?
How would I use cluetip to display a tip besides the input field when the focus is on that field? I haven't seen any examples or demos on how to do that. Does that work or do I have to use some other tool?
I have the date picker working grand on an input field, what I need to do is submit the value to two different input fields in two different formats, so a textbox and a hidden field, the textbox has the long format which is what I'm currently using bu tI need the hidden field to have the value like '2011-02-01'.