JavaScript - Pass A False Statement Out From A Function

Hi all,

I need to pass a variable to an inner function and I got it to work but:

(1) I don't know why it works
(2) I don't know if it's right or optimal

So, please look and comment:

Code:

            for (var h = 1.0; h <= 3.0; h += 0.5) {
                ed.settings.formats['spacing' + String(h.toFixed(1))] = {
                    'block' : 'p',
                    'styles' : {
                        'marginBottom' : String((h - 1).toFixed(1)) + 'em'
                    }
                }
                h = (function (h) {
                    c.onRenderMenu.add(function (c, m) {
                        m.add({
                            'title': String(h.toFixed(1)),
                            'caption' : 'Set the line spacing to ' + String(h.toFixed(1)),
                            'onclick': function () {
                                ed.formatter.apply('spacing' + this.title);
                                return false;
                            }
                        }).setDisabled(false);
                    });
                    return h;
                })(h);
            };

You can ignore a lot of the code as it doesn't factor into the question... and I know that re-ordering the code can eliminate my problem (but I can't re-order it because defining the formats MUST come before "renderMenu" or else it doesn't work - and I don't want to use two loops - one to define the formats and another to define the menu).

The part that's freaking me out is this:

Code:

                h = (function (h) {
                    c.onRenderMenu.add(function (c, m) {
                        m.add({
                            'title': String(h.toFixed(1)),
                            'caption' : 'Set the line spacing to ' + String(h.toFixed(1)),
                            'onclick': function () {
                                ed.formatter.apply('spacing' + this.title);
                                return false;
                            }
                        }).setDisabled(false);
                    });
                    return h;
                })(h);

See the strange things I have to do to get h inside of c.onRenderMenu.add()?

Is this right? Can I do it any "better" or more correctly?

Thanks!

-- Roger

I have a php script which dynamically creates a table containing text boxes with variable names. Example:
Code:

echo '<td align="center" bgcolor="'.$bgcolor.'"><input type="text" name="payable_'.$key.'" id="payable_'.$key.'" value="'.$payable.'" size="3" maxlength="4" /></td> ';

In the above instance the text box name might be 'payable_23323'.

I need to code an onKeyUp event which sends the text box name to a function, and in that function I need to retrieve the text box name and the string after 'payable_' together with the value the user has input into the text box.

Any help is greatly appreciated . . . I have been Googling this for hours to no avail - probably because I don't know what to search for . . .

Thanks

hi guys!
i have a problem in passing the variable to function ,the variable which is used in<td> as table data.
Code:

 
<td onmouseover="todayevent(somevarible);" onmouseout="hideevent(somevarible);" >' + somevarible+ '</td>

i want to pass somevariable by function todayevent(). how can i do this.
plz help me someone.

Hello all

I have a big problem

I have my php like this

Code:

<?
$codid=$_GET["cid"];

echo "
<script>
setTimeout(function() {CSelect();}, 100) ;
</script>
<div id=\"ReloadThis\"></div>";
?>

And my js funtion

Code:

function CSelect()
			{
				var
					$http,
					$self = arguments.callee;


				if (window.XMLHttpRequest) {
					$http = new XMLHttpRequest();
				} else if (window.ActiveXObject) {
					try {
						$http = new ActiveXObject('Msxml2.XMLHTTP');
					} catch(e) {
						$http = new ActiveXObject('Microsoft.XMLHTTP');
					}
				}

				if ($http) {
					$http.onreadystatechange = function()
					{
						if (/4|^complete$/.test($http.readyState)) {
							document.getElementById('ReloadThis').innerHTML = $http.responseText;
							setTimeout(function(){$self();}, 10);
						}
					};
					$http.open('GET', 'linii_c/select.php'+'?cod='+' PHP VARIABLE ', true);
					$http.send(null);
				}

			}

who i can put my php variable into the funtion?

Thanx in advence and sorry for my bad english!

Here's something that I tested without the PHP and it worked ok. Now that I've introduced the PHP to the document it doesn't work.

The PHP variable is not passing to Javascript properly. By use of some cleverly placed alert boxes, I figured out that the only thing that is getting passed forward is something called : "object HTML ImageElement"

Specifically, I assign the element ID the unique ID number of the record in the SQL database. The problem isn't with the ID numbers themselves: They are alphanumeric and unique.

I think it boils down to one of two lines of code. Either this isn't working (about line 12)

Code:

function expander(RecordID){

or perhaps it is when I am calling the function (about line 66):

Code:

echo "<img id='".$row['IDNumber']."' src=".$row['ImagePath']." width='5%' onMouseOver='expander(".$row['IDNumber'].");' onMouseOut='shrinker(".$row['IDNumber'].");'>";}

The PHP works (I can get the images to appear, so the connection to SQL and such isn't a problem). I am sure most of the JavaScript is good, too, as I said I had it all working prior to dropping in the PHP.

Since I am not going from JavaScript to PHP I don't think I need AJAX. I just need the PHP to pass to JavaScript.

Any ideas?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="class.css" />
<script type = "text/javascript" language="javascript">
//<![CDATA[
var maxheight = 150;

var countShrink = 1;
function expander(RecordID){	
	var countGrow = 1;
		var pic = document.getElementById(RecordID);
		if(pic){
			var imageh = pic.height;
			var imagew = pic.width;

	if(imageh<100){
	countGrow++;
	imageh = imageh*1.2;
	imagew = imagew*1.2;
	pic.style.height = imageh + "px";
	pic.style.width = imagew + "px";
	var timer = window.setTimeout(function(){expander(RecordID);},2);}
	}
		else
			{alert("error on");}


}

function shrinker(RecordID){
			var pic = document.getElementById(RecordID);
		if(pic){var counter = 1
			var imageh = pic.height;
			var imagew = pic.width;

	if(imageh>20){
	imageh = imageh/1.2;
	imagew = imagew/1.2;
	pic.style.height = imageh + "px";
	pic.style.width = imagew + "px";
	var timer = window.setTimeout(function(){shrinker(RecordID);},3);}
	}
		else
			{alert("error off");}

	}
	
//]]>
</script>
</head>
<body>
<?php
include('menuSub.html');
require_once('connect.php');
$idnum = 'phmdv06tbu';
//$q="SELECT * FROM art WHERE IDNumber = '".$idnum."'";
$q="SELECT * FROM art ORDER BY IDNumber LIMIT 4";
$r = @mysqli_query ($dbc, $q);

echo "<div class='bodyContent'><div class='imageContent'>";
if($r){
	while ($row = mysqli_fetch_array($r,MYSQLI_ASSOC)){
echo "<img id='".$row['IDNumber']."' src=".$row['ImagePath']." width='5%' onMouseOver='expander(".$row['IDNumber'].");' onMouseOut='shrinker(".$row['IDNumber'].");'>";}
}
else{
echo '<div class="bodyContent"> Error<div>';
}
echo "</div></div>";
mysqli_close($dbc); ?>
</body>
</html>

hello all,
I am new to javascript, i just wanted to know how can i send a array from perl to javascript function....
if anybody having any idea about this please reply me..thanks in adbvance

How to: pass local variable from <head> JS function to <body> textarea

I have a JS function in the head that calculates a variable. the function is triggered by the vevent of a button click. when calculation is done, how is it sent back to the page and placed in a textarea or textbox....??

/Beginner issues :/

I'm looking for some assistance. I'm trying to write a javascript to validate a form for a class. When I try to submit the form with none of the fields filled in , it goes to the intercept page without showing any errors. In addition to this, I have an error message. Return is outside of function. I have NO clue what they mean here, or what I've done wrong. Could someone take a look and give me an opinion?

Enclosed is the entire javascript and the top portion of the related form.

<!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>
<script type="text/javascript">
<!-- Hides script from older browsers -->
"function validate()"
{
if(document.form2.size.value=="Please Choose")
{
alert("Did you forget to select a size?");
return false;
}
if(document.form2.quantity.value=="Please Choose")
{
alert("How many did you want??");
return false;
}
if(document.form2.email.value=="")
{
alert("Please enter your Email Address..");
return false;
}
if(document.form2.verify.value=="")
{
alert("Could you enter it again please..");
return false;
}
if(document.form2.verify.value!=document.form2.email.value)
{
alert("The Email Addresses do not match");
return false;
}
if(document.form2.email.value.match((/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/))
{
alert("Email address was not valid please RETRY");
return false;
}
else
return true;
}
//-->
</script>

<form id="form2" name="form2" method="post" onSubmit="return validate(this)" action="2intercept.asp">
<table width="150" border="0" cellpadding="0">
<tr>
<td><div align="right">
<label for="size">Size Desired:</label>
</div></td>
<td><div align="left">
<select name="size" id="size">
<option selected="selected">Please Choose</option>
<option value="4x6">4x6</option>
<option value="5x7">5x7</option>
<option value="8x10">8x10</option>
</select>
</div></td>
</tr>
<tr>
<td><div align="right"></div>
<label for="quantity">Quantity Desired</label></td>
<td><div align="left">
<select name="quantity" id="quantity">
<option>Please Choose</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5+">5+</option>
</select>
</div></td>

ANY advice, corrections or suggestions would be GREATLY appreciated.. I'm at my wits end with this stuff.

Hey guys, so I'm trying to make a single function that will check to make sure the e-mails in both fields match AND to make sure the e-mail is in proper format. Strangely, with both if statements included the form will return no messages at all. If I comment out the if statement checking for proper format, the if statement to check for matching e-mail works just fine.

I want this all to be in one function because I'm wanting it to be executed onSubmit with the form. Let me know what you guys think, any help is greatly appreciated:

Code:

<html>

<head>
<script type="text/javascript">
	function verifyEmail()
	{
			var x = document.forms["emailForm"]["enterEmail"].value;
			var y = document.forms["emailForm"]["confirmation"].value;
			var atpos = x.indexOf("@");
			var dotpos = x.lastIndexOf(".");
			
				if (x != y) {
					  var msg = "The email addresses entered do not match, please enter matching email addresses";
					  document.getElementById("error").innerHTML = msg;
					  return false;
				}
			
				if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 > = x.length) {
					  var msg = "Improper e-mail format";
					  document.getElementById("error").innerHTML = msg;
					  return false;
				}
				
				else {
					return;
				}
	}
</script>
</head>

<body>

	<form name="emailForm" onsubmit="return verifyEmail();" method="post">
		E-Mail Address: <input type="text" name="enterEmail">
		Confirm E-Mail Address: <input type="text" name="confirmation">
		<input type="submit" value="Submit"> <span id="error"></span>
	</form>
	
</body>

</html>

Basically I want to have a different background image for every time of the day.

The function by itself works okay with onclick or onload placed in body.
Code:

function changesky()
{
document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
}

What I want to do is have my background change in addition to a message. So instead of just "Good Morning" text I also want the background to change.

Code:

if (time>=4 && time<12)
	{
	document.write ("<p>Good Morning!</p>");
	document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
}

Tried this, but it didn't work so what's the format for calling a function inside of an if statement? Or what other method should I use to do this?

I know that, when in a loop, you can use the following to exit the loop:

Code:

break;

Is there an equivalent for functions? It would be convenient for error messages, and stopping the rest of the code from executing when there is an error. I just have if statements for each error, and the rest of the code is contained in the else statement. For example:

Code:

if(document.fn.input.value < 0){
     alert("The input cannot be smaller than 0")
}else{
     //rest of code
}

It would be better to do this:

Code:

if(document.fn.input.value < 0){
     alert("The input cannot be smaller than 0")
     break;
}
//rest of code

Is there any way to end a function like this?

Hello all. I have started working on my companies website, http://www.janwyck.net Within it is an order form for ordering paint sundries from a shopping cart using javascript and cookies. After the customer selects a few items and fills out the form if they hit Submit, it brings up a pop-up that says First False. The only way I know to show you guys is to show the page code, I am sorry:

Code:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 2.0">
<title>Janwyck Decorating Center</title>
</head>


<script language="javascript">



index = 0;
	
function format(val, post)
{
    var decpoint;
    var begin;
    var end;
    var valstr;
	var temp_char;

    valstr = "" + val;
	//alert('valstr = ' + valstr);
    decpoint = valstr.indexOf(".")
    if (decpoint != -1) {
	    //alert('decpoint = ' + decpoint);
        begin = valstr.substring(0,decpoint);
        end = valstr.substring(decpoint+1,valstr.length);
		//alert('begin = ' + begin + '\nend= ' + end);
    }
    else {
        begin = valstr;
        end = "";
    } 
	if (end.length < post)
	 {while (end.length < post)
	    {
        end += "0";
        }
	 }
     
	end = end.substring(0,post);
	//alert('begin = ' + begin + '\nend= ' + end);
    return (begin+"."+end);
}


function orderSubmit(type) 
{
    if (type == 'order')
	    {if (  !  ( (document.order.order_type.checked) ||
                checkRequired() ))
				
	{	// checkCardNumber();            ENTRY HERE
	         alert('first true');
             document.order.form_action.value = type;
             document.order.submit();
             return true;
			 
        }
        else {
		    alert('first false');
            return false;
			
        }
    }
    
}




 

var infowin = null;





function copyToShipping() {
    if (document.order.same_flag.checked) {
        document.order.ship_name.value = document.order.name_first.value+' '+document.order.name_last.value;
        document.order.ship_address1.value = document.order.address1.value;
        document.order.ship_address2.value = document.order.address2.value;
        document.order.ship_city.value = document.order.city.value;
        document.order.ship_state.value = document.order.state.value;
        document.order.ship_zip.value = document.order.zip.value;
        document.order.ship_country.value = document.order.country.value;
        document.order.ship_phone.value = document.order.phone.value;
    }
}

function disableSameFlag() {
    document.order.same_flag.checked = false;
}



function checkRequired() {
    if (!document.order.name_first.value.length ||
            !document.order.name_last.value.length ||
            !document.order.email.value.length ||
            !document.order.address1.value.length ||
            !document.order.city.value.length ||
            !document.order.state.value.length ||
            !document.order.zip.value.length ||
            !document.order.country.value.length) { 
        alert('You have not completed all required fields:\n' +
              'Please complete the Name, Address, City,\n' +
              'County, Post Code, and Country in the\n' +
              'Customer Info section');
        return true;
    }
    else {
        return false;
    }
}








<!-- -->
</script><!-- --><a name="top"></a>





<body background="images/thisback.gif" bgcolor="#FFFFFF"
text="#000000" onLoad=parent.refresh_ship_details(parent.ship_details) onUnload=parent.add_ship_details(parent.ship_details)>
<center>
<script
language="javascript">
<!-- hide




if (self==parent){document.write('<font color=#ff000><b>This is a frame element, click <a href=index.htm> here </a>for correct page</b></font>')};
<!-- end hide -->
</script>

<p><font color="#FF0000" size="7"><i>Janwyck Order Form</i><br>
</font></p>

<table border="0" width=400>
    <tr>
        <td align="center" bgcolor="#FF0000"><font
        color="#FFFFFF"><b>Please wait while the scripted order
        form is generated....... </b></font>

    </td>
    </tr>
</table>

<p><font size="6">Order Form</font> <br>

<!-- HEY!!!  PUT YOUR EMAIL ADDRESS IN THE LINK BELOW SO THEY CAN WRITE TO YOU -->

<b>In the event of difficulty with this script please email us direct on <a href=mailto:janwyckpaint@gmail.com>Janwyck Paint</a> or call us on (706)865-2811</b>

</p>


<!-- YOU CAN PUT YOUR EMAIL ADDRESS IN THE FORM COMMAND BELOW AND THE -->
<!-- THEN IT WILL BE SENT TO YOU AS A SIMPLE MAILTO GUESTBOOK FORM -->
<!-- IF YOU DO THAT - BE SURE TO ADD THE COMMAND enctype="plain/text" -->
<!-- IN ORDER TO DELINEATE THE MAIL FOR YOU -->
<!-- YOU CAN ALSO USE TE .PL FILE AS A CGI TO HELP WTH THE MAIL.  SEE THE TUTORIAL  -->
<!-- FOR MORE ON HOW THAT IS DONE -->


<form action="MAILTO:janwyckpaint@gmail.com" method="POST" name="order" enctype="plain/text">
    <input type="hidden" name="Order Form"
    value="Order Forms - Order Form"><input type="hidden"
    name="recipient" value="janwyckpaint@gmail.com"><input
    type="hidden" name="redirect"
    value="thanku.htm"><input
    type="hidden" name="retailer" value="Janwyck Decorating Center"><input
    type="hidden" name="form_action" value="order">

<script
    language="javascript">
<!-- hide from Browsers
document.write('<table width=400><td align=center>'); 

document.write('<table width=400 ><tr><tr><td align=right colspan=3 BGCOLOR=#FF9999><font size=+2>Running Total : $ </td><td colspan=3 BGCOLOR=FF9999> <input type=text name=total size=6 value='+ format(parent.all_order_totals(),2) + '></font></td><tr>');



	 
document.write('<td colspan=6 align=center><b>This is your Order Total so far<br>.</td></tr><tr></table>');
if (parent.items_ordered == 0)
    document.write('<font color=#000080><b>You have not ordered any items so far<b></font>');



if (parent.item_num > 0)
{

for (i =1;i < parent.item_num;i++)
   { if (parent.itemlist[i].quan > 0)
     {index = index + 1;
document.write('<a href='+ parent.itemlist[i].url + '><i><b> review : </b></i></a><input size=10 type=text name= ' + parent.itemlist[i].code + '   value= ' +  parent.itemlist[i].code + '><input size=6  type=text name= ' + parent.itemlist[i].code + ' value=' +  parent.itemlist[i].price + '><input size=20 type=text  name= ' + parent.itemlist[i].code + '  value= '+  parent.itemlist[i].desc + '><input size=2 type=text name= ' + parent.itemlist[i].desc + '  value= '+  parent.itemlist[i].quan + '><br>');

     } 
   }
}

 

	
<!-- end hiding -->
</script>	

<table border="0" width=400>
        <tr>
            <td align="center" colspan="6" bgcolor="#FF9999"><b>Comments
            &amp; Additional Information <br><font color=#ffff00>Can be written in the box below</font><br>
</b></td>
        </tr>
        <tr>
            <td colspan="6"><center><textarea name="comments" rows="10"
            cols="40"></textarea></center></td>
        </tr>
    </table>
<!-- Customer Info Table -->    
<table border="0" cellpadding="0" cellspacing="0"
    bgcolor="#00FFFF" width=400>
        <tr>
            
            <td align="center" colspan="5" bgcolor="#CCFFFF"><b>Customer
            Information / Details</b></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>First
            Name: </b></td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="30" name="name_first"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Last
            Name:</b> </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="30" name="name_last"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Email
            Address:</b> </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="60" name="email"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Address:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="60" name="address1"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF">&nbsp;
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="60" name="address2"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>City:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="30" maxlength="30" name="city"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>County:</b>
            </td>
            <td bgcolor="#CCFFFF"><input type="text" size="8"
            maxlength="10" name="state"></td>
            <td align="right" bgcolor="#CCFFFF"><b>Post Code:</b>
            </td>
            <td bgcolor="#CCFFFF"><input type="text" size="9"
            maxlength="10" name="zip"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Country:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="25" maxlength="25" name="country" value="UK"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Phone:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="25" maxlength="25" name="phone"></td>
        </tr>
        <tr>
            <td align="right" colspan="2" bgcolor="#CCFFFF"><b>Fax:</b>
            </td>
            <td colspan="3" bgcolor="#CCFFFF"><input type="text"
            size="25" maxlength="25" name="fax"></td>
        </tr>
        <tr>
            <td align="center" colspan="5" bgcolor="#CCFFFF"><input
            type="checkbox" name="mail_list">Check here to be
            included on our mailing list </td>
        </tr>
    </table>
    <p align="center"><br>

    <p align="center"><br>
<!-- Order Method Table -->    </p>
    <table border="0" cellspacing="0" width=400>
        <tr>
            <td align="center" colspan="5" bgcolor="#CCFFFF"><font
            size="4"><b>Choose Order Method:</b></font></td>
        </tr>
        <tr>
            <td align="center" colspan="5" bgcolor="#CCFFFF">&nbsp;&nbsp;
            
            <font size="2">Phone Call: <input type="radio"
            name="order_type" value="phone"></font>&nbsp;&nbsp; </td>
        </tr>
        <tr>
            <td align="center" colspan="5" bgcolor="#CCFFFF"><a
            href="options.htm" target=navigate>
           
            </td>
        </tr>
    </table>
    <p><br>
    <p><br>


    <p align="center"><br>

     <input
    type="button" value="Place Order"
    onclick="orderSubmit('order')"> <input type="reset"
    value="Reset Address Details"> </p>
</form>
</td></table>
</center>
</p>
</body >
</html>

I hate posting that much code. I think though that it might be related to:
Code:

function orderSubmit(type) 
{
    if (type == 'order')
	    {if (  !  ( (document.order.order_type.checked) ||
                checkRequired() ))
				
	{	// checkCardNumber();            ENTRY HERE
	         alert('first true');
             document.order.form_action.value = type;
             document.order.submit();
             return true;
			 
        }
        else {
		    alert('first false');
            return false;
			
        }
    }
    
}

But I am not quiet sure. ANy help I may get is greatly appreciated as the site is very close to going live and this is my BIG problem.

Does anyone know why I am not getting an alert on an empty form INPUT value?

Code:

if (document.forms["form"]["targetname"].value == "" && document.forms["form"]["unknownname"] == false) {
	alert ("What ever");
	return false;
}

document.forms["form"]["targetname"] is a form INPUT text
document.forms["form"]["unknownname"] is a form INPUT checkbox

I suspect the problem is due to 'false'.. but I can't figure out why.