JavaScript - Online Form To Print-length Conversion‏

Hello Guys, I have been grabbing good ideas and code from everywhere to build an online order form. I have no skill programming, but i have managed to almost finish it. However i still have two thing I cant done. Hope you can help me.
1. If any product of the "Product #2 drop-down menu" is selected, then "shipping drop-down menu" should only have "Post office option" enabled.

2. If "Shipping drop-down menu" is 7-11 or Family Mart, then "Convenience store text box" should be enabled.

You can check the whole code he http://dl.dropbox.com/u/21610873/code.txt

Thanks

Complete newbie to JS,

If button is clicked, want form to be validated. If the validation passes then bring up print dialogue

I have got the validation (using dreamweaver) working, however if the form is correct , how do I get the print dialogue (window.print()) to appear?

here's the code

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
  var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
  
  for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="" ) {
      if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
        if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
      } else if (test!='R') { num = parseFloat(val);
        if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
        if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
          min=test.substring(8,p); max=test.substring(p+1);
          if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
			
  } if (errors) alert('The following error(s) occurred:\n'+errors);
  document.MM_returnValue = (errors == '');
 
}
//-->
</script>

Code:

  <td><input name="Name" type="text" id="Name" size="50" maxlength="50"></td>

	<input name="Button" type="button" onClick="MM_validateForm('Name','','R');return document.MM_returnValue" value="Button" />

Hi there,

I'm absolute newbie in javascript, so the question may look not worth asking for you. Sorry for that.

My situation is like that: I want to make a preview of form data using javascript. After the button "preview" is clicked I start showing div dialog which should contain data entered by users. The problem is that because my div dialog is coded in the same page as form I can get only default values. It means - after making some changes, they are not visible.

To get and print the value of input I use this code:

Code:

<script type="text/javascript">
mytext = document.getElementById('name').value;
document.write(mytext);
</script>

How it would be possible to update the values on "on click" event.

Thank you very much for considering this question.

Hi guys, hoping you can help me out again, with this new problem.

I've got a form which is acting as a calculator. Once the calculation is complete I want it so when the user presses a 'print' button it takes certain parts of the form data and displays them in a new window which would be designed for printing.

how can i go about this using only javascript?

thanks

Hi, am new to Java, Jquery and Java Script and I am finding my way through recently...

I have this HTML code

Code:

<html:text styleClass="ui-inputText" size="12" styleId="fromDate" property="fromDate" name="HomePageForm" readonly="readonly" />
<script>
initDatePicker("fromDate");
</script>

I want to perform this action using JS.
This will create a text-box with a calender affixed to it if used in Plain HTML...


This is the initdatepicker function

Code:

function initDatePicker(dateFieldId){
var format = '<%=ctx.getDateFormat()%>';
if (format == "yyyy-MM-dd"){
format= "yy-mm-dd";
}else if (format == "MM/dd/yyyy"){
format= "mm/dd/yy";
}else if (format == "dd-MMM-yyyy"){
format= "dd-M-yy"
}
$("#"+dateFieldId).datepicker({
showOn: 'button',
buttonImage: 'include/images/icons/calendar.png',
buttonImageOnly: true,
changeMonth: false,
changeYear: false,
buttonText: 'Select date' ,
dateFormat: format
});
}

I have done a few things, but, could not get the result I need...

Code:

cellIndex++;
var cellObj=$('#genericRules tr:eq('+index+') td:eq('+cellIndex+')');
cellObj.html('');
var table = document.getElementById("genericRules");
var rowElem = table.rows[index];
var cell = rowElem.insertCell(3);
var txtInp = getTextField(indexName,index,'8');
cell.appendChild(txtInp);
var dateImg = getImage(index);
cell.appendChild(dateImg);
cell.align="center";
initDatePicker(indexName + '['+index+'].'+name+'from');

function getTextField(indexName, index, size) { //, maxlength
  var txtInp = document.createElement('input');
  txtInp.setAttribute('type', 'text');
  txtInp.setAttribute('class', 'ui-inputText');
  txtInp.setAttribute('indexed', 'true');
  txtInp.setAttribute('name', indexName + '['+index+'].'+name+'from');
  txtInp.setAttribute('id', indexName + '['+index+'].'+name+'from');
  txtInp.setAttribute('size',size);
  txtInp.className = "ui-inputText";
  txtInp.name=indexName+'['+index+'].'+name;
  txtInp.indexed ='true';
  return txtInp;
}


function getImage(index){
var image = document.createElement("img");

image.src = "<%=request.getContextPath()%>/include/images/icons/calendar.png";

image.setAttribute('class', 'inputCalendar');
image.className = "inputCalendar";
image.name = "imgDatevalue"+index;
image.id = "imgDatevalue"+index;
return image;
	}

My application is now showing me the image but, am not able to get the calender when i click on it..

I need help on this thing...
Please try to provide me with soem intel...

I am trying to fix a problem that I have with my JavaScript assignment for class. The code I have so far is beneath. I ran FireBug on it, and came back with "missing ) after argument list on Line 24"

Code:

<SCRIPT LANGUAGE="JavaScript">
function Convert(){

// declare a variable
var c
var f

// get variable's value
f = parseFloat(document.getElementById('c').1.8 * c + 32)
}
</SCRIPT>

Code:

   <FORM NAME="Assignment5">
    <B>Instructions: </B> Input the temperature in degrees Centegrade and click "Convert" to convert the temperature from degrees Centegrade to degrees Farenheit.. 
     <BR>
     <BR>
    <B>Input Values: </B>
     <BR>
    <B>Degrees <I>Celsius</I>:</B> <INPUT ID="c">
     <BR><BR>
    <INPUT TYPE="Button" VALUE="Convert" OnClick="Convert();">
     <BR><BR>
    <B>Output Value: </B>
     <BR>
    <B>Degrees <I>Farenheit</I>:</B> <INPUT ID="f">
   </FORM>

Thanks in advance for the help!

Hey everyone, I have a slight problem with my program and am in need of some help. I am writing a program that will take user input and convert the 8 digits the user enters (the 0's and 1's) and converts them into an integer between 0 and 255. It is a very simple program but I am still having some errors :/ If anyone could take a look at the program and get back to me, it would be very helpful!


Code:

import javax.swing.*;

public class BinaryToInteger
{
	static String userInput = JOptionPane.showInputDialog("Enter a binary number with 8 integers to convert.");		//Dialog Box that asks for user input
	static int binaryValue = Integer.parseInt(userInput);		//Parses the user's input into an integer
	
	
	public static void convert()		//Method to convert the user's input into a number
	{
		
		char firstNumber = userInput.charAt(0);		//Reads the eight numbers the user enters
		char secondNumber = userInput.charAt(1);
		char thirdNumber = userInput.charAt(2);
		char fourthNumber = userInput.charAt(3);
		char fifthNumber = userInput.charAt(4);
		char sixthNumber = userInput.charAt(5);
		char seventhNumber = userInput.charAt(6);
		char eigthNumber = userInput.charAt(7);
		
		System.out.print(firstNumber);		//Just to check to see if the correct numbers are being read from the JOptionPane
		System.out.print(secondNumber);
		System.out.print(thirdNumber);
		System.out.print(fourthNumber);
		System.out.print(fifthNumber);
		System.out.print(sixthNumber);
		System.out.print(seventhNumber);
		System.out.println(eigthNumber);
		
		int finalNumber = 0;  //Initializing "finalNumber"
		
		if(firstNumber == 1)		//Checking to see if "firstNumber" is equal to 1 then add 128 to "finalNumber" if it is, and do nothing if it is not
		{												//The same applies below
			finalNumber = finalNumber + 128;
		}
		else
		{
			
		}
		
		
		if(secondNumber == 1)
		{
			finalNumber = finalNumber + 64;
		}
		
		
		else
		{
			
		}
		
		
		if(thirdNumber == 1)
		{
			finalNumber = finalNumber + 32;
		}
		else
		{
			
		}
		
		
		if(fourthNumber == 1)
		{
			finalNumber = finalNumber + 16;
		}
		else
		{
			
		}
		
		
		if(fifthNumber == 1)
		{
			finalNumber = finalNumber + 8;
		}
		else
		{
			
		}
		
		
		if(sixthNumber == 1)
		{
			finalNumber = finalNumber + 4;
		}
		else
		{
			
		}
		
		
		if(seventhNumber == 1)
		{
			finalNumber = finalNumber + 2;
		}
		else
		{
			
		}
		
		
		if(eigthNumber == 1)
		{
			finalNumber = finalNumber + 1;
		}
		else
		{
			
		}
		
		
		System.out.print(finalNumber);		//Just to see what the compiler spit out as the answer
	}
	
	public static void main(String []args)		//Main method that runs the convert() method
	{
		convert();
	}
}

Dear All,
On my HTML page, I am trying to use as a snippet the script for automatic currency conversion. It is well known that exchange rates between currency are being changed very often (most of times even daily) and I don't want to republish either page with script or entire website every time the exchange rate changes. For website design I am using xsitepro software because I don't know programming.
So what I would like to have on specific page of website is something similar to table (if anyone has any better recommendation than using a table, please share). In this table I would like to state prices of my services. Primary currency is only one. So in this column, the numbers shouldn't be changed unless I want to change the prices (and of course therefore republish the website, no need to republish sitemap). In the rest of the columns the numbers should be changed immediately, without needing to republish anything (thats the point of the script) and also rounded to each 5. What I mean with ''each 5'' is shown on few of the following random chosen examples (1500):

1500.03 is rounded to 1500
1500.30 is rounded to 1500
1500.50 is rounded to 1500
1502.49 is rounded to 1500
1502.50 is rounded to 1505 (!)
1504.99 is rounded to 1505
1505.01 is rounded to 1505
1507.49 is rounded to 1505
1507.50 is rounded to 1510

and so on. Idea is to prevent from getting coins. So the break point is on 2.50, 7.50, 12.50, 17.50, 22.50, 27.50 and so on. Not sure how to mathematically describe this. Hopefully I was understandable.

I want to have in the columns only the currencies that I am willing to accept if potential client cannot change the currency to my primary one (given in second most left column) in his local exchange office. But I repeat that what Im trying to do is having automatically and immediately updated numerical values on particular HTML page based on most recent exchange rates (of course trustful source is needed).
Since I don't know programming, I did some research on google and discovered this:

http://coinmill.com/webmaster_options.html

The downer script on the right side looks ok but its not even close to what I need due to five reasons:
- it is being converted outside the table
- with such way i cannot clearly show which currency is primary (prefered) one
- conversion is being done to only one other currency at the same time
- no rounding to ''each 5''
- unknown source (and therefore untrustful one) of updating most recent exchange rates

Table such as this one:

http://www.x-rates.com/

looks great but still not meeting my requirements. I would like to replace flags in the left column with ''service 1'', ''service 2'', ''product 1'' etc. Also I have no idea how rounding could be done.
So at the end I would end up with something like (here Im showing only two ''still willing to accept'' currencies just to show an example):


Currency:Euro Currency:American Dollar Currency:Japanese Yen
Service1 500 670 51535
Service2 400 535 41228
Service3 200 265 20614

Top left corner as it is on x-rates.com would be even better.

note: when I previewed my post before submitting, I noticed that the forum doesn't let me make so much spaces but I think those numbers are still understandable where do they belong.

Any help would be muuuuuch appricated

Hi all,

First of all thanks for everyone who responds to me. I appreciate it.

Here is my problem.


I have a HTML form containing two text box controls in it and a submit button. When a user enters information in those two textboxes and click on submit, the information is sent to a function in Javascript. In the javascript, the information from those textboxes is stored in a javascript variable.

The problem is as follows:

When I am inputting string text in the html text boxes and in the javascript when I am trying to print those values, it is giving me out an error saying NaN. However when i input integer values in the text boxes it is printing those numbers. Is there a conversion that I have to do for the string to be printed. I am new to Javascript and need your help. This is a basic code of Javascript. Below is the code that I have. Thanks in advance for your help.


<html>
<script type = "text/javascript">

function square(form)
{


var test = form.value1.value;
window.alert(+test);

var point = document.test.value1.value;
pointcon = point.toString();

window.alert("nice");
window.alert(+pointcon);

var point2 = eval(document.test.value2.value);

var point3 = point + point2;
alert(point3);

}

</script>



<head>
<body>
<form name = "test">
First name: <input type="text" name = "value1" value1 = ""/><br />
Last name: <input type="text" name = "value2" value2 = ""/>
<input type = "button" value = "Submit" onClick="square(this.form)"/>
</form>
</body>

</html>

Hi,

Please bear with me as I have zero knowledge of programming, or even if this is the right way to do this.

I use a website that has (i believe) Javascript on that uses some maths, and I am looking to convert this webpage into excel...

I wonder if someone could give me a pointer to convert the attached code into the excel format, or even just to highlight where the maths is so i can continue myself!

Code:

script is too long, so ive attached as a zip

I would like to compare dates in the format used in twitter, which is this:
Wed Apr 08 14:30:10 +0000 2009

How do I do this? Do I need to convert to a timestamp first, and if so, how do I do this?

G

Overview:
Order entry project. I am using an iFrame to pull external forms that I can not change. Once our employee enters in the information and submits I would like to redirect the existing window to a new page.

I've tried many variations of:
Code:

<script type='text/javascript'> 
function iHistory() {
var hist=history.length;
if (hist>1)
	{
		parent.window.location = "orderentry.php";
	}
}
</script>

Since I have no control of the external form I have been using OnLoad() in the iFrame tag to call iHistory(). The script works great unless the browser history is >1 If possible, I would like to also setup like a 5 or 10 second delay so the employee can see the framed confirmation page before redirect.

So the function needs to check current history.length, when that changes delay 5-10 seconds and redirect parent window to orderentry.php

Hello.

I wonder is there any javascript to calculate IP length

For example I have

Start ADDR:

VLAN_ADDR which is:

10.52.28.0

Stop ADDR:

VLAN_LAST which is

10.52.29.254

As I know:result is 512

or another example:

Start ADDR:

VLAN_ADDR which is:

10.52.64.11

Stop ADDR:

VLAN_LAST which is

10.52.64.15

As I know:result is 5


How to count it in javascript code ?
Results are "numbers"

Best regards

Leos.

For some reason i'm getting the error of "length is null". Which is from this .

Code:

function display_form(id) {
	//Create some variables
	var html = "";
	var container = "form_container";
	var menu = load_menu(id, false);

	//Get id
	 for ( var i = 0; i < menu.length; i++ ) {  
		alert(i);
	}
	
	http = getHTTPObject();
	http.onreadystatechange = function() {
		if ( http.readyState == 4 && http.status == 200 ) {
			document.getElementById(container).innerHTML = http.responseText;
		} else {
			document.getElemenyById(container).innerHTML = "Loading...";
		}
	}
	http.open( "GET", "includes/forms.php?form=" + id );
	http.send();
		
	//Watch input fields 
	//login_listener();
}/*

Here is the function:
Code:

function load_menu(menu, return_d) {
	//Availible menus
	var data = [];
	data [ 'login' ] = [ 'Login', 'Register', 'Recovery' ];
	data [ 'settings' ] = [ 'Profile', 'Account', 'something' ];
	
	 if (return_d == false) {
		return data[ menu ]; 
	} else {
		//Menu container ID's
		var cons = Array('menuitem1','menuitem2','menuitem3');
	
		for ( var i = 0; i < cons.length; i++ ) {
			document.getElementById(cons[i]).innerHTML += data[ menu ] [ i ];
		}
	}
}

Extra info:
id = login
menu = login