JavaScript - Multiple Calls

Below I have a facebook login/logout script for my website. The login works fine. The AJAX requests the php file, waits for the "Success" response, and then reloads the page. The logout doesn't. Instead the browser goes to the PHP file with just the word "Success" printed on it. I've separated the xml request as a separate function but that doesn't appear to solve it either.
Code:

			<script type="text/javascript">
				//Ajax XML Loaders
				var xmlhttp;
				function loadXMLDoc(url,cfunc)
				{
				if (window.XMLHttpRequest)
				  {// code for IE7+, Firefox, Chrome, Opera, Safari
				  xmlhttp=new XMLHttpRequest();
				  }
				else
				  {// code for IE6, IE5
				  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
				  }
				xmlhttp.onreadystatechange=cfunc;
				xmlhttp.open("GET",url,true);
				xmlhttp.send();
				}
				window.fbAsyncInit = function() {
					FB.init({appId: '215993265079207', status: true, cookie: true, xfbml: true});
	 
					/* All the events registered */
					FB.Event.subscribe('auth.login', function(response) {
						// do something with response
						login();
					});
					FB.Event.subscribe('auth.logout', function(response) {
						// do something with response
						logout();
					});
	 
					FB.getLoginStatus(function(response) {
						if (response.session) {
							// logged in and connected user, someone you know
						}
					});
				};
				(function() {
					var e = document.createElement('script');
					e.type = 'text/javascript';
					e.src = document.location.protocol +
						'//connect.facebook.net/en_US/all.js';
					e.async = true;
					document.getElementById('fb-root').appendChild(e);
				}());
				function fbloginClick(){
					FB.login(function(response) {
						 if (response.session) {
    						if (response.perms) {
							  // user is logged in and granted some permissions.
							  // perms is a comma separated list of granted permissions
							} else {
							  // user is logged in, but did not grant any permissions
							}
						  } else {
							// user is not logged in
						  }
						}, 
					{perms:'email,user_birthday'}
					);
				}
				function login(){
					//Fire the PHP Facebook Auth Script
					loadXMLDoc('facebook_auth.php',function()
						{
					 	if (xmlhttp.readyState==4 && xmlhttp.status==200) {
							if (xmlhttp.responseText == "Success"){
								window.location = "template.php";
							}else{
								window.location = "login_failed.php";	
							}
						}
					});
				}
				function fblogoutClick(){
					FB.logout(function(response) {
						
					});	
				}
				function logout(){
					//Fire the PHP Logout Script
					loadXMLDoc('logout.php',function()
						{
					 	if (xmlhttp.readyState==4 && xmlhttp.status==200) {
							if (xmlhttp.responseText == "Success"){
								window.location = "template.php";
							}else{
								window.location = "login_failed.php";	
							}
						}
					});
				}
			</script>

I want to have a button in a form that only calls a Javascript function, but not refresh the page, how do I do this?

Hi, I've been playing around trying to recreate the way in which jQuery chains it's functions for it's "select" then "do" behaviour.

Note: I don't want to chain functions with jQuery, I want to chain them like jQuery.

So based on the jQuery code what I have so far is (doesn't work in IE):

Code:

var x = function(string) {
    return new x.fn.init(string);
};

x.fn = x.prototype = {

    message: '',

    init: function(string) {
        x.fn.message = string;
    },

    log: function() {
       console.log(x.fn.message);    
    }
};

x.fn.init.prototype = x.fn;

var start = function() {    
    x('hello world').log();
};

document.addEventListener('DOMContentLoaded', start, false);

The code works but when I watch '$' in jQuery "fn" & "prototype" show up as being "jQuery()" but in my code when I watch "x": "fn" and "prototype" are both shown as objects containing "message", "init" and "log" and in both cases "init" contains "prototype" which contains my three functions again and the nesting continues seemingly infinitely...

I'm clearly missing something here. What are they doing in differently in jQuery to prevent this endless nesting loop?

Hi all,

I would like to have an HTML button which, when clicked by the user, contacts the server and runs a Python script on the server. When the Python script finishes running, the current HTML page automatically reloads a file from the server.

Is that possible?

YJ

I have the following javascript function:

[ function addNewWindowEvent(evType, fn)
{
if (window.addEventListener)
{
this.addEventListener("load", fn, false);
return true;
}
else if (window.attachEvent)
{
var onload = "onload"
this.attachEvent(onload, fn);
return true;
}
else
{
return false;
}
} ]

which is giving me a an exception every time a page on our site loads. The actual exception in firefox is this:

uncaught exception: [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: https://cms-dev.stchas.edu/global/js/hdvscripts.js :: addNewWindowEvent :: line 5" data: no]

and I'm not sure exactly what it's complaining about. I'm relatively new to javascript so diagnosing and fixing this problem has me quite puzzled, and so far I have been unable to find anything helpful when I try and google for information on this. I would appreciate any help or suggestions. Thanks.

henryv

Code:

<html>
<body>
var j=0;

var temp,temp2,temp3;
<script>
function scor(j)
	{
	switch(j)
	{
		case 1: alert("Απαντήσατε σωστά μόνο σε μία ερώτηση.Προσπαθήστε πάλι");
		 break;
		case 2: alert("Απαντήσατε σωστά στις δύο από τις τρείς ερωτήσεις");
		 break;
		default: alert ("Συγχαρητήρια απαντήσατε σωστά και στις τρεις ερωτήσεις");
	}	
	}
</script>	
<meta http-equiv="content-type" content="text/hmtl; charset=iso-8859-7">
<p align="center"><font size="5">Σε μία σελίδα html πόσα είναι τα μέγιστα frames που μπορούμε να τοποθετήσουμε; </p></font>
<form name="for1">
<input type="radio"  name="fr1"value="1" > 5 <br>
<input type="radio" name="fr1"value="2" > Όσα τα pixels<br>
<input type="radio"  name="fr1"value="3" > Δεν υπάρχει όριο<br>
<input type="button" value="Εκχώρηση Απάντησης" onClick="getVal1()">

</form>
<script type = "text/javascript">
function getVal1() 
{
	for(var i=0; i<document.for1.fr1.length; i++) 
	{
		if (document.for1.fr1[i].checked) 
		{
			if (document.for1.fr1[i].value==2)
			{
				j++;
			}
		}
	}
}	
function getVal2()
{
	for (var i=0;i<document.for2.fr2.length;i++)
	{
		if (document.for2.fr2[i].checked)
		{
			if (document.for2.fr2[i].value==2)
			{
				j++;
			}
		}
	}
}
function getVal3()
{
	for (var i=0;i<document.for3.fr3.length;i++)
	{
		if (document.for3.fr3[i].checked)
		{
			if (document.for3.fr3[i].value==3)
			{
				j++;
			}
		}
	}
}
</script>
<p align="center"><font size="5"> Είναι απαραίτητο σε κάθε σελίδα html να υπάρχουν τα tags head και title;</p></font>
<form name="for2">
<input type="radio" name="fr2" value="1"> Ναι <br>
<input type="radio" name="fr2" value="2"> Όχι <br>
<input type="button" value="Εκχώρηση Απάντησης" onClick="getVal2()">
</form>
<p align="center"><font size="5"> Τι κάνει το εξής tag: meta http-equiv="content-type" content="text/hmtl; charset=iso-8859-7" </p></font>
<form name="for3">
<input type ="radio" name="fr3" value="1"> Δημιουργεί τις προυποθέσεις για την απόκτηση τιμών <br>
<input type ="radio" name="fr3" value="2"> Ισσοροπεί τις παραγράφους σε στήλες <br>
<input type ="radio" name="fr3" value="3"> Επιτρέπει την κωδικοποίηση ελληνικών χαρακτήρων στην ιστοσελίδα <br>
<input type="button" value="Εκχώρηση Απάντησης" onClick="getVal3()"
</form>
<input type ="button" value="Υπολογισμός" onClick="scor(j)">

Apart from any logical mistakes this thing i have created might have , my question is this.Why upon pressing the last button and calling the "scor(j)" function , no alerts pop up?Thanks in advance. I'm completely stumbled by this as i have no clue as what might be wrong.But then again , my experience is extremely limited

Hi,

I hope someone can help me. I'll be honest and say I don't know much about javascript, but am fairly comfortable in html.

I am building a website that will have multiple image swaps on multiple pages. I am building this in wordpress, and I'm guessing that means my approach will be different than if I wasn't using wordpress.

Here's how one page would work: There are 10 images shown. 1,2,3,4,5,6,7,8,9,10. When number 1 is clicked on, I want a new image - 1a. When 2 is clicked on, 2a. So there are 20 different images in all on a given page.

Also, I want the user to be able to click on the image again to restore the original image. I would prefer onclick to onmouseover.

There will be literally dozens of pages like this on the site, managed by wordpress, so hundreds of images to swap. Basically the first image is a question - the second image is the answer.

Is this possible?

Hi all - I'm having difficulty with the processing of 3 forms on my web page. We'll call my 3 forms A, B, and C.
By default my page shows form A. The other 2 forms I have hidden via display:none
My issue is when I have form B or C showing. Once I hit submit, say within form B for example, I'd like this form to remain for future entries/submital of data. However, instead what happens is form A appears. How do I get form B to remain, allowing for a user to submit multiple entries of data without going back to form A?

Here's my code for form 'B'

<div id="branches_info" style=" <?php echo $display_branches; ?> ">
form method="post" action="annual_report_main.php" onsubmit="return validateBranches(this);">
<fieldset>
<p><strong>Branch Location</strong></p><br />
<label for="branch_address" class="long">Street Address:</label>
<input maxlength="50" type="text" name="branch_address" id="branch_address" value="<?php echo htmlentities($_POST['branch_address']);?>" /><br />
<div class="cleaner"></div>
<label for="branch_city" class="long">City:</label>
<input maxlength="20" type="text" name="branch_city" id="branch_city" value="<?php echo htmlentities($_POST['branch_city']);?>" /><br />
<div class="cleaner"></div>
<label for="branch_state" class="long">State:</label>
<input maxlength="2" type="text" name="branch_state" id="branch_state" value="<?php echo htmlentities($_POST['branch_state']);?>" /><br />
<div class="cleaner"></div>
<label for="branch_zip" class="long">Zip Code:</label>
<input maxlength="10" type="text" name="branch_zip" id="branch_zip" value="<?php echo htmlentities($_POST['branch_zip']);?>" /><br />
<div class="cleaner"></div>
<div class="content_onecolumn">
<input type="submit" name="Branches" value="Submit to Database" class="inputSubmit" />
</div>
<div class="content_onecolumn">
<input type="button" name="Finished" value="Finished" class="inputSubmit" onclick="window.open('https://www.dca.ca.gov/webapps/bppe/thankyou.php');return false" />
</div>
</fieldset>
</form>
</div>

plz i want to know how to make the effects that exists on this link in the upper part :

http://www.masrawy.com/new/


1-) changing color when pressing on the color

2-) changing font (+) to increase it
(-) to decrease it
(N) to set it to the normal style

3-) decrease and increase the width of the page
(from
كبر حجم الصفحة
or
صغر حجم الصفحة
)


can anyone help me in doing this task?????

I have what would seem like an easy task, but is not working out that way. I have a basic html form with multiple user input boxes. Upon the submit button being clicked it validates the input with javascript and then emails the information with the forms mailto. What I need it to do, is email everything but the information in one textbox to a group of recipients, and the email all of the items to a different recipient. This need to be done to prevent certain induviduals from seeing certain items filled out on the form. I know this can easily be done in asp, php, or a server-side client of the sort, but we do not have access to any resources like this in this area of the company. I'm open for any suggestions you may have.

Thanks ahead of time.

Im having problems with this code working as it should.

the top banner is supposed to cycle
the second banner is supposed to be random
the 3rd is a slide show that is supposed to work in order
Everything works in random order. Any help would be appreciated.
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>

<title>HTML and JavaScript</title>

<script type="text/javascript">
var imgArray=new Array(4);
imgArray[0]= new Image;
imgArray[0].src="lions3.gif";
imgArray[1]= new Image;
imgArray[1].src="tigers3.gif";
imgArray[2]= new Image;
imgArray[2].src="bears3.gif";
imgArray[3]= new Image;
imgArray[3].src="ohmy3.gif";
var index=0

function startup() {
cycle();
select();
return
}
</script>
<script type="text/javascript">

function cycle() {
document.banner.src= imgArray[index].src;
  index++;
  if (index==4)
    {
      index=0;
    }
  setTimeout("cycle()",1000);
  return;
}
</script>
<script type="text/javascript">

function select() {
index=Math.floor(Math.random()*4);
  document.banner1.src=imgArray[index].src;
  setTimeout("select()",2000);
  return;
}
</script>
<script type="text/javascript">


function doBack()
{
  if (index>0)
  {
    index--;
    document.slideshow.src=imgArray[index].src;
  }
  return;
}
function doNext()
{
  if (index<3)
  {
    index++;
    document.slideshow.src=imgArray[index].src;
  }
  return;
}
</script>
</head>
<body onload="startup()";>
<center><img name="banner" src="lions3.gif" id="banner">
<div align="center"><img name="banner1" src="tigers3.gif" id="banner1"></div>
</center>
<div align="center">
<h2>My JavaScript Slideshow</h2>
<p><img name="slideshow" src="lions3.gif"></p>
<p><a href="javascript:doBack()">Back</a> * * * * 
<a href="javascript:doNext()">Next</a></p>
</div>
</body>
</html>

Hello everyone,

I have a problem in redirecting into multiple pages based on if statement result.
I have used 3 redirects, only the first one works "redirect1" when I chose any other option.. it always redirects me to the redirect1 page!

Please I need your help experts !

The whole code is attached.

Hi, been using javascript for a while now, and wondering how else this could be coded to be more effective and to 'work'.

The idea is that the user gets prompted, 'what is your birthday?' the user would put in 0121 or whatever their birthday is,
as 01 = month and 21 = day. I'm sure you'll understand what I mean....

Code:

<DOCTYPE html>
<html>
<script>
var userAnswer = prompt("When is your birthday? Example: Jan 21st = 0121")
</script>
<head>
</head>
<body>
<script>
if(userAnswer >= 0101){
alert('You are Capricorn!') };
if(userAnswer >= 0120){
alert('You are Aquarius!') };
if(userAnswer >= 0219){
alert('You are Pisces!') };
if(userAnswer >= 0321){
alert('You are Aries') };
if(userAnswer >= 0420){
alert('You are Taurus') };
if(userAnswer >= 0521){
alert('You are Gemini!') };
if(userAnswer >= 0621){
alert('You are Cancer!') };
if(userAnswer >= 0723){
alert('You are Leo!') };
if(userAnswer >= 0823){
alert('You are Virgo!') };
if(userAnswer >= 0923){
alert('You are Libra!') };
if(userAnswer >= 1023){
alert('You are Scorpio!') };
if(userAnswer >= 1122){
alert('You are Sagittarius!') };
if(userAnswer >= 1222){
alert('You are Capricorn!') }; 
</script>
</body>
</html>

Reply With Quote




01-18-2015, 10:01 AM #2
Mitchellwood101 View Profile View Forum Posts

New to the CF scene Join Date Nov 2014 Posts 7 Thanks 0 Thanked 0 Times in 0 Posts

And then it will alert the user of their star sign******





Reply With Quote

01-18-2015, 05:47 PM #3
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

If you have been using Javascript for a while now, you should be aware that prompts and alerts are long obsolete, and I would advise that you should not be wasting your time learning this stuff. Use DOM methods to obtain input from and display messages to your users. Be aware that a value starting with 0 is a string, not a number, and so must be in quotes - that is why your code does not work.
In any case you need rigorous checking to ensure that the birthday entered in this form is valid, e.g. not 56th Febtember or "Mickey Mouse". You would do best to obtain the input from select lists for month and day, expressed as numbers. A tiny bit more sophistication would allow the user to select a month by name, where the text of the option is the month name, and the value of that option the month number.

Code:

<select id = "monthlist" onchange = "getSignFunction()">
<option value = "0"> Choose your birth month</option>
<option value = 1>January</option>
<option value =  2>February</option>
... and so on
</select>

Then you want something like this:-

Code:

function getSignFunction()"{
var sign = "";
var month = document.getElementById("monthlist").value;
var date = document.getElementById("datelist").value;
if (month == 0) {return}  //  invalid choice

if (month == 1 && date >=20 || month == 2 && date <=18) {sign = "Aquarius";}
if (month == 2 && date >=19 || month == 3 && date <=20) {sign = "Pisces";}
if (month == 3 && date >=21 || month == 4 && date <=19) {sign = "Aries";}
if (month == 4 && date >=20 || month == 5 && date <=20) {sign = "Taurus";}
if (month == 5 && date >=21 || month == 6 && date <=21) {sign = "Gemini";}
if (month == 6 && date >=22 || month == 7 && date <=22) {sign = "Cancer";}
if (month == 7 && date >=23 || month == 8 && date <=22) {sign = "Leo";}
if (month == 8 && date >=23 || month == 9 && date <=22) {sign = "Virgo";}
if (month == 9 && date >=23 || month == 10 && date <=22) {sign = "Libra";}
if (month == 10 && date >=23 || month == 11 && date <=21) {sign = "Scorpio";}
if (month == 11 && date >=22 || month == 12 && date <=21) {sign = "Sagittarius";}
if (month == 12 && date >=22 || month == 1 && date <=19) {sign = "Capricorn";}

alert (sign);  // alert used here just for testing purposes.  Crate as <span> and then use document.getElementById("spanid").innerHTML = sign to display the result to the user.

}

All advice is supplied packaged by intellectual weight, and not by volume. Contents may settle slightly in transit.

Ok, I have no idea how to really even explain what's been asked of me, but it's seems to me that this could be a bit beyond my knowledge.

We're creating an alternate reality game which starts with a series of questions that people can choose from two answers. The answers will determine which path the person will travel. They'll be given a password at the end of the series of questions. There are three possible paths, which means three possible passwords given.

On the same page, beneath the questions would be a text box with a "submit" button. The password they are given would be typed in there, and then they'd proceed to the proper page. This keeps from people being able to "skip" the questions portion. What they'd proceed to next is a video which is currently being made for our event, which has hidden puzzles and clues in it to find the next password. Rinse and repeat...

My problem? How the heck do I make that box and submit button and password all work together when I have more than one password? Even more so, how do I make the password/submit button direct someone to the correct URL (without revealing the URL, and also prevents anyone from copying the URL and sharing it to bypass the password request)?

For example:

Questions are complete and the password "invention" is given.

The person types in the word invention and presses submit. It directs the to www.url.com/game1 automatically.

While someone else will come in, answer the questions, and the password "intelligence" would be given.

That person types in the word intelligence and presses submit into the same box, using the same button that the person who typed in the word invention typed in. But this person would instead be directed to www.url.com/game2

If either person shared the link they were directed to, then it'd prompt people to put in a password before letting them in.

How in the darn world do I make this happen?? LOL!

Thanks in advance for any time, advice, or tutorials provided!

---------------------------------------- Added later....

I might need to go ahead and ask this as well.. since it got me to thinking..

How would I go about hiding the URL as well. I'm only interested in doing it for the game side of the site to keep from people sharing that URL and stripping the "fun" away from the game. Hopefully it is something simple? I'm fairly new at coding. My knowledge is no where as vast as I see many others here are. So if you should decide to have the patience to assist me, please be specific in steps like you are describing this to your kid who has no idea what you're talking about. I hate to present it that way, but I don't want to annoy anyone by stating I don't understand.