JavaScript - Confirm Alert To Pass Vars In Form?

Hello,

I'll be honest I dont know much about javascript so hopefully one of you lovely people can help.

My issue is I would like to have this code validate my radio buttons on my form and also have an onscreen pop-up in the case that the user is exiting the page without filling out the form.

I have had both of these peices of code working...but when I put both of them on the page the pop-up will override the validation script, and I don't wish to have the pop-up, pop-up when the user hits the submit button. Here are my pieces of code:

Inside my head tag:


Code:

<script language="JavaScript">
function closeIt()
{
  return "\n********************************************\nWAIT!  WAIT! WAIT! WAIT! WAIT! WAIT!\n********************************************\n\nDon't leave just yet...\n\nDon't worry - We will never rent, sell or\nshare your contact information, with\nanyone else. We respect your privacy\nand hate spam too!\n\n";
}
window.onbeforeunload = closeIt;
</script>
<script language="JavaScript">
function valbutton(thisform) {
// place any other field validations that you require here
// validate myradiobuttons
myOption = -1;
for (i=thisform.infusion_option_0.length-1; i > -1; i--) {
if (thisform.infusion_option_0[i].checked) {
myOption = i; i = -1;
}
}
if (myOption == -1) {
alert("You must select an event city date");
return false;
}
// place any other field validations that you require here
thisform.submit(); // this line submits the form after validation
}
</script>

And then for my form and submit code I have:

Code:

<form name="myform" action="https://mydomain.com/AddForms/processFormSecure.jsp" method='POST' onSubmit="return NoneWithCheck();">

<input id="Submit" name="Submit" type="submit" value="Submit" onClick="valbutton(myform);return false;" /></form>

Any help would be appreciated, thanks.

I have an user table like this:-

guid | username | password | firstname | lastname | location | emailad
dress | userrole
-----------------------------------+----------+----------------------------------+-----------+-----------+----------+--------
------+---------------
8024259764dc3e8ee0fb6f5.84107784 | james | 827ccb0eea8a706c4c34a16891f84e7b | james | bond | NY | ny@live
.com | administrator
18689183644dc3e91571a364.71859328 | saty | 250cf8b51c773f3f8dc8b4be867a9a02 | saty | john | NY | hk@fd.c
om | administrator
2644885344cecd6f2973b35.63257615 | admin | 21232f297a57a5a743894a0e4a801fc3 | System | Generated | |
| administrator
(3 rows)

now my postgre query for delete the row ....

$query = "delete from users where username!= 'admin' and guid='".$guid."'";
$result = pg_query($conn, $query);

?>
<script type="text/javascript">
alert("Cannot delete this .\n It is system generated(s).");
</script>
<?php

(1)when I delete the user name one by one then delete occurs in my page userlist.php, I donot want to delete admin so i use username!= 'admin'

in where condition as shown above.
(2)now when I del any username(3 rows) from user table then alert occurs & it delete from userlist.php after that my page userlist.php is

blank. Finaly when i refresh the page then my admin username seen..

when i use return true; function then only alert generate .. delete doesnot occurs ...

Actauly i want:-
(1)if user is not admin then it delete from userlist.php ... nd also i m continue on this page ... like when james and saty want

to delte their acount ..as given in table.
(2)if user is admin then alert generate nd i m continue on this page.


i m tired now plz help me ....


so can anyone put the best condition in my coding.

Hi All,

I'm pretty sure that this will need a javascript solution but could an admin please move it if I have placed it in the wrong section!

Basically I am populating a span id with a number value...

Code:

<div id="behaviour_management" style="overflow: auto;">
Behaviour Management
<br><br>
<span id="behaviour_management_rating">4</span>

What I need to do is grab that value... 4 in this case and pass it to a hidden field or via another method so that it because part of the form for processing on the next page.

I've tried a couple of things but I am very shakey on javscript and have a very limited knowledge of it.

I've basically tried (and managed) to assign the value to a javscript var by using getElementByID...

Code:

<script type="text/javascript">
	function getRatings() {
		var s1 = document.getElementById('behaviour_management_rating').innerHTML;
	}
</script>

Code:

<input type="image" name="submit" src="images/search_list_btn.png" onclick="getRatings()"/>

my next plan was to pass that var to a hidden input at which point I am becoming stuck.

Can someone tell me if this is even possible and if so perhaps they would be kind enough to point me in the right direction.

Any help would be greatly appreciated..

Many thanks
Greens85

Say I have a form so long that i want to group sections by category and have them expandable, using css to display:none or display:block these groups. If a user selects an option or two in one of these divs, then fills in some fields, then hides the div... is it going to cause problems when they submit the form if the div is hidden?

Thanks!

edit: let me ask another question too--what if we add validation into the mix. What happens if a field in a hidden div does not pass validation?

I have been staring at this code for too long and need some help. I want to pass a value received through the Url to another screen with new data by a form using the method="get". I have tried several different ways, my latest attempt was to use a hidden field hoping that would add to the url string but it isn't working.

Thank you in advance

Here is my code, its not pretty
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Field Location</title>
<link rel="stylesheet"
	href="css/INTERPRETING_TR_CONTROL_ELECTRICAL_READINGS.css"
	type="text/css" media="screen" />
</head>
<body>

<div>
<form id="form1" name="form1" method="get" action="./nameplateInformation.html">
<h3>Where is this field located?</h3>
<select name="fieldValue" id="fieldValue"
	title="Where is this field located">
	<option value="field1">Inlet Field</option>
	<option value="field2">Second Field</option>
	<option value="field3">Third Field</option>
	<option value="field4 ">Outlet Field</option>
</select>

<script type="text/javascript">
(function(){ // Import GET Vars :D 
	   document.getVars = [];
	   var urlHalves = String(document.location).split('?');
	   if(urlHalves[1]){
	      var urlVars = urlHalves[1].split('&');
	      for(var i=0; i<=(urlVars.length); i++){
	         if(urlVars[i]){
	            var urlVarPair = urlVars[i].split('=');
	            document.getVars[urlVarPair[0]] = urlVarPair[1];
	         }
	      }
	   } 
	})();
 prceptType = document.getVars.preceptType;
 document.write('<input type="hidden" name="preceptType" value='+preceptType+' />'); 
 </script>  

<input type="submit" value="Submit" />
<input type="button" name="backButton" value="Back"
	onclick="parent.location = './welcome.html'" /> <input type="button"
	name="homeButton" value="Home"
	onclick="parent.location = '../index.html'" /></form>
</div>
</body>
</html>

Good day all:

I want to get the value of a textbox into php without clicking the submit button. Any advice... Here is what I have
My form field:

Code:

#1
<input type="text" style=background:transparent; border:0px; name='clientid' >

This field is populated dynamically by its name with another php script in this way
Code:

#2
    echo "formObj.clientid.value = '".toSafeString($inf["clientID"])."';\n";

Now I want to take the value in code#1 (name='clientid') and pass it to a php code that is in the same file as the form. Here is the php code
PHP Code:
<?php
 $name=$_POST['name'];//this is where the value of the text box mentioned is defined
include 'datalogin.php';

error_reporting(0);
error_reporting(E_ERROR | E_WARNING | E_PARSE);
//test
//get image details 
$uploaddir = "images/clientsimages/";

$get_data = "SELECT i.uploadedfile, i.clientid " . " FROM images AS i, ajax_client AS a " . " WHERE i.clientid = a.clientID " . " AND a.clientID = $name";

$get_data_res = mysql_query($get_data) or die(mysql_error() . '<br>sql : '.$get_data); 

if (mysql_num_rows($get_data_res) > 0) 
{ 
    while ($get_data_info = mysql_fetch_array($get_data_res)) 
    { 
        $uploadedfile = $uploaddir . $get_data_info["uploadedfile"]; 

        
    }
}

?>

I know this may require js, but I appreciate any help!

Hi I have a problem with a form in my site he

http://www.21centuryanswers.com/submit.php

if no field is filled and you click submit, an alert will be shown, yet the next page will still load! How do I fix it?

the code for the form is:

<form action="privacy.php" method="post" onsubmit="return checkform(this);">
<fieldset>
<center>
E-mail: <input type="textfield" name="email" size="60" value="" /><br/></br>
Question: <input type="textfield" name="question" size="70" value="" /><br/><br/>

<input type="submit" value = "Submit"/>
</center>
</fieldset>
</form>

and here is the validation script:

<script language="JavaScript" type="text/javascript">
<!--
function checkform ( form )
{
// ** START **


if (form.email.value == "") {
alert( "Please enter your email." );
form.author.focus();
return false ;
}
if (form.question.value == "") {
alert( "Please enter the question." );
form.title.focus();
return false ;
}
// ** END **
return true ;
}
//-->
</script>

Please help!

I have a form with allot of form items on it that posts to itself. I am trying to pass those form values to another page with out using the action attribute in the form. Is there a way to do this? I have tried jquery and javascript but coming up blank. Just trying to pass all the values at one time to another page. Seems a little difficult to me since im a intermediate javascript programmer. Any ideas are welcome and thank you in advance if someone knows how to get this going.

Here is what i am trying to do script wise.

theform is the ID of the form. I have a switch statement that is based on the button pressed would get into that statement. So if one of the three buttons on the page is "excel report" it should get into that statement and pass the values of the form to another page.

I have tried this:

Code:

<cfswitch expression="#LCase(Trim(FORM.submit))#"> 
	   <cfcase value="Excel Report">
		   <cfoutput>
		   	<script>
		   		function formSubmit() {
					var form = document.forms.theForm;
					// change the url
					form.action ="index.cfm?keyword=Report PDF New";   
					form.submit();  
						}
		</cfoutput>
                     </script>
          </cfcase>
</cfswitch>

AND This:

Code:

<cfswitch expression="#LCase(Trim(FORM.submit))#"> 
          <cfcase value="PDF Report">
		<script>
			$('##submit').click(function(){
				open('',"results");
				with(document.print)
				{
				method = "POST";
				action = "index.cfm?keyword=Report PDF New";
				target = "results";
				submit();
				}
				});
		</script>
	   </cfcase>
</cfswitch>

Hi,

I'm looking for help, please. I am trying to setup a donation form for a friend, where someone can click radio buttons for set donation amounts, or click the "other" radio buttons and enter a different amount. The donation amount is then passed over to a secure credit card entry page, hosted by a 3rd party merchant.

I can set up all the pre-defined radio buttons to correctly pass on the donation amount to the credit card page, but I cannot figure out how to work the "other" radio button amount.

Any help would be very much appreciated!

Thanks!

I have a two fold question:

1) Why would my while statement not be working
I have cleaned up my code a little (although not perfect) but my while statement is not behaving, it does not output any numbers on a console.debug (using google chrome, or any other browser for that matter) which from my understanding it should?

and 2) Slightly out of the remit of this forum I suppose, but this code is quite lengthy and I know there are ways to make this more efficient I just dont know what they are?

Code:

function generatePurchaseFields(dom) {
			
				new Ajax.Request('/control/?page=tldmaxyears&domain=' + dom, {
					method: 'get',
					asynchronous: false,
	  				onSuccess: function(transport) {
						window.maxyears = transport.headerJSON.years.maxterm;
						window.minyears = transport.headerJSON.years.minterm;
					}
				});
				var maxyears = window.maxyears;
				var minyears = window.minyears;
			
				
				//console.debug(minyears + maxyears);
		
				var currentyear = minyears;

				while (currentyear <= maxyears) {
					console.debug(window.currentyear);
					console.debug(window.maxyears);
					if (currentyear == 1) {
						var surfix = ' Year';
					} else {
						var surfix = ' Years';
					}
					rows += '<option value="' + currentyear + '">' + currentyear + surfix + '</option>';
					currentyear++;
				}
				
				var fields = '<input type="checkbox" value="' + dom + '" name="domain[]" />' +
					'<select name="years">' +
					'<option value="1">1 Year</option>' +
						rows +
					'</select>';
					console.debug(rows);
					return fields;
			}

Kind thanks for any help you may be able to provide.

Thanks

PodMan99

I have a form that the my client wants their users to confirm before it gets submitted to them.

So basically what I need to make happen is: the first time the Submit button gets clicked, it needs to display an inline html message telling the user to double check their info, then when they click again, it will submit the form.

How should I get this done? The form is pretty straightforward so far:

Code:

<p><label for="from">Name:</label><br />
<input type="text" id="name" name="name" size="40" maxlength="35" value="" /></p>

<p><label for="from">Address:</label><br />
<input type="text" id="street1" name="street1" size="40" maxlength="100" value="" /></p>

<p><label for="from">City:</label>
<input type="text" id="city" name="city" size="8" maxlength="35" value="" />

<label for="from">State:</label>
<input type="text" id="state" name="state" size="3" maxlength="2" value="CA" />

<label for="from">Zip:</label>
<input type="text" id="postalcode" name="postalcode" size="5" maxlength="5" value="" /></p>

<p><label for="from">Phone:</label><br />
<input type="text" id="phone1" name="phone1" size="20" maxlength="35" value="" /></p>

<p><label for="from">Your Email:</label><br />
<input type="text" id="email" name="email" size="20" maxlength="35" value="" /></p>

<p><input name="submit" type='submit' value='Submit Form' /></p>

Question: if I declare a variable in on js fiile, is this available to another js file that is loaded?

Answer: yes, it's available (unless inside of a function or something)

BUT: does it matter WHERE I declare this variable??

Let's say, I have the following in my HTML file:
<script src="script/main.js"></script> And then at the very bottom of my HTML page before the </body> tag I have:
<script type="text/javascript">var myvariable = "Sample Data";</script> So, is myvariable available to main.js?

In simple tests I've done, yes it does seem to be available

But... what if I have a lot of other js code running in between
Does this change anything?

Thanks


OM

If i have 4 vars

var one = 29.1
var two = 5.4
var three = 12.4
var four = 15

how can compare all 4 and find the smallest? in this case the result would be two

Hello all,

Sorry for not reading the "posting guidelines" earlier. I understand that you guys are not reading/loading complete codes, my bad. Let me try again.

This is a code for checking numbers A1 -> B1, when there is a match, the code will be green, otherwise black.

Can somebody explain to me how I can extend this script, that more then one array is checked??

Code:

<script type = "text/javascript">

var a1 = ["2","5", "11","16","23","45", "46"];
var b1 = ["2","3","8","12","23", "37", "41", "45", "48"]


for (var i = 0; i< a1.length; i++) {
for (var j = 0; j< b1.length; j++) {
if (a1[i] == b1[j]) {
a1[i]= "g"+ a1[i];
}
}
}

for (var i = 0; i< a1.length; i++) {
if (a1[i].substr(0,1) == "g") {
a1[i] = a1[i].substr(1,20);
document.write("<font color = 'green'>", a1[i] + " &nbsp&nbsp ");
}
else {
document.write("<font color = 'black'>", a1[i] + " &nbsp&nbsp ");
}
}
document.write("<br><br>");
for (var j = 0; j< b1.length; j++) {
document.write("<font color = 'black'>", b1[j] + " &nbsp&nbsp ");
}


</script>

Thanks a ton in advance

Hello, this is not and advert
This is a class i built in javascript

What it dose:
When users leave a site that has a confirm you want to leave box from the browser

Why have i posted:
I have seen around on the internet posts about how to do such a thing so i though i would get hits to codding forum when user search for such a thing and any one of codding forum members could help it get better

Well this is a nice little object to use insted that dose a light box effect and brings up a Yes/no true/false box you set what you want it to say

The JSON Object
PHP Code:
confirmBox = {
    'message' : 'This is a Confirm Box',
    'trueTxt' : 'True',
    'complete' : true,
    're' : '',
    'falseTxt' : 'False',
    'onTrue' : 'alert("true")',
    'onFalse' : 'alert("false")',
    'setTrue' : function(ontrue){ this.onTrue = ontrue + "confirmBox.update('true')"; },
    'setFalse' : function(onfalse){ this.onFalse = onfalse + "confirmBox.update('false')"; },
    'setTrueText' : function(trueText){ this.trueTxt = trueText; },
    'setFalseText' : function(falseText){ this.falseTxt = falseText; },
    'setText' : function(text){ this.message = text; },
    'hide' : function(){
        var bg = document.getElementById('___confirmBox_bg');
        var center = document.getElementById('___confirmBox_center');
        var dialog = document.getElementById('___confirmBox_dilog');
        center.removeChild(dialog);
        bg.removeChild(center);
        document.body.removeChild(bg);
    },
    'show' : function(){
        this.createBG();
        this.createCenter();
        this.createDialog();
    },
    'update' : function(sw){
        this.re = sw; 
    },
    'state':function(){
        if(this.re = ''){
            return false;
        }else{
            return this.re;
        }
    },
    'createBG' : function(){
        var bg = document.createElement("div");
        bg.setAttribute('style', "display: table; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);");
        bg.setAttribute('id', '___confirmBox_bg');
        document.body.appendChild(bg);
    },
    'createCenter' : function(){
        var center = document.createElement('div');
        center.setAttribute('style',"#position: absolute; #top: 50%; display: table-cell;  vertical-align: middle; margin-left:auto; margin-right:auto;");
        center.setAttribute('id', '___confirmBox_center');
        document.getElementById('___confirmBox_bg').appendChild(center);
    },
    'createDialog' : function(){
        var dialog = document.createElement('div');
        dialog.setAttribute('style', "display:block; width: 300px; padding: 16px; background-color: white; z-index:1003; margin-left:auto; margin-right:auto;");
        dialog.setAttribute('id', '___confirmBox_dilog');
        dialog.innerHTML = this.message + '<div align="right"><input type="button" onclick="eval(confirmBox.onTrue); confirmBox.hide();" value="' +this.trueTxt + '" /><input type="button" onclick="eval(confirmBox.onFalse); confirmBox.hide();" value="' + this.falseTxt + '" /></div>';
        document.getElementById('___confirmBox_center').appendChild(dialog);        
    },
} 


Then this is how you call it and set propertys
Code:

<script src="confirmBox.js" type="text/javascript"></script>
<script type="text/javascript">
	confirmBox.setText("This is a test");         //Sets the text to show in the box
	confirmBox.setTrueText("I can see it");     // sets the text on the return true button
	confirmBox.setFalseText("I can't see it");  // sets the text on the return false button
	confirmBox.setTrue('alert("Thanks");');     //what to do when true is clicked
	confirmBox.setFalse('alert("Your a lier");');// what to do when false is clicked
	confirmBox.show();                              // Show the confirmBox
</script>