JavaScript - Timeout Inside Function

How can I call a PHP Function inside a Javascript Function? This is what I have so far, but I don't think I'm doing it the right way.
Any suggestions?

PHP Code:
<?php
function phpQuery(){

     $query = mysql_query("INSERT INTO mytable VALUES('','name','email')");

}
?>
<script type="text/javascript">
function delayQueries()
{
  timeoutID = window.setTimeout(doQueries, 2000);
}

function doQueries()
{
  var runQuery = "<?php phpQuery(); ?>";    
}
</script>

Hi,

I am working on a google map where you can show lines on the map by checking checkboxes. Lines are displayed according to their category attribute in the xml file. The function that picks up the checkbox click is like this:
Code:

 function boxclick(box,category) {
        if (box.checked) {
          show(category);
        } else {
          hide(category);
        }

Another part of the code assigns that category attribute to arrows, so that when a line of "x" category is displayed, the relevant arrows are displayed along with it, to indicate directionality.

I also have a select list which displays the lines by looping through their array and using selectedIndex in a function called handleSelected2. But I can't get the arrows to display along with the lines from the select box. After trying many, many things, I figure that all I need to do is to call the show(category) function from inside the handleSelected2 function and it should all come together. So I came up with this:

Code:

function handleSelected2(opt,category) {     
  for (var h = 0; h <gpolylines.length; h++) {
		  gpolylines[h].hide();
        }
         h = opt.selectedIndex - 1; 
        if (h > -1) {
          gpolylines[h].show();
		 }
		 for (var v=0; v<pts.length; v++) { 
		 show(category); 
		   }
}

which gets me lines, but no arrows. You can see it sort of working he
http://www.xelawho.com/map/zonesarrowstest.htm

I figure I've got to be close, because if I just tell it to show all the arrows (without going through the category filter) like this:

Code:

function handleSelected2(opt,category) {     
  for (var h = 0; h <gpolylines.length; h++) {
		  gpolylines[h].hide();
        }
        var h = opt.selectedIndex - 1; 
        if (h > -1) {
          gpolylines[h].show();
		  }
       for (var i=0; i<pts.length; i++) {
		 pts[i].show();
        }
    }

then all the arrows show up, as you can see he http://www.xelawho.com/map/zonesarrowstest2.htm

I'm not getting any error messages and I've tried pretty much everything I can think of... I've been tweaking this for days and it's driving me crazy. Does anybody else have any ideas?

Thanks in advance.

Is it possible to call a function inside of the load event ? Excuse the terminology I'm completely new to all of this, but for instance. I have a function that gets the value of a cookie, and I would like to call the function inside of a load event so the cookie value is part of the string and it gets generated dynamically whenever the load is executed. Something like this:


Code:

	$("#FTPContents").load("functions/testftp.php?HASH=Get_Cookie("User")(&reload=<?php echo $_SESSION['currentdirectory'];?>");

The

Code:

HASH=Get_Cookie("User")

is the part i'm referring to. I'm sure if it is possible then that syntax is wrong, can it be done ?

Hi all,

I have a set or icons that which over time I replace with a different icon and and add a onclick event to them. This is my code

Code:

function updateStatusIcons(retText) {
	updatingStatuses = true;
	var updates = retText.split("|");

	for (z=0; z<updates.length; z++) {
		var sysId = trim(updates[z].split(":")[0]);
		var projectId = trim(updates[z].split(":")[1]);

		if (projectId != "") {
			var statusImg = getSysidsImg(sysId);
			statusImg.src = "images/tick.gif";
			statusImg.className = "hand";
			statusImg.title = "Project "+ projectId +" created, Click here to find in project search";
			statusImg.onclick = function () { document.location = "projectSearch-FTTC.jsp?initAction=loadproject&projectId="+ projectId; };

			// Remove sysid from csv
			removeSysidfFromCSL(sysId);
		}
	}


	if (pollingOn) {
		pollingupdate = setTimeout("checkForProjectComplete()", 5000);
	}
	updatingStatuses = false;

	if (runErrorFunction) {
		markErrors();
	}
}

Everything works fine except for the onclick event. In the hover message of the icon, the correct project ID is displayed in the message, hoever in the function, the onclick funtion always loads the page with the last set project id. How can I pass the project id into the onclick function and make it stay fixed and not be the value of that it was last set to?

TIA,
Dale

Forgive but I'm quite a beginner at JS . . .


Anyway, on my website I've got a form, and then a script that validates the form. The script for validation is inside a function. The problem is that I have another script outside of the function that generates random numbers to make sure there's not a spambot submitting the form. I set a variable called 'answer' as the correct answer, but for some reason, the variable won't be read when I put it inside the original function to make sure the user got it right.

How should I go about doing this?

Thanks,
Raybob

Code:

<!-- THIS SCRIPT ENSURES FIELDS ARE FILLED OUT CORRECTLY -->

<script type="text/javascript">

	var x1 = Math.floor(Math.random()*11);
	var x2 = Math.floor(Math.random()*11);
	var ans = x1+x2;

</script>



<script type="text/javascript">

<!--

function validate_form ( )

{

	var valid = true;
	var at = document.newaccount.email.value.indexOf ("@");
	var dot = document.newaccount.email.value.lastIndexOf (".");


        if ( document.newaccount.name.value == "" )
        {
                document.getElementById('noname').style.display = 'inline';
                valid = false;
        }

	if ( at < 2 || dot < at+2 || dot+2 >= document.newaccount.email.value.length )
  	{
  		document.getElementById('wrongemail').style.display = 'inline';
  		valid = false;
  	}

        if ( document.newaccount.password.value == "" )
        {
                 document.getElementById('nopassword').style.display = 'inline';
                valid = false;
        }

        if ( ( document.newaccount.password2.value == "" )
	&& ( document.newaccount.password.value !== "" ) )
        {
                document.getElementById('nopassword2').style.display = 'inline';
                valid = false;
        }

        if ( ( document.newaccount.password.value !== document.newaccount.password2.value )
	&& ( document.newaccount.password.value !== "" ) && ( document.newaccount.password2.value !== "" ) )
        {
                document.getElementById('nomatch').style.display = 'inline';
                valid = false;
        }

        if ( ( document.newaccount.password.value.length < 8 )
	&& ( document.newaccount.password.value !== "" ) )
        {
                document.getElementById('passwordlength').style.display = 'inline';
                valid = false;
        }

	if ( ( document.newaccount.agree[0].checked == false )
        && ( document.newaccount.agree[1].checked == false ) )
        {
                document.getElementById('noagree1').style.display = 'inline';
        	valid = false;
        }

	if ( ( document.newaccount.agree[0].checked == false )
        && ( document.newaccount.agree[1].checked == true ) )
        {
                alert ( "Sorry, but you must agree to the terms and conditions before creating an account." );
        	valid = false;
		window.location = "/terms.html"
        }

        if ( document.newaccount.spamcheck.value == "" )
        {
                document.getElementById('nomath1').style.display = 'inline';
                valid = false;
        }


        if ( ( document.newaccount.spamcheck.value !== ans )
	&& ( document.newaccount.spamcheck.value !== "" ) )
        {
                document.getElementById('nomath2').style.display = 'inline';
                valid = false;
        }

    	if ( (!document.newaccount.store.checked)
	&& (!document.newaccount.share1.checked)
	&& (!document.newaccount.share2.checked) )
    	{
                document.getElementById('noinfo').style.display = 'inline';
        	valid = false;
	}






	return valid;
}

//-->

</script>

<!-- END OF SCRIPT -->

Code:

<form name="newaccount" onsubmit="return validate_form ( );" action="/submitted.html" method="get" >

<center>


<table style="text-align:center;" ><tr><td>
What's

<script type="text/javascript">
document.write (x1 + "&nbsp;" + "+" + "&nbsp;" + x2);
</script> 

?

&nbsp;&nbsp;<input type="text" size="5" name="spamcheck" /></td></tr></table>

<br />






<br /><br />
<input type="submit" name="send" value="Submit" />

</center>



</form>

hi
i'd like to ask how can i ask for a function inside a for loop , if i remove the loop the code works fine but i need it for 10 rows . please help , here is the code
PHP Code:
$content .='        <table cellspacing="2" cellpadding="2" border="0" 
    align="center" >

    <SCRIPT LANGUAGE="JavaScript" type="text/JavaScript">
    function doCalcAndSubmit() {
// get both values
kolicina1 = document.forms["vlez1"].kolicina.value;
cena1 = document.forms["vlez1"].cena.value;

// do some calculation
vkupno1 = kolicina1 * cena1;

// set the value in the right field
document.forms["vlez1"].vkupno.value = vkupno1;
}
</script>
    <form id="vlez1" name="vlez1" method="POST" action="index_execute.php" >
    
        <tr valign="middle">
            <td></td>
            <td align="center"><b> Sifra : </b></td>
            <td align="center"><b> Kolicina : </b></td>
            <td align="center"><b> Cena : </b></td>
            <td align="center"><b> Vkupno : </b></td>
        </tr>
            ';

        for($t=1;$t<11;$t++)    {

$content .= '    
        <tr valign="middle">
            <td>'.$t.'.</td>
            <td><input type="text" id="sifra" autocomplete="off" name="sifra['.$t.']" align="middle" onblur="normalField(this);" onfocus="fireKeyListener_sifra(event); highlightField(this,1);" onkeyup="getList_sifra(event);" size="25" value="" /></td>
            <td><input type="text" id="kolicina" name="kolicina['.$t.']" align="middle" size="25" ></td>
            <td><input type="text" id="cena" name="cena['.$t.']" align="middle" size="25" onblur="doCalcAndSubmit();"></td>    
            <td><input type="text" id="vkupno" disabled name="vkupno['.$t.']" align="middle" size="25" ></td>    
                <input type="hidden" name="hidden_data" value="'.$data.'">
                
        </tr>';    }

$content .= '<tr>
            <td></td>
            <td></td>
            <td align="center"><input type="submit" id="submit2" name="submit2"    value="Potvrdi" ></td>
        </tr>    
        
    </form>
    
    </table>
    '; 

Hi,
I hope someone can help me figure this out - it's been bugging me for a whole day now, and I can't seem to figure it out, and so far no Google research found this exact problem for me...

Situation:
I have a simple HTML page with one DIV element with the id "rotator". Inside that, JavaScript is supposed to create boxes that react to mouseovers.

The weird thing is: The whole script works, but ONLY on the LAST box I create, no matter what I do. I can manually add the mouseover code to any one of these boxes, but it will only take on the last one.
I can have JavaScript tell me the mouseover status of each box, and they all tell me they have code assigned correctly - but again only the last one works...

Here's the relevant code (yes, highly abbreviated, but it's the part that fails on me):

Code:

var maxBoxes = 10;

function initSite() {
  var rotator = document.getElementById("rotator");
  rotator.innerHTML = "";
  for (x = 0; x < maxBoxes; x++) {
    rotator.innerHTML +='<div id="myBox' + x + '"></div><div id="myDark' + x + '"></div>';
    // various other stuff about myBoxes[x] also in here, but not relevant to the issue I think
    
    applyMouseActions(document.getElementById("myDark" + x);

    debugOutput(document.getElementById("myDark" + x).id+"=" + document.getElementById("myDark" + x).onmouseover + "<br>", 1);
  }
}

function applyMouseActions(item) {
  if (!item) return;
  item.onmouseover = function(ev) {
    alert("does this work?");
    var thisNum = this.id;
    thisNum = thisNum.charAt(this.id.length-1);
    var tempBox = myBoxes[thisNum].boxOb;
    tempBox.style.background = "#fff";
  }
  item.onmouseout = function(ev) {
    var thisNum = this.id;
    thisNum = thisNum.charAt(thisNum.length-1);
    var tempBox = myBoxes[thisNum].boxOb;
    tempBox.style.background = "#aaa";
  }
}

initSite is called in the body onload. All kinds of other animation parts are implemented that work fine, just this mouseover won't work.
I have tried re-writing it in multiple different ways, including "xyz.onmouseover = myMouseCode" and then defining the function separately later - still no dice.

So, the code creates 10 boxes (0-9) and 10 boxes that are on top of them to create a form of shadow effect depending on the position of the original boxes. Since the "myDark" boxes are on top of the "myBox" boxes, I apply the onmouseover onto the "myDark" boxes, but it only works on "myDark9" and no other box.
They are all created the same way, the mouseover assigned the same way...
All I can do is shake my head at it, but that doesn't fix the issue, obviously ;-)

Any idea what else I can try?

Thanks!

Ok...so here is what I have:

Code:

function myClass() {
		this.checkLogin = function(name,pwd) {
			if(name.length > 0 && pwd.length > 0) {
				$.ajax({async: false,
								 type: "post",
					 				url: "url",
						 dataType: "json",
								 data: "data",
			 				success: this.parseData});
			}
		}
		this.parseData = function(data) {
			this.status = data.status;
			alert(this.status);
		}
		this.getStatus = function() {
			alert(this.status);
		}
}

Everything works above. The first alert shows that this.status was set to 'error'. However, if I call myClass.getStatus(), I get undefined. How can I get the parseData function to set the variables in the parent function?

Thanks!

hello im trying to change a variable set outside of a function and calling the function with an onchange... i'm having problems getting the variable to change


Code:

<script type="text/javascript">


var price = '<?php echo $price; ?>';


function addtwo()
{

if(document.add.size.value == "2xl")
{

price = price + 2;
}
}

</script>

Hi,

Is is possible to access a global variable for use inside a function?

Thanks for help in advance

Mike

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?

Is there a way to call javascript functions based on the text between a span element?

In other words if I have <span id="mySpan">Bronze</span> then it will call a javascript function but if I have <span id="mySpan">Silver</span> then it will call a different function?

Thanks!

ok so

Code:

document.write("Goodbye!");

works but I put ^ that inside a function

Code:

function SayHello ()
(
document.write("Goodbye!");
)

and it stops working? I know the function call works because when I place some code to display an image in SayHello function, it displays the image.

Hello all, and thank you for your coments,

I want to preserve a 16/9 aspect ratio to the window after any resize, making the width a function of the height.

As I have a window.resizeTo() inside the window.onresize event function, the infinite loop is served. How may I quit it?


Code:

<html><head><title>Title</title><script languaje="javascript">

const c_ra=16/9;
window.onresize = function WindowReSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
//  myWidth = window.innerWidth;
	myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
//    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  }

myWidth = Math.floor(myHeight*c_ra);
window.resizeTo(myWidth,myHeight); // ** CAUTION resize event in a onresize event handler !
};  

</script></head><body><p>Hello World</p></body></html>