Sorry but how it should submit if you don't have form.submit in your JS function ? does the code below work in HTML file without the form.submit line ?
Max
ChronoForms developer...
Did you try ChronoMyAdmin for managing your Joomla database tables ?
Ok, now we're cooking! Now it just shows an empty page after submitting. What i was going for was the write out all the results. If I turn debug on, all it shows is:
_POST: Array ( [select] => 1 [txt1] => S0E 1A0 )
Ideas?
You mean in the "On Submit code - before sending email:" box? That just seems to put the text Postcode: {txt1} after I submit. What are we trying to accomplish with this line? Just put the value of txt1 on the page for testing?
Hi evanseabrook,
I think there is some misunderstanding here, what you call "submit" is only a JS write for the current page, so the page is not submitted, instead you use JS to rewrite it!
I think you should replace all :
document.write("data");with :
document.getElementById('ChronoContact_Postal_Codes').innerHTML += "data";replace the word data with any text you add at any step, this will clear the form and add the output you need!
Cheers
Max
Max
ChronoForms developer...
Did you try ChronoMyAdmin for managing your Joomla database tables ?
Can you explain what:
document.getElementById('ChronoContact_Postal_Codes').innerHTML
...actually means?
FYI, I just did this and it is still NOT producing any output and the debugger shows "_POST: Array ( [select] => 1 [txt1] => S0E 1A0 ) "
I understand from you code that document.write only adding some text to the current page without submitting it so this piece :
document.getElementById('ChronoContact_Postal_Codes').innerHTMLadds the same text to the form area! you don't need to submit the form! your HTML code even doesn't have a submit button, only a normal button with JS function which does not submit so it submits ?
Max
ChronoForms developer...
Did you try ChronoMyAdmin for managing your Joomla database tables ?
Hi both,
If the deBug output is showing then I think the form must be submitting. So I assumed that the document.write problem had been fixed.
Max's code will replace the whole form with the 'data' output.
Perhaps it would help if you tell us exactly what this form is supposed to do. At present you have a text box that looks up a post-code prefix in the currently selected list. But I don't see what the radio buttons do, it would be just as eay to look up the prefix from a single list with all of the postcodes in it.
Bob
I'm glad you said that it'd be just as easy without the rb's. All this form does it allow someone to enter a postal code and then checks that value against a pre-existing list to see what rating calculation should be used (Metro 1, Metro 2, etc). It compares the first 3 characters entered to the first 3 characters in each array item. There are times where more than 1 item is returned (in the case of two postal codes starting with S7K). I was using the radio buttons to allow the user to select a province, then when submitted, only the array for that province would be searched (there are about 70 postal codes per array). If I don't use the radio buttons, I'll have 1 array with about 210 entries.
Here is the new HTML:
<html>
<body>
<b>Province:</b><br>
Postal Code: <input type="text" name="txt1"><br>
<input type="submit" value="Submit" onClick="submitForm()">
</body>
</html>
Here is the new JS (I've only added 10 entries to the array):
function submitForm() {
var form = document.ChronoContact_test;
var total = form.txt1.value;
var totalsub = total.substr(0,3);
var codesSk=new Array();
codesSk[1] = "S7H - Saskatoon - Metro 1";
codesSk[2] = "S7J - Saskatoon - Metro 1";
codesSk[3] = "S7K - Saskatoon - Metro 1";
codesSk[4] = "S7N - Saskatoon - Metro 1";
codesSk[5] = "S7P - Saskatoon - Metro 1";
codesSk[6] = "S7S - Saskatoon - Metro 1";
codesSk[7] = "S7T - Saskatoon - Metro 1";
codesSk[8] = "S7V - Saskatoon - Metro 1";
codesSk[9] = "S7W - Saskatoon - Metro 1";
codesSk[10] = "S7K - Regina - Metro 2";
for (var i = 1; i < codesSk.length; i++)
{
if (totalsub == codesSk[i].substr(0,3)){
document.getElementById('ChronoContact_test').innerHTML += codesSk[i];
document.getElementById('ChronoContact_test').innerHTML += <br />; }
else
{document.getElementById('ChronoContact_test').innerHTML += "Not found";}
}
The problem still remains where no output is created. I enter "S7K 2H8" in the text box, hit the submit button, the screen changes and shows a blank screen. With debug on, all it shows:
_POST: Array ( [txt1] => S7K 2H8 ) .
I think I'm missing a fundamental piece.
I've been looking at this far too long....
..I didn't have a closing curly brace closing off the JS function. After putting it in, it outputted as expected! YAY....
Now, how do I clear the page of all the output. I'd like to clear it each time the button is clicked...
after the function submitform add this :
document.getElementById('ChronoContact_test').innerHTML = "";
Max
ChronoForms developer...
Did you try ChronoMyAdmin for managing your Joomla database tables ?
If I put it after the function starts (below function submitform()) it clears the whole page. I need it to just clear the stuff displayed with:
document.getElementById('ChronoContact_test').innerHTML += codes[i];
document.getElementById('ChronoContact_test').innerHTML += "<br />";
I'm assuming document.getElementById('ChronoContact_test').innerHTML = ""; clears the whole page? Basically, refresh the search.
That's a great idea! :mrgreen: Curiously though, now after clicking the "submit" button, the new DIV is populated with the results but then the page seems to refresh and the screen blanks out (the labes, text box, results and Submit button all are cleared out).
for (var i = 1; i < codes.length; i++)
{
if (totalsub == codes[i].substr(0,3)){
document.getElementById('results').innerHTML += codes[i];
document.getElementById('results').innerHTML += "<br />";}
}
UPDATE.....Because the button in HTML was a type=submit. I changed it to type=button and now it doesn't unexpectedly refresh the screen! Also, now the document.getElementById('results').innerHTML += ""; line works! Excellent! Thanks for all your help!....
Sure, we are working on this based on your HTML code at the first post which has the button of type button and not submit!🙂 anyway glad it works now!
Cheers
Max
Max
ChronoForms developer...
Did you try ChronoMyAdmin for managing your Joomla database tables ?
Bob, I did notice that (with regards to the Enter button)....I'll have to look into my options...
I retract my previous post...I found the 153 limitation...my programming skills (or lack there of!!) I had two array items with the same index.
Sure an issue with the JS or your code, I did take a quick look and can't see anything wrong with your code and I never passed by this issue in JS, So I wish you will find a fix!🙂
Cheers
Max
Max
ChronoForms developer...
Did you try ChronoMyAdmin for managing your Joomla database tables ?
Hi evanseabrook,
Ah, glad you found the error, the theortical limit to a JavaScript array is 4,294,967,295 so I thought it must be a typo somewhere.
Bob
