I am trying to use select options to get birthdate and calculate the age. I got the birthday with "birthDay = document.form1.selDate;" However i'm lost on the birthMonth and birthYear. I've looked at lots of examples. The birthMonth probably needs to be converted to integer, or use 1 thru 12 rather than Jan thru Dec. But birthYear i'd think would come back as a valid number. Is anyone familiar with this?
[Code]...
I'm using pull downs for date but it always starts up "Dec" "31" "Year". How can I set it to start as "Month" "Date" "Year"?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Main</title>
[Code]....
I don't know whether jqgrid provides this or not? but what my actual requirement is "I want to display format of date like 'MM/DD/YYYY' behind my birthdate's textbox, so user will enter proper date while he insert/update particular record from jqgrid.." In short how to display format text in jqgrid's insert/edit dialog??
View 1 Replies View RelatedI have a javascript calculator that when you update a users level you click calculate and it updates there skill needed to reach the next level my problem is it only calculates as high as the number 2:
echo "<script langauage="javascript">
function calc() {
a = document.battle.newlevel.value;
b = 150;
c = document.battle.newskillneed.value;
answer = eval(a*a*b);
if(c>answer) {
document.battle.newskillneed.value = answer;
}
max.innerHTML = answer;
}
</script>";
Example: Level 2*(150 * Level 2) = 600 works fine but
Level 3*(150 * Level 3) = nothing why won't it work any higher its like there is a cap on how high it will go...
Also if I enter level 1 it comes up with 150 but if i put in level2 and press calculate it won't do anything but if i start out at level2 it works and then i move down to level 1 it works why won't it work moving up in numbers??
First time user of Javascript and built an online calculator, trouble is I dont know where or how to code it so the answer ends with only 2 decimals
I have embedded code, Personally I think it's a miracle the darn thing works.:thumbsup: Link to page it's on [URL]...I have searched and read but after hours of trying stuff gave up.
<!--
function treevalue() {
document.volume.result.value=(((3.14159*((document.volume.radius.value)*(document.volume.radius.valu e)))*(document.volume.height.value))/3)*(document.volume.base.value)*(document.volume.e.value)*(document.volume.fv.value)*(document.volum e.l.value);
[Code]...
Don Gosselin's JavaScript Fourth Edition is a tiresome read and I have been unable to put together the necessary tools that Don teaches to find the answers that I want to make the following function work.
function calculate()
var shipping = 0;
var total = 0; {
if (document.forms[0].hand_tool.value != document.forms[0].hand_tool.value == true)
(document.forms[0]item1.value == 20); {
[Code]...
I have an alteration to do on a multi-page form which was previous in use for single item selection and calculations only.
Now the form has to be altered to process multiple items. My difficulties lie in tackling the javascript calulations for a form that populates dynamically with as many items as the user has previously selects.
Item recordID's are POSTed to this form as an array. The array determines which item records are pulled from the database via sql. The form has, for each record, a textfield for item quantity and subtotal, and a hidden input that holds the item cost price.
Previously, this was calculated by targeting hard coded form field names, however the dynamic nature of this form requires dynamic targeting or a different field naming strategy all together so that the javascript function can iterate through the form fields and calculate subtotals and total on the fly.
Here's the code so far;
The previous calculation function for the single item form:-
function calcForm(){
qty = parseFloat(document.confirmTicketPurchase.ticketQty.value)
if (isNaN(qty)){
alert("You must enter a valid number into the Enter Quantity field")
return false
}
if(qty <=0 || qty % 1 != 0 ){
alert("You must enter a quantity of tickets between 1 and 999 only")
return false
}
costPer = parseFloat(document.confirmTicketPurchase.perticketCost.value)
total = costPer*qty
document.confirmTicketPurchase.ticketCost.value = total
return true
}
I have to edit this javascript function to work with the following form and edit the form field names to suit the function.
The new form :-
<form action="#" name="confirmTicketPurchase" id="confirmTicketPurchase" method="POST">
<table border="0" cellpadding="2" cellspacing="1" class="dataTable">
<tr class="trTopRow">
<td colspan="2">You Have Selected The Following Ticket/s</td>
</tr>
<?php do { ?>
<tr class="trOdd">
<td colspan="2"><strong><?php echo $row_rsTickPurchase['ticketName']; ?></strong></td>
</tr>
<tr class="trEven">
<td width="36%">Enter Quantity:</td>
<td width="64%" class="algn_R"><input name="ticketQty" type="text" id="ticketQty" value="1" size="4" maxlength="4" onkeyup="calcForm()" /></td>
</tr>
<tr class="trEven">
<td>SubTotal:</td>
<td class="algn_R">
<input name="perticketCost" type="hidden" id="perticketCost" value="<?php echo $row_rsTickPurchase['ticketCost1']; ?>" />
<input name="ticketName" type="hidden" id="ticketName" value="<?php echo $row_rsTickPurchase['ticketName']; ?>" />
<input name="ticketID" type="hidden" id="ticketID" value="<?php echo $row_rsTickPurchase['ticketID']; ?>" />
$ <input name="ticketCost" type="text" id="ticketCost" size="12" readonly="true" /></td>
</tr>
<?php } while ($row_rsTickPurchase = mysql_fetch_assoc($rsTickPurchase)); ?>
<tr class="trOdd">
<td>TOTAL:</td>
<td class="algn_R">$
<input name="total" type="text" id="total" size="12" /></td>
</tr>
<tr>
<td colspan="2">Confirm your selection and proceed to Step 6</td>
</tr>
<tr class="trbtn">
<td colspan="2"><input name="userEmail" type="hidden" id="userEmail" value="<?php echo $_SESSION['email']; ?>" />
<input name="step" type="hidden" id="step" value="6" />
<input name="Submit" type="submit" class="loginBtn" value="Confirm" /></td></tr>
</table>
</form>
The calc function is called onLoad and during user input with onkeyup. I'd really appreciate some tips as to how to tackle this one. Currently I'm working on how to get the field names for each form field unique via the php loop which populates the form.
I am trying to execute an .exe file on client side using javascript, say i want to run an pbrush or calc on client side click using JAVASCRIPT..
I tried this by embedding the following in source page of my web application(ASP.NET)
But i am getting an script error called Automation Server can't create an object
I have a mortgage calc that is adding an extra decimal place to my interest rate. To see this in action go to: [URL]
Change the interest rate to 7.5
Click Calculate Payment
Click Create Amortization Chart
On the following screen you'll see a recap of your data and the interest rate will now say 7.55. Same thing happens if you enter 6.2. Next screen shows 6.22/. I've attached the html and js files in a zip.
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 have an array of input text boxes (txtDOBn) where n is created at
load. On the onchange event I want to calc the age and show in adjacent
input text boxes that are readonly and also arrays (an age calced for
each DOB entered). I was going to use the datediff function in vbscript
to do the calc. 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 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'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?