JQuery :: Applying Hints To Multiple Fields?
Aug 17, 2011
I want to be able to add "hints" to fields (text which disappears when you click in a field and then reappears if the field is left empty).I have code which is fine for specific fields one at a time, but I'd like to use a JSON structure to apply to arbitrary fields: Something like [["eventType", "eg Walking"], ["eventName", "eg London Marathon"], ["message", "(Max 100 words)"]] would put "eg Walking" into the field with id="eventType" etc.The following code puts the hints in the correct fields, but only the last one handles the focus/blur properly. It seems that the value of hintText for the comparison to this.value is only the last one.
for (var i=0; i<allHints.length; i++) {
fieldID = allHints[i][0];
hintText = allHints[i][1];
[code]....
View 2 Replies
ADVERTISEMENT
Oct 5, 2010
I'm trying to get something to work that sounds simple and it worked great until I had a second item to apply it to. This works fine, with one div. When you hover over the link with the class 1slide, it loads the div with the class panel1. The problem is I can't get it to work if I use a second function for .2slide to load the div .panel2.
<script type="text/javascript">
jQuery().ready(function(){
jQuery(".1slide").hover(function(){
jQuery(".panel1").slideToggle("slow");
});});
</script>
I've tried multiple variations, including 2 <script> tags with the classes swapped, and combining as shown below
<script type="text/javascript">
jQuery().ready(function(){
jQuery(".1slide").hover(function(){
jQuery(".panel1").slideToggle("slow");
});
jQuery(".2slide").hover(function(){
jQuery(".panel2").slideToggle("slow");
});
});
</script>
I think I'm combining these wrong but I've tried multiple different ways. They're classes now but were ID's, and that didn't work either. Figures, I was hesitant about posting hours ago because I knew it might be something simple.. I almost solved everything with this:
<script type="text/javascript">
jQuery().ready(function(){
jQuery(".1slide").hover(function(){
jQuery(".panel1").slideToggle("slow");
jQuery(".2slide").hover(function(){
jQuery(".panel2").slideToggle("slow");
jQuery(".3slide").hover(function(){
jQuery(".panel3").slideToggle("slow");
})})})})
</script>
All 4 div's .panel1, .panel2, .panel3 are set to display:none. The only issue now is panel3 is twitchy. I have a feeling it's yet again just a closing bracket issue. Am I writing this correctly? semi-colons anywhere, mess the entire thing up. I am using FireFox 3.5 for reference.
View 2 Replies
View Related
Apr 29, 2009
<div><div>I'm using jQuery's tablesorter.js to create tables with sortable rows, as applied to tables with the ID "myTable."</div><div></div><div>I just wondered if there's a way to make it work with multiple tables on a single page. I created two tables and gave each of them the ID myTable, but only the first table worked. I can't remember if the specific ID is required for my Zebra widget (alternate row colors), too, or not, but I would guess it is.
</div>
<div></div><div>I posted my JS links below, to show you my setup. Thanks for any tips.</div><div></div><div>* * * * *</div><div></div><div><script src="<a
[code].....
View 10 Replies
View Related
Jul 20, 2005
I have multiple fields in a form with the same name. Lets call the fields with the same name "junk_array". My first field of junk_array is a input type=hidden. All the others fields in junk_array that follow are type=text. I can reference this first hidden field in IE with document.form.field[0].value. In, fact my form works absolutely wonderful in IE 6. However, netscape 4.7 does not recognize my first field in the array as the hidden field. Netscape sees the first visible text field as the first field in the array, subscript 0. What totally and utterly perplexes me, is that, from a previous thread, I can do this and get 9999 back in an alert
box in Netscape and IE. So, this proves Netscape doesn't have some evil code that disregards hidden fields. I guess...
<body onload="alert(document.myForm.test[0].value);">
<form name="myForm">
<input type="hidden" name="test" value="9999">
<input type="hidden" name="test" value="8888">
<input type="text" name="test" value="6">
<input type="text" name="test" value="3">
</form>
I even copied these fields directly below the opening <form> tag in my form and both Netscape and IE see the first hidden field as as
subscript 0.
However, my form is much more complicated. I have tables within tables and about 30 other fields. In my form I cannot for the life of me get Netscape to recognize the first hidden field of junk_array to zed as index 0.
Somehow, If I make the first type=hidden fields visible, netscape does work nicely. Why when I toggle type=hidden to type=text does Netscape cooperate. What is happening here? Anyone else have this problem with hidden fields in Netscape? I could post the code to my form but it is
big.
View 1 Replies
View Related
Aug 31, 2009
I need a dialog box to appear when a person clicks the add to cart link on my site, where they are asked to fill in certain fields, and then click next, still inside this dialog and then move on to the next part to fill in more options, when done, must show in this dialog still, "thank you added to cart successfully". This all using php, ajax, jquery.
A good example of this, is for example: facebook >> add friend >> friend successfully added >> suggest this person to friends. Where a lot of stuff happens, but each time you click, action to php already been executed, even though the dialog is not yet closed. Basically everything that normally happens when you post, but only in a dialog.
View 1 Replies
View Related
Aug 11, 2010
I have a large form. One part of it is a column with selects. All drop-downs initially set to "No". The only other option is "yes". I need to make sure that at least one select is set to "yes". Any number, even all of them can be changed to "yes", but only one is required. I can easily add a rule that requires all the fields of the certain class to have certain type of value, but can't think of a way in js to only have one required. I can easily count number of "yes" values with PHP and prevent submitting on the back end, but would really like to have jquery do it first.
View 1 Replies
View Related
Nov 15, 2010
I need to get the clicked on field plus another field in the current row of a table....
$(function() {
$(".trclick").live("click", function() {
$("#flightno").val($(this).text()); //.children("a").text());
[code]....
The class of a column in the table is assigned the class - trclick. I need to get the value of $fnum when the $rev field is clicked. How can I get the value of $fnum when $rev is clicked?
View 2 Replies
View Related
Dec 13, 2010
I've used jQuery's datepicker in the past to choose start/stop dates for a single record. Now I'd like to create a page where I can use the datepicker to choose start/stop dates for multiple records. You can see a stripped down version of my code at [URL]. I have start/stop dates for three records and would like to use the datepicker to let the user change the default date. I currently have an icon next to the start times and if you click on it it pops up a datepicker element for the top record where you can select a date and it'll be posted.
My problem is that I'm not sure how to generalize the code to let it work correctly for the 2nd and 3rd records. I'd like to keep just one function to handle the hide/show so that I can later let the user add additional records to the list and also let it be intelligent enough to handle it. I don't have much experience with the proper way to create name/id selections that javascript will then know which fields it needs to edit. A minor problem that I noticed is that the calendar seems to push the time over to the right even though the row it is in should span two columns. What am I doing incorrectly that is causing this?
View 3 Replies
View Related
Apr 9, 2010
I want to use the datepicker for multiple fields in a form however I don't know how to have it re-use the settings for multiple fields. For example, I have a form with 4 different fields for dates. I want to use the same datepicker formatting for each field. So instead of having to do something like this
[Code]..
View 1 Replies
View Related
Mar 17, 2011
I am trying to design a web page with multiple input fields to use the keypad, but I also want the prompt to change with each field
View 1 Replies
View Related
Mar 1, 2010
I am having some jQuery troubles whereby I have some jQuery that toggles an 'Other' HTML input field and associated label when a user selects the value Other from a HTML select drop down. I have this working for one field but the application I am building has increased in scope whereby there may be multiple instances of members on one page so the Other option will be there multiple times. At the moment if a user selects Other from one drop down all Other input fields show. How do I make this exclusive without repeating the jQuery for the separate instances?
// Show/Hide 'Other'
$(document).ready(function() {
$('.jOther').hide();
$('.jTitle').change(function() {
var $index = $('.jTitle').index(this);
alert($index);
if($('.jTitle').val() != 'Other') {
$('.jOther').hide();
} else {
$('.jOther').show();
window.location.hash = 'Other' + $index;
}});
});
<td>
<select id="title" class="inlineSpace jTitle">
<option value="Please select">Please select...</option>
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>
<option value="Miss">Miss</option>
<option value="Dr">Dr</option>
<option value="Other">Other</option>
</select>
<label for="other" class="inlineSpace jOther">Other</label>
<input type="text" class="text jOther" name="other" id="other" maxlength="6" />
</td>
View 1 Replies
View Related
Mar 1, 2011
I have a set of input fields that can be dynamically duplicated/cloned or removed and submitted. I'm looking for a ways to configure the form for easy processing without having to loop through each input field inside the divs:
<form action="dummy.php" method="post">
<div id="customer1">
Name: <input type="text" name="name1">
[code]....
View 2 Replies
View Related
Nov 19, 2010
I have been looking around on the webs but have not found anything. I can find how to add multiple fields, but what if they reside on different forms on the same page?
For example, here is my code with two forms:
<FORM name="form1">
<b>Size</b><input type="text" size="12" value="" name="size">*
<b>Qty</b><input type="text" size="4" value="" name="qty"
[Code]....
In this example, I want to sum the two fields named "tw1" (the last field on each form) into a text box.
View 15 Replies
View Related
Jun 29, 2009
I am trying to validate the text fields in this form.
Code:
In my head section I have
Code:
View 2 Replies
View Related
May 30, 2009
I am working on a simple control panel where I have text input fields in which a user can click on a text box and the text will automatically focus and select. I have done this fine. However, when I use the same onclick event for multiple fields, only the last one created works. So, if I were to comment out the password and email field additions, then the userName field would work correctly. If I were to just comment out the email field, password would work correctly but userName would not. And finally, if I have the code as is, userName and password do not function correctly while email does.
View 7 Replies
View Related
Dec 24, 2009
I found this "required fields" script for a form I built, and I'd like to know how to convert it to accept multiple required fields. I'm a total novice at JavaScriptHere's the script:
<script language="javascript" type="text/javascript">
<!--
function check(form) {
[code]....
View 4 Replies
View Related
Nov 24, 2011
So, I have a working single autocomplete function, but I want to use the same function on different fields.... this is my code:
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("rpc.php", {queryString: ""+inputString+""}, function(data){
[Code].....
I know the id's are the same in this, but I tried changing them and it still seems to make little difference.. I did wonder if I could add something variable to the id's and pass that in the function call, but could not figure it out.... the above gives me autocomplete on two fields, but will only fill one of them...
View 4 Replies
View Related
Jul 12, 2010
I wonder can someone help me. [onkeyup] I am trying to transfer user input fields from a form so that the user can preview what they have entered in a div on the same page (i.e. prior to submiting).
e.g.
1st Line - Name: This is my Name
2nd Line - Profession: This is my Profession
<div>
Copy of 1st Line - Name: This is my Name
Copy of 2nd Line - Profession: This is my Profession
</div>
View 7 Replies
View Related
Jun 24, 2010
I am trying to create a form with multiple fields, and instead of mailing it, I want it to save to clipboard. The only thing I have now is things others tried.
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
[Code]....
View 3 Replies
View Related
Feb 23, 2011
we use sage crm which has a back end sql database and a web front end which is a combination of html and java script.on a particular screen we have 24 numeric fields, these have names / IDs which are flq_glh1flq_glh2flq_glh3.... and so oni would like to total these 24 fields and display the result in another numeric field called total_glh
View 5 Replies
View Related
Apr 2, 2011
I'm trying to use autocomplete on multiple fields within the same page. I have the following Autocomplete script:
Code:
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
[Code]...
View 1 Replies
View Related
Sep 4, 2007
I want to make a search field for my site where the user can enter his query then select which site he would like to search the query on. Like www.torrents.to has, basically just like that. I know nothing about coding, could somebody write the code for me and tell me where to put my links, directory stuff etc...?
View 2 Replies
View Related
May 17, 2011
I have a page, that will contain up to a couple hundred different widgets on it, that an individual will be able to browse through and choose the size and quantity of the ones they want. Each widget will have form fields associated with it: "size" (small, medium, large) and "quantity", with a "total cost" field underneath that. As the individual looks through the widgets, choosing the size and quantity of the ones they want, I'd like for the "total cost" field to be updated under each widget. I'd also like a "total order cost" field that sums up all the costs of the widgets they want.
I need the script to basically say:
If size = small, then multiply $1 by the quantity.
If size = medium, then multiply $2 by the quantity.
If size = large, then multiply $3 by the quantity.
View 4 Replies
View Related
Nov 11, 2010
i am currently developing a cart for a website at my company.What i am attempting to do is update the grand total field dynamically as the product total (determined by quantity & price) are being populated.Each product in the cart is being generated by a foreach (php) reading from a mysql database.As the total values are not being prepopulated im not exactly sure what the logic would be to get the desired values.
I will also mention im relatively new to the whole web development area, i started begining of this year and feel i could still learn alot about the 'logic' of a computer.If anything is unclear about what i stated above feel free to request additional information.
View 2 Replies
View Related
Feb 15, 2011
I have a form with a shipping address area and a billing address area. Right now I have a checkbox that fills in the billing address information if its the same as shipping information. Instead of having that so the form isnt so long when people first look at it I would like for the billing address fields to be hidden when you first come onto the page, and only if the address's are different the person will click the check box and the billing address section will appear. I know this has to be done in javascript but I have never done it
View 14 Replies
View Related
Sep 20, 2011
I've tried many many thing to make this autocomplete work with multiple input fields.. please , can any one tell me how to do it? the full script attached , also the html source code is here.This is the html code with javascript that I need to add another input fields on [code]
View 4 Replies
View Related
