JavaScript - Combining Two Functions (first One Calls The Other)

here is my issue... i have an object and i need to call two functions. i need the onclick="something" to call a server side function and then i need another onclick="something" to call a javascript funtion... the problem is you can only have one "onclick" (similar to having one "class")... how can I set up an onclick that will call both my serverside function and my javascript function... I realize this is not specifically serverside section of forum, so pretend I am asking how to call two separate javascript functions with different names

the item in question is here
Code:

<asp:Button ID="btn_gen1" runat="server" Text="InterventionCentral" class="show" 
                       onclick="btn_gen1_Click" onclick="autohide" onmouseover="details_visible(1)" onmouseout="details_hidden(1)" />

just showing this to clarify that javascript does work with the asp and my mouse functions are working fine... my asp onclick works as well.. i can remove the asp and leave the js and it will work, but then all the stuff i do server side for the onclick goes away

is this able to be done? this is for dev testing and i will eventually run into the same problem of needing to call two separate javascipt functions via onmouseover and also onmouseout

Is it possible to capture function calls?

for example:

alert('hello world');

is there a way to capture this function call.

Why do i want to do this:

1. i need a way to test if a function exist before it is called, so i dont get undefined errors etc.

2. try/catch only works on sections of code, i need a global solutions.(can i capture functions calls on remotely loaded scripts, like google analytics etc )

** sorry for posting this here. Kinda rushed on time, hoping for some clues.


Hello, I am using this code: using prototype too.


Code:
Code:

var haveData = false;
[xmllink1, xmllink2, xmllink3].each(function(xmlURL){
if(haveData == false){
new Ajax.Request( xmlURL, {
  method: 'get',
    contentType: "application/xml",
  onSuccess: function( transport ) {
    var titles = transport.responseXML.getElementsByTagName( 'titles' );
    DO SOME WORK HERE
    haveData = true;
    throw $break;
    }
  },
            onFailu  function() {
               return;
            },
            onException: function(request,error) {
               return;
            }
  }

What I am trying to do is if my first item "xmllink1" has some data, we break out and end it and now we can 'build some structures' ie.. onSuccess

If xmllink1 doesn't have any valid data, we go to xmllink2 etc.. and so forth.

Basically, when I get some valid returns.. I want to then exit out of the loop and then act on my data. But I need it in order so I know that my xmllink1 is not being in a race conditiona with xmllink2 etc..

But what is happening is I have simulataneous things going on and I get an onException (because one of the links doesn't resolve or has bad data) and that ends up killing my javascript.

How can I test in order.. if link1 is good, great.. exit the "each method" and act on that data.. if xmllink1 is bad (onfairlure or onexception) lets go to xmllink2 etc....

any ideas?

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>

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?

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 have a search function which works when I only want to have only one search per page, but as it involves a string call I'm not sure how to modify it to multiple search requests on a page.

The below works fine for one call:
Code:

<script type="text/javascript">
function showHint(str){
if (str.length==0){
	document.getElementById("txtHint").innerHTML="";
	return;
	}
if (window.XMLHttpRequest){
	xmlhttp=new XMLHttpRequest();
	}
	else{
	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}

xmlhttp.onreadystatechange=function(){
	if (xmlhttp.readyState==4 && xmlhttp.status==200){
		document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
		}
	}

xmlhttp.open("GET","getName.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
				<label>Search by name: </label>
					<input type="text" id="txt1" class="input" onkeyup="showHint(this.value)" />
	<br />
	<p>Suggestions: <span id="txtHint"></span></p>
	<br />

But if I want to do mulitple I have tried changing it to:
Code:

<script type="text/javascript">
function showHint(File,ID){
if (str.length==0){
	document.getElementById(ID).innerHTML="";
	return;
	}
if (window.XMLHttpRequest){
	xmlhttp=new XMLHttpRequest();
	}
	else{
	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}

xmlhttp.onreadystatechange=function(){
	if (xmlhttp.readyState==4 && xmlhttp.status==200){
		document.getElementById(ID).innerHTML=xmlhttp.responseText;
		}
	}

xmlhttp.open("GET",File,true);
xmlhttp.send();
}
</script>
</head>
<body>
				<label>Search by firstname: </label>
					<input type="text" id="txt1" class="input" onkeyup="showHint('GetFirstName.php?q='+str,'txtHint')" />
	<br />
	<p>Suggestions: <span id="txtHint"></span></p>
	<br />				<label>Search by surname: </label>
					<input type="text" id="txt1" class="input" onkeyup="showHint('getLastName.php?q='+str,'txtHintSn')" />
	<br />
	<p>Suggestions: <span id="txtHintSn"></span></p>
	<br />

The above doesn't work and I am not sure what do about the showHint(str) as clearly I am not representing it properly in my attempt to modify the script.

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

Hi,

I have written a number of functions designed to return frequency data on 1000 randomly chosen numbers using different math functions for the rounding. I would like to include all of these functions within the wrapper of another function so that only one call is needed to get returns from all of the 'inner' functions. However, while each of the functions works in isolation, the moment I wrap them in another function they stop working.

The following code is one of the functions 'frequencyWrapperOne' that has been wrapped in the function 'testWrapper'. A call to testWrapper does nothing. Can anyone see what I'm doing wrong?

Code:

function testWrapper()
{

function frequencyWrapperOne()
{
	var numberArrayOne = new Array(0,0,0);
	for (var i = 0; i < 1000; i = i + 1)
	{
		var chosenNumber = Math.floor(Math.random() * 3); 
		if (chosenNumber == 0)
		{
			numberArrayOne[0] = numberArrayOne[0] + 1;
		}
			if (chosenNumber == 1)
			{
				numberArrayOne[1] = numberArrayOne[1] + 1;
			}
				if (chosenNumber == 2)
				{
					numberArrayOne[2] = numberArrayOne[2] + 1;
				}
					
	}		
	return window.alert(numberArrayOne.join(','));
	
}
}	
testWrapper();

Thanks.

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

Hello all, I've been banging my head against a wall for the past few days trying to figure out why when I add another script to my page the old one stops working. Finally I found the answer, but due to still being extremely new to javascript - and coding in general - I have not been able to successfully combine the two scripts that I have. I know it is very simple, so would someone mind either walking me thru it, or just giving me an end product to see where I was going wrong? I would really appreciate any input!

The two scripts I have are

Nivo slider Code:

 	<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
            effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
        });
    });
    </script>

Nav menu plugin

Code:

 	<script type="text/javascript">
    $(document).ready(function () {
         
        $('#nav li').hover(
            function () {
                //show its submenu
                $('ul', this).slideDown(500);
     
            },
            function () {
                //hide its submenu
                $('ul', this).slideUp(300);        
            }
        );
         
    }); 
    </script>

I have this function which rounds up the <p>s, checks their ids, twice, for specific letter combinations and, depending on the combination, changes the class name in one of two ways.

It's referencing <p> tags with ids that look like this: <p id="Labaabb6"> , where 'a' could be 'b' & vice versa, '6' any number from 1 to 6, and 'L' is just there to be zero in the character count.

Still here? OK, there are six variations, V1() to V6(): these work standalone, but it'd be good to combine them. This is where I'm having some trouble...

Here's a breakdown of the first function:
Code:

Line
1	function V1(){
2	for (i=0; i<elP.length; i++) {
3	if(elP[i].id.charAt(1)=='a' &&  elP[i].id.charAt(7)=='1') {
4		elP[i].className = 'oV1'}
5	else if(elP[i].id.charAt(1)=='b'  && elP[i].id.charAt(7)=='1') {
6		elP[i].className = 'xV1'}
	}}

In Lines 3 and 5, the value of elP[i].id.charAt(7) is a variable: it can be '1' to '6', and is always the same value in both lines.

In Line 3 elP[i].id.charAt() is a variable, could be (1) to (6), always == a.
In Line 5 elP[i].id.charAt() is a variable, could be (1) to (6), always == b.

In Line 4, elP[i].className is a variable, could be one of a set of six.
In Line 6, elP[i].classNam e is a variable, could be one of a different set of six.

For a start, how many variables? I make it three.
elP[i].id.charAt();
elP[i].id.charAt(7); or maybe wrapped into 'elP[i].id.charAt()' ?
elP[i].className.

First draft, don't fully understand how to write variables:

function V(charNo, lnNo, newC) {

var charNo = elP[i].id.charAt() or elP[i].id.charAt[] ?
var lnNo = elP[i].id.charAt(7)
var newC = elP[i].className

for (i=0; i<elP.length; i++) {
do if/else here}
}

Any help appreciated.

I have 2 different scripts which works fine by them self, but now I need to combine them, and don't know how...

The first script is populating dependent selectboxes like this:
Code:

function getXMLHTTP() { //fuction to return the xml http object
		var xmlhttp=false;	
		try{
			xmlhttp=new XMLHttpRequest();
		}
		catch(e)	{		
			try{			
				xmlhttp= new ActiveXObject("Microsoft.XMLHTTP"); 
			}
			catch(e){
				try{
				xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
				}
				catch(e1){
					xmlhttp=false;
				}
			}
		}
		 	
		return xmlhttp;
    }
	
	function getState(countryId) {		
		
		var strURL="js/searchRoundState.php?ccountry="+countryId;
		var req = getXMLHTTP();
		
		if (req) {
			
			req.onreadystatechange = function() {
				if (req.readyState == 4) {
					// only if "OK"
					if (req.status == 200) {						
						document.getElementById('statediv').innerHTML=req.responseText;	
						document.getElementById('citydiv').innerHTML=req.responseText;
					} else {
						alert("There was a problem while using XMLHTTP:\n" + req.statusText);
					}
				}				
			}			
			req.open("GET", strURL, true);
			req.send(null);
		}		
	}
	function getCity(countryId,stateId) {		
		var strURL="js/searchRoundClub.php?ccountry="+countryId+"&cstate="+stateId;
		var req = getXMLHTTP();
		
		if (req) {
			
			req.onreadystatechange = function() {
				if (req.readyState == 4) {
					// only if "OK"
					if (req.status == 200) {						
						document.getElementById('citydiv').innerHTML=req.responseText;						
					} else {
						alert("There was a problem while using XMLHTTP:\n" + req.statusText);
					}
				}				
			}			
			req.open("GET", strURL, true);
			req.send(null);
		}
				
	}
	
	function getCourse(countryId,stateId,courseId) {		
		var strURL="js/searchRoundCourse.php?ccountry="+countryId+"&cstate="+stateId+"&ccourse="+courseId;
		var req = getXMLHTTP();
		
		document.getElementById('coursediv').innerHTML ='<center><br><br><img src="images/ajax-loader3.gif"><br><br><br></center>';
		
		if (req) {
			
			req.onreadystatechange = function() {
				if (req.readyState == 4) {
					// only if "OK"
					if (req.status == 200) {
						document.getElementById('coursediv').innerHTML=req.responseText;						
					} else {
						alert("There was a problem while using XMLHTTP:\n" + req.statusText);
					}
				}				
			}			
			req.open("GET", strURL, true);
			req.send(null);
		}
				
	}

It gets the data from the selectfiled like this:
Code:

<select id="ccountry" onchange="getState(this.value);getCourse(this.value)" class="input_field">
	<option value="1" selected>Test1</option>
    <option value="2" selected>Test2</option>
</select>

Now the other script is a ajax script which loads the page and gets called like this:
Code:

<select id="ccountry" onchange="ajaxcombo(\'ccountry\', \'contentarea\');" class="input_field">
	<option value="ajax.php?ga=roundsearch&amp;id=1" selected>Test1</option>
    <option value="ajax.php?ga=roundsearch&amp;id=2" selected>Test1</option>
</select>

As you can see, the ajax part is called using a url and the selectpart is called by Value... Is there a way that the slectpart could be using the url instead af an "id"...

Thanks in advance...

I am trying to set a PHP variable but am using the onClick() event handler, which requires JavaScript. See below:

[ICODE]<a href="javascript:update('gallery/Fgallery1-1.jpg', 0);" onClick="index_value = 'gallery1-1';">
<img src="gallery/gallery1-1.jpg" alt="Antique Impressions Hardwood Flooring - White Oak" border="0" class="galborders" onMouseOver="alert_msg('Click to view image close up')" onMouseOut="away()"></a><br /></ICODE]

The webpage is http://www.hardwood-floor-products.com/gallery1.php.

What I am trying to do is to set up a PHP variable, $index, that is equal to "gallery1-1', 'gallery1-2', etc. so that I can use that varialble throughout this module. I also realize that I need to use JavaScript with onClick() but I have had no success. I realize that PHP is servier-side and JavaScript is client-side, but there must be a way to do that.

Genia