JavaScript - Help Passing Data From Form To Another Area Of Page

I want to use Javascript to submit a form - without filling the form in physically

Is this possible?

Let's say a web page has a form that submit First Name and Last Name to the next page
Instead of filling in the form and hitting submit, can I submit the data in variables and call the next page somehow using Javascript?

Thanks


OM

Hello Friends
In my jsp,Struts project i am using the javascript calendar control for selecting the date and by using function calcage() i am calculating the age of the user but problem occurs when the page refreshes OR when user updated the other values such as name ,contact no.
Then the value of the age is set as 0 in the textfield as 0
So can you please tell me why this problem occurs
And please give me solution

Thanks

On a web form my users choose different variables to "shock" (ie change relative to a starting base)
over different periods:
eg user "shocks" US interest rates 0.50% points above base during 201202-201304 (ie 2012 Quarter2-2013 Quarter4)
User may then add another "shock" to same variable:
US interest rates .75 % points above base during 201301-201404 (ie 2013 Quarter1-2014 Quarter4)
User may then add "shock" to different variable:
JAPAN interest rates (RSH_j) 1.00 % points above base during 201201-201404 (ie 2012 Quarter1-2014 Quarter4)

I have generated a Select area (ShockVarPlot) that concatenates the required component data from DD boxes for charting:
RSH_u,201202-201304,+0.50
RSH_u,201301-201404,+0.75
RSH_j,201301-201404,+1.00

(NB each line of the above Select box is formed after the "Add Shock" button is clicked, so this is the obvious
event to trigger the Chart Plot too)

For EACH particular variable being shocked (eg RSH_u, RSH_j) I would like to instantly plot the entire profile of each
shock. Subsequent shocks to the SAME variable may simply
append to earlier shocks or may (partially) overwrite depending if the time period chosen overlaps.
But once a NEW shock variable is chosen (eg RSH_j) , the previous plot (of RSH_u) simple gets overwritten in the common plot area.
The x-axis scale width can be hard-coded; say 201004-202104.

Charting Requirement (for common plot area) ----
"Add Shock" button=> First Plot - Plot RSH_u +0.50 above base over 201202-201304.......
"Add Shock" button=> ....then (partially) overwrite/append with +0.75 over 201301-201404
"Add Shock" button=> Second Plot - Delete above plot & Plot RSH_j +1.00 above base over 201301-201404

Chartplot needs to display the variable being charted eg "RSH_u"or "RSH_j"

Logic Requirement ----
If new shock => plot this magnitude over selected period within 201001-202104
If new shock (same variable) => plot this as above but this shock overwrites previous if any time-period overlap
If new shock (new variable) => delete first plot & plot this magnitude over selected period within 201001-202104

Question --------------
Is there a simple Javascript method to achieve this real-time plotting/appending on clicking "Add Shock" ?
I have seen things like FLOT charting but not sure how to read/chart my Listbox output in ShockVarPlot above

Any thoughts ?

Hello, I have 2 things I'm trying to figure out.

1. First form on the page has questions with radio buttons. Each radio's value is a number so a score is assessed at the end.

2. Second form on the page is an email the admin form, which duplicates the score in one field.

Question: I would like to know how to write the form results to a text area in second form. However, I can't do this for one, and secondly, the value is a number, can I use labels?

Here's the code I've 'made up' so far...

JS (i know it's wrong)
Code:

<script LANGUAGE="JavaScript" type="text/javascript">
function display() {
  message = "<ul><li><b>Question 1: </b>" + document.quizform.Q1.label;
  message = "<li><b>Question 2: </b>" + document.quizform.Q2.label;
  message = "<li><b>Question 3: </b>" + document.quizform.Q3.label;
  message = "<li><b>Question 4: </b>" + document.quizform.Q4.label;
  message = "<li><b>Question 5: </b>" + document.quizform.Q5.label;
  message = "<li><b>Question 6: </b>" + document.quizform.Q6.label + "</ul>";
  document.write(message);
}
</script>

Form field example:
Code:

Question 1:<BR>
<label for="Yes"><input type="radio" name="Q1" value="0" checked></label>Yes<br>
<label for="No"><input type="radio" name="Q1" value="10"></label>No<br>
<label for="I don't know"><input type="radio" name="Q1" value="10"></label>I don't know<br>

Hi, I am trying to pass data from one page to the next using a search. I have a search engine and im trying to get it to pass the data of the search to the search results page. im using this code Code:

<script type="text/javascript">
	window.onload = function (){ try{document.getElementById('q').focus();}catch(e){} }
	
	function search()
	{
		var search_text = document.getElementById('q').value;
		window.location = '/search/'+encodeURI(search_text)+'/';
		return false;
	}
</script>

and I am using this for the search
Code:

	<form action="/search/" method="post" onSubmit="return search();">
		<input type="text" id="q" name="q" value="" class="searc" style="width:350px; height:30px; font-size:18px; color:#C19051" />
		<input type="submit" style="height:30px;" value="Search" class="submit"/>
	</form>

Can anybody help me with this? Thanks

Hi!

I have a script that opens up another window and a task gets executed, all of that is fine, but is there anyway that the parent window (the window that gets open) can pass data to the window that opened it? (I pretty much want to enable a button on that page)

Thanks...

- Matt

I'll admit I'm new to javascript, so my apologies if this looks like crap.

Code:

 Taken out due to fix

I'm trying to get this javascript to return a level to this form field.

Code:

taken out, due to fix

Hi, I'm a student learning web design and having a problem with some javascript code, I'm validating a text area, i dont have a problem limiting how many characters can be typed in the textarea, but I cant get it to give an error if there is no text in the text area.
In the code below the validateMes() function is not working, the other functions work fine


Javascript code:
Code:

function validateLimit(fld){
	  
	  var error ="";
	  
	 
	  if(fld.value.length > 300){
		 error = "Cannot exceed 300 characters.\n"
		  fld.style.background = 'Yellow';
	  
	  }else{
		  fld.style.background = 'White';  
		  
	  }
	  return error;
  }
  
  
  function validateMes(fld) {  //this function not working
    var error = "";
 
    if (fld.value.length == 0) {
        fld.style.background = 'Yellow'; 
        error = "The Message field has not been filled in.\n"
    } else {
        fld.style.background = 'White';
    }
    return error;  
}

 function validateFormOnSubmit(form1) {    //master validating function
var reason = "";

  reason += validateLimit(form1.mess);
  
  reason += validateMes(form1.mess); 
      
  if (reason != "") {
    alert("Some fields need correction:\n" + reason);
    return false;
  }else{
alert("Message has been submitted");
  return true;
  
  }
}

Html form code:

Code:

<form name="form1" id="form1"  onsubmit="return validateFormOnSubmit(this)" >  
         
<div class="box">            
 <h1>CONTACT FORM :</h1>             
 <label>                
 <span>Full name</span>                
 <input type="text" class="input_text" name="name" id="name" value=""/>             
 </label>              
 <label>               
  <span>Email</span>                
  <input type="text" class="input_text" name="emailbox" id="emailbox" value=""/>             
  </label>              
  <label>                
   <span>Subject</span>                
    <input type="text" class="input_text" name="subject" id="subject" value=""/>            
     
     </label>             
     
     <label>                 
     <span>Message</span>                 
     <textarea class="message" name="mess" id="mess"  ></textarea>  <span>*Message limited to 300 characters</span>            
     
      <input type="submit" class="button" value="Submit Form" />           
        </label>                    
                      
        </div>     
        </form>

I can't see what I'm doing wrong, would really appreciate some help

Thanks

I'm stuck! - I have a search form, that when data is entered and submitted, the data is sent to another page! - this works well see eg below.

http://www.nctfleetlist.co.uk/normal.php

My problem is, I have a piece of javascript called "greybox", it basically loads an external page, dimming the first page and focusing on the external - see eg below.

http://www.nctfleetlist.co.uk/div4.php

The new window can be called via either a href "rel" link or an "onclick" command.

I have tried implementing the the two together but when I use the javascript to call the new window the data from the original form is not passed over! - this is what I have so far...

example 1 - using onclick command (http://www.nctfleetlist.co.uk/eg1.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post">
<input type="text" name="var1" value="">
<input type="submit" name="submit" value="submit" onclick="return GB_show('Search', 'http://www.nctfleetlist.co.uk/test_script.php', this.href)">
</form>

example 2 - using onsubmit within the form tag (http://www.nctfleetlist.co.uk/eg2.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post" onSubmit="return GB_show('Search', 'http://www.nctfleetlist.co.uk/test_script.php', this.href)">
<input type="text" name="var1" value="">
<input type="submit" name="submit" value="submit">
</form>

example 3 - using a javascript link to submit the form, adding a "rel" tag (http://www.nctfleetlist.co.uk/eg3.php)

Code:

<script>
GB_show(caption, url, /*optional*/ height, width, callback_fn)
</script>
<form name="form1" action="test_script.php" method="post">
<input type="text" name="var1" value="">
<a href="#" onclick="document.forms[0].submit()" rel="gb_page_center[720, 300]">Search</a>
</form>

Any help is appreciated!

I am running some javascript code which generates a popup window associated with a spell checking program. The way the program works, is that it takes the text out of a text field (passed as an object), spell checks the string, then puts it back into the text area field.

My text area is located within a flash form, and I am having trouble pointing to it. I am sure my spell checking program is working, as it works fine if I point to an html text area. Do I have to do something special to point to a flash form object?

Here is my code:

Code:

<!--- Source the JavaScript spellChecker object --->
<script language="javascript" type="text/javascript" src="../Spellchecking/spellerpages-0.5.1/speller/spellChecker.js">
</script>


<!--- Call a function like this to handle the spell check command --->
<script language="javascript" type="text/javascript">
function openSpellChecker() {
	// get the textarea we're going to check
	<!--- pointer to text area --->
	var txt = window.activity.Summary;
	// give the spellChecker object a reference to our textarea
	// pass any number of text objects as arguments to the constructor:
	var speller = new spellChecker( txt );
	// kick it off
	speller.openChecker();
}
</script>

Also, here is my text area:

Code:

<cfform format="flash" id="activity1" height="#formheight#" width="100%" style="#formstyle#" timeout="3600" wmode="transparent" name="activity" onLoad="#initVars#; onFormLoad();">
 <cftextarea name="Summary" id="Summary" html="yes" maxlength="1000" tooltip="Summarize your entry here.  The field has a 1000 character limit.  This summary is included in the generated End of the Week reports." onChange="submitTemporary('Summary', Summary.text);requiredContent('summary');" onFocus="if(detailsBox.height>60){detailsBox.height=60;summaryBox.height=220;}"></cftextarea>
</cfform>

Any help on this issue would be much appreciated.

Thanks,
AeroNicko

Hello all

I'm working on a simple feedback form (well not so simple for me) for the last page of my site.

In the text area I expect to get normal western text PLUS (or even just) Chinese xharacters

my question is how do you validate Chinese character input?

low tech

hello all,

i'm newbie in javascript fucntion. here i got problem to passing the value from child popup form to parent form. here my code

parent form
Code:

<script language="JavaScript">
	function selectItem(){
		var selindex=document.myForm.myselect.selectedIndex;
		if (selindex!=0) {
			document.myForm.item_desc.value=myArray[1]; 
			document.myForm.item_code.value=myArray[0]; 
		}
	}
</script>

<form  name="myForm"  method="post">

<input  class="input" type="text"  name="item_code" id="item_code" size="30" value ="" /> 
<input type="button" name="opener" value="Search"  class="myButton" onclick="window.open('child_form.php',
		'print_view','left=20,top=20,width=750,height=650,toolbar=0,resizable=0,scrollbars=1');return(false);" /> 

<input class="input" type="text"  name="item_desc" id="item_desc" size="80" value ="<?php echo $item_desc?>" />
</form>

child_form.php
Code:

<script language="JavaScript">
	function selectItem(){
		var selindex=document.popUpForm.myselect.selectedIndex;
		if (selindex!=0) {

	   		window.close();
			var myArray = document.popUpForm.myselect[selindex].value.split('*');
			window.opener.document.myForm.item_desc.value=myArray[1];
			window.opener.document.myForm.item_code.value=myArray[0];
		}
	}

</script>

<form name="popUpForm">

$i = 0;
while ($i < 5){
  <input type="image" src="images/plus.png"  onclick="selectItem();" name="myselect[]" value=<?php echo $i."*".test;?> width="18" height="18"/>      



$i++;
}
</form>

Hi All, i'm attempting to code using Java script a simple trading bot to use for automatic trading. Im new to javascript but not to programming.

I have to pass data to the server to login and to trade and have managed to read the xml data returned in order to check prices from the non secure side of the site.

The data to be passed is in the form;

"https://live.bullionvault.com/secure/j_security_check?j_username=XXX&j_password=YYY"

I can open another window by having this in my code but wish to stay within the program window i'm using for the bulk of the program.

Hope to gain some pointers in order that i can progress further

Many thanks

Glenn

hello guys
the idea is to make "offline" bill of lading

i used to do php thing and well this time i only need to kinda make bill of lading generator

so i want to pass value from page 1 to page 2 and to page . all offline without web server interaction

i was never fluent in javascript and i wanted to get a quick start from you guys how do i pass the form ( javascript variable from 1 page to another page )

i am googling this as well right now and hoping answer from codingforums

thanks

I want to pass 2 variables from a html page and collecting in another html page using javascript.
say i pass xyz and abc to a page 2.html from 1.html without using cookies.

In 1.html page i have many links. each link should be able to pass different variable to 2.html.

when some one clicks on a link the variables should be passed to 2.html
I want to know how to collect them and use them. please provide me code snippet.