Learn VBA & Macros in 1 Week!

JavaScript - Invoking Code Depending On Return From Javascript Function

Full Excel VBA Course - Beginner to Expert

Invoking Code Depending On Return From Javascript Function	View Content

Full Excel VBA Course - Beginner to Expert

Invoking A Function

Similar Tutorials

View Content

Hi i cannot understand how to invoke this function animateCSS. I've firebug and it says that the arguments aren't being passed to the function as far as i can tell. it's just an example i'm try to get working from the rhino javascript book.
There aren't any actual JS errors in firebug i just don't know how to pass the information to the function.

also how do you pass JS in a button? e.g.

<button onclick="animateCSS(document.getElementById("h1"),40,50,
{top: function(f,t){return 300-f*5 + "px"},
clip: function(f,t){return "rect(auto "+f*10+"px auto auto)";}
});')">move</button>

would that work?

This is hard!

Code:

[script]
function animateCSS(element, numFrames, timePerFrame, animation, whenDone){
	var frame= 0;
	var time = 0;
	
	//call the diplaynextframe section every 50 ms
	var intervalId = setInterval(displayNextFrame, timePerFrame);
	
	function displayNextFrame(){
		if (frame >= numFrames){//when numframe gets to 0
			clearInterval(intervalId); //stop calling this function
			if (whenDone) whenDone(element);
			return;
		}
				
		for(var cssprop in animation){
			try{
				element.style[cssprop] = animation[cssprop](frame, time);
			}catch (e){}
		}
		frame++;
		time += timePerFrame;
	}
}	
animateCSS(document.getElementById("h1"),40,50,
	{top: function(f,t){return 300-f*5 + "px"},
	clip: function(f,t){return "rect(auto "+f*10+"px auto auto)";}
	});
	
[script]

<body onload="animateCSS()">

<h1>THIS IS A TEST</h1>

</body>

Javascript - Need To Return 2 Argument Values From Function

Similar Tutorials

View Content

Ok, guys. I'm new to JavaScript, so go easy. I'll be asking bunches of "dumb" questions for a while.

1st question, and the only one for now ...

Say I have the following function:

Code:

function SwapValues(SwapVal1,SwapVal2)
{
TempSwapVal=SwapVal1;
SwapVal1=SwapVal2;
SwapVal2=TempSwapVal;
}

I don't care about the return value of the function itself, but I do need the new values of SwapVal1 and SwapVal2. In ASP when I do this, the values get returned. How do I get this to work in JS?

Call Function Only If Another Function Does Not Return Error?

Similar Tutorials

View Content

I'm trying to "progressively enhance" one of my surveys using javascript. Basically, I have rating scales that make use of radio buttons as each point on the scale. Each radio button occupies its own cell in a table. I wrote some functions that will highlight cells on mouseover in a color corresponding to its position on the scale (e.g. the lowest point is red, the midpoint is yellow, the highest point is green). When a radio button is clicked, the background of the button's cell and preceding cells in the same row will be colored accordingly. The functions are working well in FireFox and Chrome (I just have to add a few lines using the addEvent function to make it compatible with IE).

The effect looks a lot nicer when I add a function that makes the visibility of the radio buttons hidden.

However, I want to make sure that there is a fallback option in case the functions that color the cells don't work for whatever reason. I would not want the radio buttons hidden in this case.

Is there a method whereby I can call the "hideRadiobuttons" function only if the other functions are successfully executed?

Change Function Of Button On Form Depending On Item

Similar Tutorials

View Content

I'm still a relative noob and i'm wondering if anyone can help.
items use a structured form, so any item in that category will display on the same form when selected
i want to have the save button run its normal save on all items except 1 specific item - on the 1 item i want to have it function as a save as copy (while still having "save" as its visible text), the current code set in a drop down list is

$options[] = array(
'text' => 'JSAVE',
'task' => $this->getName() . '.save');

$options[] = array(
'text' => 'Save as new project',
'task' => $this->getName() . '.save2copy',
'options' => array('access' => ($this->item->id > 0)));

can anyone offer any suggestions? really stuck on this one

How To Write Javascript Code For This Function....

Similar Tutorials

View Content

write a function that when called will ask the user for a series of numbers to be entered 1 at a time and then calculates their sum,their average,and their average rounded up then output the results.

for example the average of a series of numbers is found by adding the numbers together and dividing by the amount of numbers entered (so the average of 2,5,1 and 7 is equal to (2+5+1+7)/4=15/4=3.75).

Need Help With Beginning Javascript Code For Window.confirm() Function

Similar Tutorials

View Content

I am having some difficulty in constructing a window.confirm() function that works with my code. So if the form data is valid, I need to use a window.confirm() dialog box to show the user's total cost based on the rental rate of equipment chosen and the reservation period. The user must accept the cost by pressing the confirm button, and if user cancels do not submit data. I have written this code but cannot figure out how to find the number of days from the 2 date fields and use that to calculate and display the total cost. Any help with this will be greatly appreciate. Thanks so much.

[This is the part I am having trouble with:]

//confirm submit and display rental cost
Code:

			 	var equip = document.forms[0].equipment.value
				var pDate = document.forms[0].pickupDate.value
				var pHours = document.forms[0].pickupHours.value
				var pMinutes = document.forms[0].pickupMinutes.value
				var rDate = document.forms[0].returnDate.value
				var rHours = document.forms[0].returnHours.value
				var rMinutes = document.forms[0].returnMinutes.value
				
				var pTime = pHours + pMinutes
				var rTime = rHours + rMinutes
				
				var total = (((rDate - pDate) - 1) * 24) * equip) + ((rTime + (24 - pTime)) * equip)
		
				function confirmSubmit() {
				var submitForm = window.confirm("'The total rental cost is: ' + total");
				if (submitForm == true) 
					return true;
					return false;
				}

[Below is the code I have so far:]
Code:

<!DOCTYPE html PUBLIC
	"-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<!-- Brooks Rogalski
		December 6, 2010 -->
<title>ABC Outdoor Sports</title>
<meta http-equiv="content-type"
	content="text/html; charset=iso-8859-1" />
	
	<script type = "text/javascript">
		/* <![CDATA[ */
		
			//image slideshow function
			
			var interval = 4000; // delay between rotating images
			var random_display = 1; // 0 = no, 1 = yes
			var pause = false;
			var image_index = 0;
			
			image_list = new Array();
			image_list[image_index++] = new imageItem("fishing.jpg");
			image_list[image_index++] = new imageItem("biking.jpg");
			image_list[image_index++] = new imageItem("climbing.jpg");
			image_list[image_index++] = new imageItem("kayaking.jpg");
			image_list[image_index++] = new imageItem("scuba.jpg");
			
			var number_of_image = image_list.length;
			
			function imageItem(image_location) {
			
				this.image_item = new Image();
				this.image_item.src = image_location;
			}
			
			function get_ImageItemLocation(imageObj) {
				return(imageObj.image_item.src)
			}

			function generate(x, y) {
			
				var range = y - x + 1;
				return Math.floor(Math.random() * range) + x;
			}

			function getNextImage() {
				if (pause == true) return;
				
				if (random_display) {
					image_index = generate(0, number_of_image-1);
				}
				else {
					image_index = (image_index+1) % number_of_image;
				}
				
				var new_image = get_ImageItemLocation(image_list[image_index]);
				return(new_image);
			}

			function rotateImage(place) {
				
				var new_image = getNextImage();
				
				document[place].src = new_image;
				
				var recur_call = "rotateImage('"+place+"')";
				
				setTimeout(recur_call, interval);
			}

			
				
			//validate form functions
			
			function validateForm() {
			
				var valid = true;
				
				//validate equipment 
				
				if (document.forms[0].equipment.selectedIndex == 0) {
					window.alert("Please select your equipment type.");
					document.forms[0].equipment.focus();
					return false;
				}
				
				//validate pick-up date
			
				if (document.forms[0].pickupDate.value == "'' || '(mm/dd/yyyy)'" ) {
					window.alert("Please enter your Pick-up Date.");
					document.forms[0].pickupDate.focus();
					valid = false;
					return valid;
				}
				
				today = new Date();
				year = today.getFullYear() ;
				month = today.getMonth();
				day = today.getDate();
				
				//validate pickup date format
				
				var re =/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2,4}$/
	
				if(document.forms[0].pickupDate.value != '' && 		!document.forms[0].pickupDate.value.match(re)) { 
					window.alert("Invalid date format: " + document.forms[0].pickupDate.value); 
					document.forms[0].pickupDate.focus();
					valid=false;
					return valid;
				}
	
				var date;
				var input2=document.forms[0].pickupDate.value;
				var cyear = parseInt(input2.substring(6,10));
				var cmonth = parseInt(input2.substring(0,2)) - 1;
				var cday = parseInt(input2.substring(3,5));
	
				if ( month < cmonth ){
					date = year - cyear - 1;
				}
				else if ( month < cmonth ){
					date = cyear - year;
				}
				else if ( month == cmonth ){
					if ( cday < day ){
						date = cyear - year - 1;
					}
					else if ( day > cday ){
						date= cyear - year;
					}
					else if ( day == cday ){
						date = cyear - year-1;
					}
				}
	
				if(date < 2){
					window.alert('Must be atleast 2 days from today');
					valid=false;
					return valid;
				}
				
				//validate pick-up time hours
				
				if (document.forms[0].pickupHours.selectedIndex == 0) {
					window.alert("Please select the number of hours for pick-up time.");
					document.forms[0].pickupHours.focus();
					return false;
				}
				
				//validate pick-up time minutes
				
				if (document.forms[0].pickupMinutes.selectedIndex == 0) {
					window.alert("Please select the number of minutes for pick-up time.");
					document.forms[0].pickupMinutes.focus();
					return false;
				}
				
				//validate return date
			
				if (document.forms[0].returnDate.value == "'' || '(mm/dd/yyyy)'" ) {
					window.alert("Please enter your Return Date.");
					document.forms[0].returnDate.focus();
					valid = false;
					return valid;
				}
				
				//validate return date format
				
				if(document.forms[0].returnDate.value != '' && !document.forms[0].returnDate.value.match(re)) { 
					window.alert("Invalid date format: " + document.forms[0].returnDate.value); 
					document.forms[0].returnDate.focus();
					valid=false;
					return valid;
				}
	
				if(document.forms[0].returnDate.value <= document.forms[0].pickupDate.value){
					window.alert("Please choose later date");
					valid=false;
					return false;
				}
				
				//validate return time hours
				
				if (document.forms[0].returnHours.selectedIndex == 0) {
					window.alert("Please select the number of hours for return time.");
					document.forms[0].returnHours.focus();
					return false;
				}
				
				//validate return time minutes
				
				if (document.forms[0].returnMinutes.selectedIndex == 0) {
					window.alert("Please select the number of minutes for return time.");
					document.forms[0].returnMinutes.focus();
					return false;
				}
				
				//validate first name
			
				if (document.forms[0].firstName.value=="") {
					window.alert("Please enter your first name.");
					document.forms[0].firstName.focus();
					valid = false;
					return valid;
				}
				
				//validate last name
			
				if (document.forms[0].lastName.value=="") {
					window.alert("Please enter your last name.");
					document.forms[0].lastName.focus();
					valid = false;
					return valid;
				}
				
				//validate street address
			
				if (document.forms[0].street.value=="") {
					window.alert("Please enter your street address.");
					document.forms[0].street.focus();
					valid = false;
					return valid;
				}
				
				//validate city
			
				if (document.forms[0].city.value=="") {
					window.alert("Please enter your city.");
					document.forms[0].city.focus();
					valid = false;
					return valid;
				}
				
				//validate zip code
				
				if (document.forms[0].zip.value==""){
					window.alert("Please enter your zip code.");
					document.forms[0].zip.focus();
					valid=false;
					return valid;
				}
	
				var re5digit=/^\d{5}$/ 
	
				if (document.forms[0].zip.value.search(re5digit)==-1){ 
					window.alert("Please enter a 5 digit number")
					valid=false;
					return valid;
				}
				
				//validate date of birth
				
				if (document.forms[0].date.value == "'' || '(mm/dd/yyyy)'" ){
					window.alert("Please enter your date of birth.");
					document.forms[0].birthDate.focus();
					valid=false;
					return valid;
				}
				
				var reDateFormat = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/
				
				if(document.forms[0].date.value.search(reDateFormat)==-1){
					window.alert("Please enter a standard format. [mm/dd/yyyy]")
					valid=false;
					return valid;
				}
				
				//check if over 18
				
				var age;
				var input = document.forms[0].birthDate.value;
				var pyear = parseInt(input.substring(6,10));
				var pmonth = parseInt(input.substring(0,2)) - 1;
				var pday = parseInt(input.substring(3,5));
	
				if ( month < pmonth ){
					age = year - pyear - 1;
				}
				else if ( month > pmonth ){
					age = year - pyear;
				}
				else if ( month == pmonth ){
					if ( day < pday ){
						age = year - pyear - 1;
					}
					else if ( day > pday ){
						age = year - pyear;
					}
					else if ( day == pday ){
						age = year - pyear;
					}
				}
				if(age < 18){
					window.alert('Attention: Under 18!');
					valid=false;
					return valid;
				}	
				
				//confirm submit and display rental cost
			
			 	var equip = document.forms[0].equipment.value
				var pDate = document.forms[0].pickupDate.value
				var pHours = document.forms[0].pickupHours.value
				var pMinutes = document.forms[0].pickupMinutes.value
				var rDate = document.forms[0].returnDate.value
				var rHours = document.forms[0].returnHours.value
				var rMinutes = document.forms[0].returnMinutes.value
				
				var pTime = pHours + pMinutes
				var rTime = rHours + rMinutes
				
				var total = (((rDate - pDate) - 1) * 24) * equip) + ((rTime + (24 - pTime)) * equip)
		
				function confirmSubmit() {
				var submitForm = window.confirm("'The total rental cost is: ' + total");
				if (submitForm == true) 
					return true;
					return false;
				}
				
				
			}
			
			
			
			
		/* ]]> */
	</script>

</head>
<body onload = "rotateImage('rImage')">

	<h1> ABC Outdoor Sports Equipment </h1>

	
	<img src="fishing.jpg" id="rImage" width="250" height="200" onmouseover = "pause=true;" onmouseout = "pause=false;"> 
	
	<br/>
	<br/>
	
	<form onsubmit = "return validateForm();" action = "mailto:rogalskibf@gmail.com?subject=ABC Customer Reservation" method="post" enctype="text/plain">
		<table border = "0">
			<tr>
				<td>
					Equipment:<br/>
					<select name = "equipment">
						<option value="unselected">Select Equipment Type</option>
						<option value = 20>Fishing Boat</option>
						<option value = 15>Kayak</option>
						<option value = 2>Mountain Bike</option>
						<option value = 10>Scuba Gear</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Pick-up Date: <br/>
					<input type = "text" name = "pickupDate" value = "(mm/dd/yyyy)"/>
				</td>
				<td>
					Pick-up Time: <br/>
					<select name = "pickupHours">
						<option value="unselected">hr</option>
						<option value = 7>07</option>
						<option value = 8>08</option>
						<option value = 9>09</option>
						<option value = 10>10</option>
						<option value = 11>11</option>
						<option value = 12>12</option>
						<option value = 13>13</option>
						<option value = 14>14</option>
						<option value = 15>15</option>
						<option value = 16>16</option>
						<option value = 17>17</option>
					</select>

					<select name = "pickupMinutes">
						<option value="unselected">min</option>
						<option value = 0>00</option>
						<option value = .5>30</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Return Date: <br/>
					<input type = "text" name = "returnDate" value = "(mm/dd/yyyy)"/>
				</td>
				<td>
					Return Time: <br/>
					<select name = "returnHours">
						<option value="unselected">hr</option>
						<option value = 7>07</option>
						<option value = 8>08</option>
						<option value = 9>09</option>
						<option value = 10>10</option>
						<option value = 11>11</option>
						<option value = 12>12</option>
						<option value = 13>13</option>
						<option value = 14>14</option>
						<option value = 15>15</option>
						<option value = 16>16</option>
						<option value = 17>17</option>
					</select>
					
					<select name = "returnMinutes">
						<option value="unselected">min</option>
						<option value = 0>00</option>
						<option value = .5>30</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					First Name: <br/>
					<input type = "text" name = "firstName"/>
				</td>
				<td>
					Last Name: <br/>
					<input type = "text" name = "lastName"/>
				</td>
			</tr>
			<tr>
				<td>
					Street: <br/>
					<input type = "text" name = "street"/>
				</td>
				<td>
					City: <br/>
					<input type = "text" name = "city"/>
				</td>
				<td>
					Zip:<br/>
					<input type = "text" name = "zip" maxlength = "5"/>
				</td>
			</tr>
			<tr>
				<td>
					Date of Birth: <br/>
					<input type = "text" name = "date" value = "(mm/dd/yyyy)"/>
				</td>
			</tr>
			<tr>
				<td colspan = "3" align = "center">
					<input type = "submit" name = "submit" value = "Submit Reservation"/>
				</td>
			</tr>
		</table>
	</form>


</body>
</html>

Function Return

Similar Tutorials

View Content

hi,i don't understand about the jquery basic example
the code is below
PHP Code:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $('p').addClass(function(n){
      return 'par_' + n;
    });
  });
});
</script>
<style type="text/css">
.par_0
{
color:blue;
}
.par_1
{
color:red;
}
</style>
</head>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Add classes to p elements</button>
</body>
</html>

i want to understand about the how is work function(n){ in the function a
and how work return function return 'par_' + n;
thanks mate

'return' Statement Outside Of Function

Similar Tutorials

View Content

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">

"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.

Passing Return Value To Function

Similar Tutorials

View Content

Please help, I have been looking at this all day and I know there must be a simple fix!

How do I pass results back to textService so that I can make a call such as
textResult = textService(text to pass in);

I don't want to use a global variable if I can avoid it.
This is the code

Code:

function textService(text){
	req.open("GET", "http://....?text="+text, true);
	req.onload = showResults;
	req.send(null);
}

function showResults() {
	results = req.responseXML.getElementsByTagName("Result");
}

Thank you in advance

My Function Wont Return A Value > 200.

Similar Tutorials

View Content

My function the_magnitude() takes in values from 4 different asp:textboxes. The textboxes "easting" and "northing" contain numbers that don't change, but the textboxes "east" and "north" contain numbers inputed by the user, and the function returns "error" as a value to be put into another textbox that we'll call "error box". So what it's suppose to do is when I update the information in either "east" or"north" it will update, on change, the number in the "error box". It kinda works.

My problem is that if the number is a value that changes the style to red, #ff0000, in the function it wont update the "error box" and it just leaves a red zero that is a default number in the box. The only way I can get the number to change is if I end up with a number less than 200, which would make the text green.

I'm pretty sure it's a problem with my javascript.

here is my function
Code:

<script type="text/javascript">

function the_magnitude(easting, east, northing, north, error) {
            var a = easting.value;
            var b = east.value;
            var c = northing.value;
            var d = north.value;
            var total = Math.sqrt(((a - b) * (a - b)) + ((c - d) * (c - d)));

            if (total > 200) {
                document.getElementById('TextBox155').style.color = "#ff0000";
                document.getElementById('TextBox155').style.fontWeight = "bold";
            }
            else {
                document.getElementById('TextBox155').style.color = "#008000";
                document.getElementById('TextBox155').style.fontWeight = "bold";

            error.value = roundNumber(total);

            
            }

    }
</script>

and here are the two buttons that I input numbers into for east and north
Code:

<html>
<body>

<asp:TextBox ID="TextBox153" runat="server" Height="0.25in" Style="font-family: Arial, Helvetica, sans-serif;
                font-size: small; text-align: center" Width="0.75in" onchange="the_magnitude(document.getElementById('TextBox153'), document.getElementById('TextBox212'), document.getElementById('TextBox154'), document.getElementById('TextBox213'), document.getElementById('TextBox155'))"  ></asp:TextBox>

</body>
</html>

Code:

<html>
<body>

<asp:TextBox ID="TextBox153" runat="server" Height="0.25in" Style="font-family: Arial, Helvetica, sans-serif;
                font-size: small; text-align: center" Width="0.75in" onchange="the_magnitude(document.getElementById('TextBox153'), document.getElementById('TextBox212'), document.getElementById('TextBox154'), document.getElementById('TextBox213'), document.getElementById('TextBox155'))"  ></asp:TextBox>

</body>
</html>

and here is the textbox that I want the return of the function to go into.
Code:

<html>
<body>

<asp:TextBox ID="TextBox155" runat="server" Height="0.25in" Style="font-family: Arial, Helvetica, sans-serif;
                font-size: small; text-align: center" Width="0.5in">0</asp:TextBox>

</body>
</html>

Invoking Lotus Notes Client From A Jsp Page

Similar Tutorials

View Content

Hi All,

Need help with this issue..currently we are having a scenario wherein in a JSP page we invoke the Microsoft Outlook client (open the Outlook client) using ActiveX api.. This we are doing using a java Script function which is called when the JSP page gets loaded.

The body of the email is pre populated in a HTML format when the Outlook client opens up.

Now we have a requirement wherein we need to open up the Lotus Notes client in a similar way ..Could someone please advise/help how this could be achieved ..whether there are some standard api's which could be used here.

2. Also in case there are 10 users who are using microsoft outlook as their email client while the other 10 users are using lotus notes for emailing..then in this case how could this be handled..

waiting for some help regards these questions

thanks

Clientside Database And Return From Function

Similar Tutorials

View Content

Yesterday I started looking into clientside database handling with html5 and localstorage. I've been trying for hours to make a function like the one below, but I can't figure out how to return the name variable. Any ideas?

Code:

function hent_kontakt_navn(var1, var2) {
	var db = MYDB;
	db.transaction(function (tx) {
	   tx.executeSql('SELECT * FROM db_kontakter WHERE field1=\'' + var1 + '\' AND field2=\'' + var2 + '\' LIMIT 1', [], function (tx, results) {
	   var len = results.rows.length, i;
	   for (i = 0; i < len; i++){
	      var fornavn = results.rows.item(i).fornavn;
	      var etternavn = results.rows.item(i).etternavn;
	      var navn = fornavn + ' ' + etternavn;
alert(navn); //This works and alerts the correct value
	   }
	 }, null);
	});
	return navn; //But this one returns undefined. I know variables don't pass like this between functions, but how can I make it work so that the function returns this var?
}

Cannot Return Value To Function Inside A Class

Similar Tutorials

View Content

Javascript Dropdown List Popup Depending On Selection?

Similar Tutorials

View Content

Hello Folks,

Here is my dropdown menu:
Code:

  
<select name="peeps">

<option value="Frank Tompson">Frank Tompson</option>
<option value="Henry Wilson">Henry Wilson</option>
<option value="Bill Kent">Bill Kent</option>
<option value="Jessi McDonald"> Jessi McDonald</option>
<option value="John Hays">John Hays</option>

How can i make it so if i click on John Hays a JavaScript pop up will say Hello John Hays, and if i click on Bill Kent a popup will say hello Bill Kent and if i click on any other name nothing happens?

Javascript To Check A Checkbox Depending On Page Content

Similar Tutorials

View Content

Firstly, I'm a complete Javascript noob, so apologies if this is blindingly simple.

I'm trying to write a piece of javascript that will check a single checkbox depending on a dynamically-imported piece of information further up the page.

The page will look like this:

Code:

<div id="title">
        <p class="white">1</p>
    </div>
    <div id="question">
    	<p>Please indicate your area(s) of interest below:<br />
        <input type=checkbox value="1" />  Option 1<br />
        <input type=checkbox value="2" />  Option 2<br />
        <input type=checkbox value="3" />  Option 3<br />
        <input type=checkbox value="4" />  Option 4</p>
    </div>

The variable which indicates which checkbox should already be checked is in the div 'title' in the p class 'white'.
So in the case above, when the page loads the 'Option 1' checkbox should already be checked.

The javascript i have, rather poorly, cobbled together so far just doesn't work, and I was wondering if anyone could point me in the direction of some useful tutorials.
All the tutorials I have read so far deal with mass checking all the boxes with a button click.

How To Return True From -- Xmlhttp.onreadystatechange=function()

Similar Tutorials

View Content

I am trying to figure out that if the function "xmlhttp.onreadystatechange=function()" returns true the whole function "function checkUser(str)" should return true as well....so not sure how to do it. i have banged my head since long so please advise!

Here is the code below:

--------------------------------------------------------

function checkUser(str)
{
var sp = document.getElementById("msgs");

if (str=="")
{
document.getElementById("msgs").innerHTML="Username cannot be empty.";
return false;
}

if (str.length <= 6)
{
document.getElementById("msgs").innerHTML="Username cannot be less than 6 characters and must not start with a number or a special value";
return false;
}

if (window.XMLHttpRequest)
{ //code for IE7+, firefox, chrome, opera, safari
xmlhttp=new XMLHttpRequest();
}
else
{ //code for old IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
if (xmlhttp.responseText === 'FOUND')
{
sp.style.color = "red";
sp.innerHTML = "[ERROR]: The username \"" + str + "\" already exist. Please try a different name.";
return false;
}

else if (xmlhttp.responseText === 'NOT FOUND')
{
sp.style.color = "blue";
sp.innerHTML = "Username: VALID";
return true;
}

}
}

xmlhttp.open("GET", "checkUser.php?q="+str,true);
xmlhttp.send();

}

Javascript Dropdown Change Background Image Depending On Selection

Similar Tutorials

View Content

Hello.

The code below lets a user select a drop down option and a picture changes depending on the selection. I am trying to make it so when you select an option on the dropdown the picture shows up in the center of the screen and in the background behind the text.

Here is the code.

Code:

<html>
<head>
<style type='text/css'>

#txt {background-repeat:no-repeat;width:200px;height:200px;}
</style>

<script type='text/javascript'>
function div_bg(team){
	document.getElementById('txt').style.backgroundImage="url(images/" + team + ".jpg)";	
}
</script>

</head>

<body>
<select name='team' onChange='div_bg(this.value);'>
<option name='arsenal' value='arsenal'>Arsenal</option>
<option name='liverpool' value='liverpool'>Liverpool</option>
</select>
<div id='txt'></div>
</body>

Thanks in advance!!

To Display Return Value Of A Function In A Table In The Same Html Form

Similar Tutorials

View Content

Hi All,

I have a button in my html form that will process some functions when user clicks on the button. The problem is after processing the functions, the result is not displayed in the form where I want it to be displayed. I want to ask whether we can create table in the function and display the result in the table row/column but in the same form. Is this possible to be done? And how to do this?

In this form cpiM, the input button will call function showIndex.
Code:

<tr>
 <td><input type="button" value="Enter" onclick="showIndex(document.cpiM.currFrom.options.selectedIndex, document.cpiM.currTo.options.selectedIndex, document.cpiM.base.options.selectedIndex, document.cpiM.country.options.selectedIndex)">
  </td>
  <td><input type="button" onclick="frmResetM()" value="Reset form" />
  </td>
</tr>

In this function, I want to display the result of calcIndex right below the button Enter in the form cpiM.
Code:

function showIndex(frm, to, base, country)
{
     for (i=frm; i<=to; i++)
     {
          document.write(calcIndex(i, base, country));
          document.write("<br/>");
     }	  
}

Amending Function To Calculate Into The New Year And Not Return The Value 12/33/2014

Similar Tutorials

View Content

Good morning Guru's and Experts,

I really need your help with this one.

It seems that the function this_week('end') is returning a bad date of 12/33/2014 (mm/dd/yyyy) where it should properly read:

01/02/2015

Code:

function this_week(x) {

    var today, todayNumber, fridayNumber, sundayNumber, monday, friday;
        today = new Date();
        todayNumber = today.getDay();
        mondayNumber = 1 - todayNumber;
        fridayNumber = 5 - todayNumber;

        if (x === 'start') {
            //var start_dd = today.getDate() + mondayNumber
            var start_dd = today.getDate()
            var start_mm = today.getMonth() + 1
            var start_yyyy = today.getFullYear()

            return start_mm + '/' + start_dd + '/' + start_yyyy
        }
        if (x === 'end') {
            var end_dd = today.getDate() + fridayNumber
            var end_mm = today.getMonth() + 1
            var end_yyyy = today.getFullYear()

            return end_mm + '/' + end_dd + '/' + end_yyyy
        }


}

Reply With Quote

12-29-2014, 07:43 PM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

I understand that you are trying to get the date next Friday. Try this script:-

Code:

<span id = "info"></span>

<script type = "text/javascript">
var curr = new Date(); // get current date
var first = curr.getUTCDate() - curr.getUTCDay(); // First day is the day of the month - the day of the week
var last = first + 5; // last day is the first day + 5  = Friday
var lastday = new Date(curr.setDate(last));
var yy = lastday.getUTCFullYear();
var mth = lastday.getUTCMonth()+1;
if (mth<10) {mth = "0" + mth}
var dy = lastday.getUTCDate();
if (dy<10) {dy = "0" + dy}

// now manipulate the display of year,month,date as desired
var result = mth + "/" + dy + "/" + yy;
document.getElementById("info").innerHTML = "Week Ending Friday " + result;
</script>

Lottery: A tax on people who are bad at math.

How To Return A True Or False Value From A Function To Disable Automatic Postback

Similar Tutorials

View Content

Hi All,

This is in ASP.Net

Im creating a task loggin system and this allows the user to raise tasks and update them, im using javascript for validation and if the fields are empty it then changes the fields back ground to Red which is fine but then it goes on to update the data in SQL which i dont want, any suggestions or how i can achieve no post back is the result from the function is False (for fields in error)

Html Code where im calling the function

Code:

<asp:button runat="server" id="btnChangeCommentsAuth" CSSclass="RaiseButton" OnClientClick="CommentsCheck('MainDisplayContentChange_txtAuthCommentsArea');" PostBackUrl="~/RaiseTaskChange.aspx" Text="Auth" />

Javascript function

Code:

function CommentsCheck(comments) 
{
    var com;
    var result = new boolean();
    com = document.getElementById(comments);
    if (document.getElementById(comments).value == '') {
        com.style.backgroundColor = "#B20635";
        result = 0;
    }
    else 
    {
    result = 1
    }
}

Thanks in Advance look forward to your reply.