JavaScript - Unable To Submit The Page Information In Ie 6

right now i have a webpage that has a <div> with an id of "content". in that div I have a list of anchors. each list item displays data that is pulled from a mysql database.

currently I have it set so that when the user clicks an anchor, a URL parameter is passed, which lets the next page populate from the database.

however, i really need to make it so that everything stays on the same page; everything happens within the "content" div. how do i do this without passing a url parameter though?

so far i've written down:
1. click link
2. call function to empty #content div
3. load in fragment of next page into #content div
4. ??? populate fragment with database info, the row chosen by what link was clicked ???

i'm using jquery and php.

so far i've figured out:

Code:

$('.linkClass').bind('click',callNextPage());          //step 1
function callNextPage(){
$('#content').empty();              //step 2
$('#content').load(nextPage.php #fragmentId);              //step3
//step 4 ?? pass in url parameter? or store a GET variable based on which link was clicked?
return false;
}

any ideas?

i am making a simple multiple choice quiz and if user gets all correct i need it to automatically go to a new page rather than having a manual button for that so they cant move on until all questons are answered correctly.
Most reatful for anyhelp!!!!!!
Thanks
Code:

<SCRIPT Language ="JavaScript">
function ValidateForm(){
result = new Array();
count = 0;

if (!document.forms[0].one[3].checked == true) {
result[count] = "Question 1. The correct answer is " + document.forms[0].one[3].value + ".";
count++;
}

if (!document.forms[0].two[0].checked == true) {
result[count] = "Question 2. The correct anwser is " + document.forms[0].two[0].value + ".";
count++;
}

if (!document.forms[0].three[3].checked == true) {
result[count] = "Question 3. The correct answer is " + document.forms[0].three[3].value + ".";
count++;
}

if (!document.forms[0].four[3].checked == true) {
result[count] = "Question 4. The correct answer is " + document.forms[0].four[3].value + ".";
count++;
}

if (result.length > 0) {
var vString = "";
for (var i=0; i<result.length; i++) {
vString = vString + result[i] + "\n";
}
alert(result.length + " incorrect answers:\n" + vString);
return(false);
}
else {
alert("All of the questions were answered correctly.");
return(true);
}
}
function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}

</SCRIPT>

I am running into a problem, that no one else in the world seems to have. When I make a form and submit the page is refreshed, or rather redirected to a state with the values filled after the ? (i.e. http://localhost/comp-267/lab15.html -> http://localhost/comp-267/lab15.html?cardNUm=).

I have found solutions that have worked for other people, none of them work for me. I have tested my forms on multiple browsers on multiple systems and the problem persists.

Here is one example of my code where this happens.
Code:

<script type="text/javascript">

function checkCC(myForm)
{
	var ccType;
	var ccLength;
	var ccNum = myForm.cardNum.value; 
	if (myForm.cardType.selectedIndex == 0)
	{
		ccType = "Visa";
	}
	
	else if (myForm.cardType.selectedIndex == 1)
	{
		ccType = "MasterCard"
	}
	
	else if (myForm.cardType.selectedIndex == 2)
	{
		ccType = "AmericanExpress"
	}
	
	 switch(ccType)
    {
		case "Visa":
        	valid = /^4[0-9]{12}(?:[0-9]{3})?$/;
			
			if (valid.test(myForm.cardNum.value))
			{
				alert("This is a Valid Visa Card");
				return true;
			}
			
			else
			{
				alert("This Card Number is Invalid For Visa");
				return false;
			}
        	break;
		
      	case "MasterCard":
        	  	valid = /^5[1-5][0-9]{14}$/;
			
			if (valid.test(myForm.cardNum.value))
			{
				alert("This is a Valid MasterCard Card");
			}
			
			else
			{
				alert("This Card Number is Invalid For MasterCard");
			}
        	break;

      	case "AmericanExpress":
        	valid = /^3[47][0-9]{13}$/;
			
			if (!valid.test(myForm.cardNum.value))
			{
				alert("This is a Valid American Express Card");
				return true;
			}
			
			else
			{
				alert("This Card Number is Invalid For American Express");
				return false;
			}
        	break;

      	default:
        	valid = /^$/;
        	alert("Card type not found");
			return false;
    }
}
</script>
</head>

<body>

<h1>Credit Card Validator</h1>
<form name="creditCard" onsubmit="return checkCC(this)">

<span class="labels">Card Type:</span>
<select name="cardType" size="3">
	<option name="visa">Visa</option>
    <option name="mc">Master Card</option>
    <option name="amex">American Express</option>
</select>
<br />
<span class="labels">Card Number:</span>
<input name="cardNUm" type="text" size=30 value="" />
<br />
<br />
<input type="submit" value="Death to All" 
style="background-color:#666666 !important; border:thick groove !important; border-color:#333333 !important"
onclick="javascript:return checkCC(this.form)" />
</form>

</body>
</html>

you can find the page he
Form Example

How do I get this to not happen? I've tried almost every fix I could find that worked for other people none have worked for me.

Hi,

I have a jsp which has a function gets called during the page unload.
This jsp has a form with an action attribute to one servlet.
Please find below the code snippet.

---- Java script code ---
function logoff() {
document.forms["FormName"].rel="nofollow" target="_self";
alert('Submitting the form');
document.forms["FormName"].submit();
}

--- HTML form code -----
<body onUnload='logOff()'>
<form name ="FormName" method="POST" action='<%=sLogoutResponseURL %>'>

Whenever the page gets unloaded always logoff function is getting called. I also get the alert message "Submitting the form". But my servrlet does not get invoked. My application supports logging in with the same user id more than once.

Scenario it works: User logs in. Close the application. logoff function is called and servlet gets invoked.

Scenario it does not work: User logs in one window. Open one more IE window and and open the application with same user id. this can be repeated. Now when i close the application logoff function is called for all of the window close. But servlet does not gets invoked all the time. Sometimes it stops calling servlet.

I have searched over the net and found one solution.
Below piece of code will make sure form gets always submitted.
-------------------------Start -----------------
function fakeSubmit(event) {
var target = event ? event.target : this;
/* Fire a submit event */
var fakeEvent = $(target).fire("form:submit");
if (fakeEvent.stopped == false) {
/* Call the real submit function */
this._submit();
}
}

if(window.HTMLElement){
/* DOM-compliant Browsers */
HTMLFormElement.prototype._submit = HTMLFormElement.prototype.submit;
HTMLFormElement.prototype.submit = fakeSubmit;
} else {
/* IE does not expose it's HTMLElement object or its children
Let the document load so all forms are accounted for */
document.observe("dom:loaded", function(){
for(var i = 0; i < document.forms.length; i ){
document.forms[i]._submit = document.forms[i].submit;
document.forms[i].submit = fakeSubmit;
}
});
}
-----------End ------------------

But this resulted in script error while loading the page "object does not support this method or property" at line where document.observe is there.

Kindly help at the earliest.

Thanks in advance
Santosh

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

Hi. Please help. I have a credit card donation page and what I wanted to do is after they click the submit button and transaction is successfult I wanted to capture the donation amount they enter from the donation page and show it to the next page. I know that is possible but I just don't know how to do it. I am new in Javascript and still consider as a baby. Can someone please help? Thanks in advance.

I have a small form that I'm working on for a client. They want a form that their potential leads can fill out and then hit 'calculate rate'.

Once this is done, the results should display on another page with a short summary of what their quote will be as well as some of the other information they filled out. It should also send an email to my client displaying the information that their lead just filled out. My only problem is I am not sure how to go about the calculation part. I know I would have to do an onSubmit, but how would I hide that calculation and then receive that number on another page. Here is the javascript for that form:

Code:

/*
This source is shared under the terms of LGPL 3
www.gnu.org/licenses/lgpl.html

You are free to use the code in Commercial or non-commercial projects
*/

 //Set up an associative array
 //The keys represent the size of the cake
 //The values represent the cost of the cake i.e A 10" cake cost's $35
 var practice_field = new Array();
practice_field["None"]=0;
practice_field["Allergy and Immunology"]=4400;
practice_field["Endocrinology"]=4400;
practice_field["Pathology"]=4400;
practice_field["Dermatology"]=4400;
practice_field["Geriatrics"]=4400;
practice_field["Physical Rehabilitation"]=4400;
practice_field["Family Practice"]=6900;
practice_field["General Practice"]=6900;
practice_field["Internal Medicine"]=6900;
practice_field["Oncology"]=6900;
practice_field["Oral Surgery"]=6900;
practice_field["Radiology"]=6900;
practice_field["Gastroenterology"]=6900;
practice_field["Infectious Disease"]=6900;
practice_field["Nephrology"]=6900;
practice_field["Ophthalmology"]=6900;
practice_field["Pediatrics"]=6900;
practice_field["Urology"]=6900;
practice_field["Anesthesiology"]=9000;
practice_field["Cosmetic Surgery"]=9000;
practice_field["General Surgery"]=9000;
practice_field["Neurology"]=9000;
practice_field["Otolaryngology"]=9000;
practice_field["Plastic Surgery"]=9000;
practice_field["Vascular Surgery"]=9000;
practice_field["Cardiology"]=9000;
practice_field["Emergency Medicine"]=9000;
practice_field["Gynecology"]=9000;
practice_field["Orthopedic Surgery"]=9000;
practice_field["Pain Management"]=9000;
practice_field["Pulmonary Surgery"]=9000;
practice_field["Neurological Surgery"]=9900;
practice_field["Obstetrics"]=9900;

 
 //Set up an associative array 
 //The keys represent the filling type
 //The value represents the cost of the filling i.e. Lemon filling is $5,Dobash filling is $9
 //We use this this array when the user selects a filling from the form
 var society_member= new Array();
 society_member["None"]=null;
society_member["BCMA"]=0.10;
society_member["DCMA"]=0.10;
society_member["FOGS"]=0.10;
society_member["FNS"]=0.10;
society_member["PBCMS"]=0.10;
society_member["FSPS"]=0.10;
 
//This function finds the filling price based on the 
//drop down selection
function getPracticeField()
{
    var docPracticeField=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the select id="filling"
     var selectedPracticeField = theForm.elements["practice"];
     
    //set cakeFilling Price equal to value user chose
    //For example filling_prices["Lemon".value] would be equal to 5
    docPracticeField = practice_field[selectedPracticeField.value];

    //finally we return cakeFillingPrice
    return docPracticeField;
}	 
	 


//This function finds the filling price based on the 
//drop down selection
function getSelectedSociety()
{
    var docSelectedSociety=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the select id="filling"
     var selectedSociety = theForm.elements["society"];
     
    //set cakeFilling Price equal to value user chose
    //For example filling_prices["Lemon".value] would be equal to 5
    docSelectedSociety = society_member[selectedSociety.value];

    //finally we return cakeFillingPrice
    return docSelectedSociety;
}

//candlesPrice() finds the candles price based on a check box selection
function candlesPrice()
{
    var candlePrice=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the checkbox id="includecandles"
    var includeCandles = theForm.elements["includecandles"];

    //If they checked the box set candlePrice to 5
    if(includeCandles.checked==true)
    {
        candlePrice=0;
    }
    //finally we return the candlePrice
    return candlePrice;
}

function insciptionPrice()
{
    //This local variable will be used to decide whether or not to charge for the inscription
    //If the user checked the box this value will be 20
    //otherwise it will remain at 0
    var inscriptionPrice=0;
    //Get a refernce to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the checkbox id="includeinscription"
    var includeInscription = theForm.elements["includeinscription"];
    //If they checked the box set inscriptionPrice to 20
    if(includeInscription.checked==true){
        inscriptionPrice=0;
    }
    //finally we return the inscriptionPrice
    return inscriptionPrice;
}
        
function calculateTotal()
{
    //Here we get the total price by calling our function
    //Each function returns a number so by calling them we add the values they return together
    var cakePrice = getPracticeField() + null - (getPracticeField() * getSelectedSociety()) + candlesPrice() + insciptionPrice();
    
    //display the result
    var divobj = document.getElementById('totalPrice');
    divobj.style.display='block';
    divobj.innerHTML = "Your Pre-Paid Legal Defense Fee Will Be Around $"+cakePrice;

}

function hideTotal()
{
    var divobj = document.getElementById('totalPrice');
    divobj.style.display='none';
}

If you look at the bottom you can see where the Function that Calculates everything is. Right now it calculates onClick. I just want it to calculate after the user has filled out the form completely and display that calculation on another page along with the rest of the information they inputted.

he everyone please i want to know how to submit a form using ajax every 5 minutes without reloading page

i have a huge form for exams and i need to submit the form without the need to wait until pressing submit because the user may wait to think about the answer a very long time..


so i want to submit the form and at the same time i cant reload the page as it is in normal submit form..

so how i can submit form in the background without letting the user knows that the form is submitted???

On my site's shopping cart, when clicking the "buy" button, it merely animates a little item that shows that something is now in the customer's cart. I'd like it to do this, and then redirect to "/cart", cutting down the work of what the user actually has to do (we only have one product).

Here's what I'm working with:

<!-- START ADD TO CART -->
{% if featuredproduct.available %}
<span class="featured-product price"><span>{{ featuredproduct.price | money }}</span>{% if featuredproduct.compare_at_price_max > featuredproduct.price %} <del>{{ featuredproduct.compare_at_price | money }}</del>{% endif %}</span>

<input type="submit" value="{{ settings.text_addtocart }}" class=" add-to-cart addtocart button primary">

{% else %}
<h3 class="featured-product price sold-out"><span>Sold Out</span></h3>
<input type="submit" value="{{ settings.text_addtocart }}" class="featured-product add-to-cart button primary disabled" disabled="disabled ">
{% endif %}
<!-- END ADD TO CART -->

Adding an "onclick="location.href='/cart';" after the input classes does not fire the actual act of adding the item to the cart, so it shows an empty cart on the redirect.

JS newbie, sorry for the rough explanation. Any help greatly appreciated!

Hi,

I have a form that when you click submit gives a warning box asking if to continue code below

Now when I type in the text field and press enter it doesn't submit nor does it pop up the warning box, how would I do this


Code for submit button
Code:

<script LANGUAGE="JavaScript">
<!--
function submitMyForm()
{
var agree=confirm("ARE YOU SURE ?");
if (agree)
return true ;
else
return false ;
}
// -->
</script>

Code:

<form action="admin-delete.php" method="post" name="cp_delete" id="cp_delete">
<input type="text" name="cp_delete_bg" id="cp_delete_bg">
<input type="submit" name="submit" value="submit" onclick="return submitMyForm()"/>
</form>

I've got the following 2 fields in my form:

<input type="file" name="filename" id="filename" value="filename">
<input type="submit" name="submit" value="Upload Image" />

Now I want to hide both of them as soon as the submit button is pressed. Problem is that I'm a javascript noob and I can't find it with google :S

Can someone help me?

Hi all

Is using the real form submit button a problem in any way? Can it actaully send a form when a person uses 'enter' in a text field.



When I use this submit, it triggers my validation which is great.

Code:

<input type="submit" value="OnSubmit validate" />

However this way doesn't seem to trigger my validation although It may solve the above form send problem (if that realy exists). How do I get it to act the same as real submit so it will trigger validation like onsubmit above?

Code:

<input type="button" value="Send Feedback" onclick="this.form.submit()" />

LT

does any of that make sense?

all ideas helpful and appreciated

I have created some online software which uses form data to submit to another page.

The problem is that I have other submit buttons in the same form which submit to different pages (depending on which button is pressed).

The first submit button works fine but all the others only work once.
Code:

<input class="cssbutton" type='submit' value='Button1' onclick="wbform.action='page1.php'; target='mainFrame'; return true;">
<input class="cssbutton" type='submit' value='Button2' onclick="wbform.action='page2.php'; target='_blank'; return true;">

<input class="cssbutton" type='submit' value='Button3' onclick="wbform.action='page3.php'; target='topFrame'; return true;">
<input class="cssbutton" type='submit' value='Button4' onclick="wbform.action='page4.php'; target='topFrame'; return true;">

<input class="cssbutton" type='submit' value='Button5' onclick="wbform.action='page5.php'; target='_blank'; return true;">
<input class="cssbutton" type='submit' value='Button6' onclick="wbform.action='page6.php'; target='_blank'; return true;">

Any ideas my friends?

I am trying to auto submit a login form remotely using .submit() . It's submitting, but for some reason if I use submit() the login isn't processing.
However, if I turn off the auto submit and use an actual submit button it logs in just fine.

Now, in the form tag there is a call onsubmit for some validation, does .submit() trigger that form onsubmit="" function?

Is there something that happens differently when a user clicks a button verses the .submit().

Thanks!
Paul