I have a date of birth drop down for 'Day', 'Month' and a text field for Year.
How can I get the select value of the drop down and year text field into a single text field, separated by '-'?
The single text field would need to update if someone changed the drop down / year selections.
I am using date of birth field in my application and i m taking date of birth in yyyy-mm-dd format.
I need to calculate age by using this date of birth and should show alert if age is less than 5 years.
I was wondering if there is possibly an "onBlurr" or "onChange" way I can check using JavaScript if a Birth date is correct I've seen a couple but I have a pretty simplistic way about how I want to get it done.Basically what I would like to do is check the months and check if they've entered an incorrect date for them (I will be using the 3 drop down boxes method).
so if a users selects 30-31 for feb i want it to check the minute its changed for either one in order to notify the user that its an invalid birth date, which would apply for all months totalling 30 days.also the same for the leap year of feb if its 29 but the year is not divisible by 4 then the date is still invalid
I need to validate the DOB selected by the user, user should be 13 years of age (Current date - 13) to complete the information on the page. If the user is not 13 then user will be redirected to an error page. I have written a function (below) but i know there must be a much better way of doing this. Function receives 3 parameters; day, month, and year selected by the user for DOB. Code:
View 3 Replies View RelatedI have a form where we are capturing the Members Children information. I want to insert age in years to a field within this table by calculating age from Date of Birth (DOB). DOB format is mm/dd/yyyy and is a datetime data type in SQL. The DOB is added by the member while registering their child. Is there an onchange script that I could use here.
Is it possible to auto populate a field from an other field within the same form? Does anyone have any code samples that I could use?
<script type="text/javascript">
This script when the year is selected chooses 2011-2030 but I want like 1900-2011 How do I fix this and then how would I make sure that it isn't blank and then sends this data to one field in my database called "dob" in form "0000-00-00"..
how can I make it so whenever I select a different year or different month it doesn't reset the Day option back to option 1 (the option that's called Day), unless of course you select a day then change the month that doesn't contain that day (like if u choose january 31 and then select february, it obviously must reset).
For example, say you choose january and then the day 20. Now if you select february, I do not want it to reset the day back to "Day"
Instead, I want to make it so it stays on the day 20 since there is a 20th of February. But still, I want it to eliminate the options 29, 30 and 31.
Here is a working example of the drop downs http://ckeanedesign.t35.com/dob2.html
Here is the HTML code I am experimenting with (thanks to felgall)
[Code]...
Ok, I just tried to make this post and got logged out when I hit preview, so this time around it's gonna be much shorter as my patience has run out.
...Over at gazingus.org there is a sweet little bit of code that uses the DOM to make dropdown menus.
I have altered the code (see below) to make the menus appear on the first mousover instead of the onClick event.
However, they never go away. I'm trying to figure out how make the last menu open disappear after a short delay. I've already tried this
actuator.onmouseout=function(){
if(currentMenu){
setTimeout('currentMenu.style.visibility = "hidden";',2000);
}
}
However, it doesn't work. The delayed code events pile up on each other if menus are continually moused over and out. (Say the user can't decide what menu they're looking for and runs the mouse left...then right...then left...)
The result is that after the 2000ms the menus close instantly....
/*
* menuDropdown.js - implements an dropdown menu based on a HTML list
* Author: Dave Lindquist (http://www.gazingus.org)
*/
var currentMenu = null;
if (!document.getElementById)
document.getElementById = function() { return null; }
function initializeMenu(menuId, actuatorId,position) {
var menu = document.getElementById(menuId);
var actuator = document.getElementById(actuatorId);
if (menu == null || actuator == null) return;
if (window.opera) return; // I'm too tired
actuator.onmouseover = function() {
if (currentMenu == null) {
this.showMenu(position);
}
else if(currentMenu) {
currentMenu.style.visibility = "hidden";
this.showMenu(position);
}
return false;
}
actuator.onblur = function() {
if(currentMenu){
setTimeout('currentMenu.style.visibility = "hidden";',2000);
return false;}}
actuator.showMenu = function(position) {
if (document.all){
menu.style.left = this.offsetLeft + 80 - position + "px";
}
else {
menu.style.left = this.offsetLeft - position + "px";
}
menu.style.top = this.offsetTop + this.offsetHeight + 2 + "px";
menu.style.visibility = "visible";
currentMenu = menu;
}
}
i have a soccer-site, on which of course,
can be kept track of played matches.
Now the admin has to be able to set the number
of goals, and then select who scored what goal.
I want a system where one can put a number in
a textfield (NaN would return an error).
Say the admin enters Ɖ'. Then three dropdown
lists appear below that field, in them are the
players.
If he turns Ɖ' (goals) into ƈ', the lowest one
has to be deleted, but the upper two have to stay,
with an unchanged (already selected) value ...
Preferrably cross browser. I just can't seem to
figure out, i've tried loads of innerHTML and
document.write(), both didn't give me what i
wanted (yet).
Does anyone know if such a thing exists in web programming as an intelligent dropdown boxes (you know the type where u can type and it automatically completes your text for you from data it has stored in the database?)
View 7 Replies View Relatedwhat i'm looking to do is have a drop down menu, where when an option is selected it displays a description elsewhere on the screen and opens up another drop down menu along side the first one, then i'd like the second one to do the same as the first and finally i'd like the third one to just display a description.
but i'm not sure how to do it? javascript? if so what's it called so i can look into it/a tut on it.
so drop down 1 is either poetry or prose
down down 2 is for poetry
+ narrative
+ nature
+ romantic
but for prose it's
+ fiction
+ non-fiction
but that's not just it, if you select poetry in drop down one, i want it to display a description (that's in the description="" of the option) and i want that the same for each different menu, though to appear in different position for each menu Code:
when a user clicks a radio button, javascipt populates the next drop-down depending on which radio button they clicked. This then happens to a next drop-down list. Code:
View 3 Replies View RelatedI am trying to create a webpage and it would be obvious to anyone who
reads my source code (it's a mess) that I created it using a template.
I know almost nothing about webpages, but am happy with all but a few
bugs in my page.
I have read many posts about opening drop-downs in new windows, and
have spent hours looking over my source code to see what I have done
wrong.
My links open in the same window like I want, but ALL of my drop-downs
open in a new window!
I have been asked to produce a web catalogue of services and associated
options, this eventually will be used for ordering the services.
My initial thought was to use a set of cascading drop downs, select an
option from the first fills the available options for the second and so on.
Given the current buzz about Ajax this would seem an opportunity to try out
some of its features.
Could anyone point me at an example of what I am trying to do? For
information, the target web server environment is Apache with both mod perl
and mod php being available.
If any of you have a Google home page ...
http://www.google.com/ig
you'll notice that when you click on the drop down arrow graphic for
each module, there is a drop down menu that appears. You can move the
module around the page and the drop down menu always appears under the
arrow.
Does anyone have any recommendations as the best way to do this? I am
grateful for any experiences you have. The key here is relatively
positioning this drop-down menu.
i'm trying to make a form where if 2 particular options are chosen from 2 dropdown boxes, it puts a value in a text field. so far i've got
if (document.profile_quote.thickness.selectedIndex == "3" && document.profile_quote.machine.selectedIndex == "1") document.profile_quote.cutspeed.value = "34444"
I can't seem to get a drop downs selected index.
This is my drop down box code...
i am quite frustrated with this. I have a dropdown with the values populating from database. Now when the user select "New" from the drop down, a new textfield should be seen which is in other case hidden. The code is working absolutely fine with firefox but its not at all working with IE. What could be the problem? What do i have to do extra for making it work.
Code in Head Tag
<script language ="javascript">
function abc()
{
if(document.form1.select1.value=="New")
[Code]...
I want to make a dynamic 4 drop down menus with AJAX and PHP/mySQL, like this:
Category->dynamic subCategory
County->dynamic cityCounty
Is there any good tutorial that can teach me how to do this? I managed
to have that Category dynamicly loads subCategory and that County
dynamicly loads cityCounty but I ran into a problem when I already
picked subCategory and than went on to pick a County, because of the
reload.this function in javascript my subCategory gets lost. Can anyone
point me in right direction?
I'm trying to build a string based on three drop downs. As each drop down choice is made, I want to append the string and redisplay it. When finished the string will be a complete (but not hyperlinked) URL.
My drop downs look like this:
HTML Code:
PHP Code:
Here's how it supposed to work...
When an admin has used the first drop down to pick the value of the "first" variable, the string is updated and redisplayed like so:
Next, when an admin has used the second drop down to pick the value of the "second" variable, the string is updated and redisplayed like so:
Finally, when an admin has used the third drop down to pick the value of the "third" variable, the string is updated and redisplayed like so:
That's all I have. I'm stuck. I'm guessing I need an "onChange" event with each drop down? Also, I need to refresh the "makeTheLink" div when an onChange event fires? How do you tie all of this together? Is self rolled JavaScript the best solution or would jQuery be better?
I'm new to this forum and also to Javascript. I've modified some script to add a browse button when "Add More" has been clicked.I was hoping someone may know how I can duplicate the entire row so that the two drop-down lists are also duplicated, in addition to the browse button
View 2 Replies View RelatedI'm struggling to find a script that's probably quite simple but being a newbie please excuse my naivity.
Anyway I'm trying to create some drop downs that display a result.
i.e.
Drop Down 1:
Drop Down 2:
Then displayed just underneath them is the resulting price (e.g. �1,490) of the combination selected. Does that make sense?
I have a function I call to see if people leave form fields empty. I have been asked by a client to check to make sure of the person's date of birth as well. They gave me the script, however, I am unsure how to do implement it. How do I add this to my existing checks? Code:
View 2 Replies View RelatedOn my website the navigation is at the top and right aligned. When you hover over the items on the right and the drop downs begin to appear they drop down and fold out to the right and consequently off the page and not very visible. Is there a way to tell the drop downs to roll out to the left instead of right?
View 1 Replies View RelatedI am using the following code to show / hide form elements within a div based upon the drop down choice. Does anyone know how this code can be amended to use multiple drop downs within one form?
<html>
<head>
<title>Show and Hide</title>
<script>
[Code]...
Is there a good library available (jQuery or stand-alone) that allows you to customize the troublesome form elements that aren't very receptive to CSS across browsers?
I was looking to try to match drop downs, radio buttons and check boxes with the same look and feel as everything else.