JavaScript - Embedded Javascript - Add Function To Register Dom

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 everyone,

I am pretty new at javascript OOP.

I have a javascript file that has plenty of javascript functions, variables, arrays, etc.

I need to convert this into an object.

Here is an example:

Code:

var myvar1 = '';
var myvar2 = new array();
var myvar3 = new array();
var myvar4;
var myvar5 = 60;
var myvar6 = '';

function myfunc1(){
 myvar1 = 'hello';
 return myvar1;
}

function myfunc2(somenum=0){
 myvar5 = somenum;
 //calling myfunc1() from within this function.
 //do something in here
}

function myfunc3(){
 //calling myfunc1() from within this function.
 for(i=0;i<somelength;i++){
   myvar2 = myvar3[i]; (something to put into the array)
 }
}

1. I need to create an object and put ALL the varibles (myvar1 - myvar5) in that object.
2. Then the first two functions "myfunc1 and myfunc2" inside the same object.
2. And the function myfunc3 needs to sit OUTSIDE my object as a regular javascript function. It calls on myfunc1 (which is inside the object) and also inserts data into myvar2 (which is classified inside the object) and myvar3 (which is classified inside the object as well).

This is what i came up with, but it's not going well:
Code:

var myobj1 = function(){
 this.myvar1 = '';
 this.myvar2 = new array();
 this.myvar3 = new array();
 this.myvar4;
 this.myvar5 = 60;
 this.myvar6 = '';

 var myfunc1 = function(){
  this.myvar1 = 'hello';
  return this.myvar1;
 }

 var myfunc2 = function(somenum=0;){
  this.myvar5 = somenum;
  //calling this.myfunc1() from within this function.
  //do something in here
 }
}

function myfunc3(){
 //calling mynewobj.myfunc1() from within this function.
 for(i=0;i<somelength;i++){
   mynewobj.myvar2 = mynewobj.myvar3[i]; (something to put into the array)
 }
}

var mynewobj = myobj1;

HELP.....!!!!
i really want to get into object oriented world, so thanks in advance.

If I use function or Function to create a javascript function, does it make any difference ? Whats the difference between two and in which situation shall I use either ?

Likewise whats the difference between event and Event objects of JavaScript ?

Thanks

Hello fellow scriptwriters,

Is it possible to use JavaScript cookies to function the same way as for registering for a site or logging in to a members' area? And if (or not)so, what are some things to help me get started? I'd like to know because I am planning to make an alternative to PHP and MySQL methods.
Code:

function getCookie( name ) {
  var start = document.cookie.indexOf( name + "=" );
  var len = start + name.length + 1;
  if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {
    return null;
  }
  if ( start == -1 ) return null;
  var end = document.cookie.indexOf( ";", len );
  if ( end == -1 ) end = document.cookie.length;
  return unescape( document.cookie.substring( len, end ) );
}

function setCookie( name, value, expires, path, domain, secure ) {
  var today = new Date();
  today.setTime( today.getTime() );
  if ( expires ) {
    expires = expires * 1000 * 60 * 60 * 24;
  }
  var expires_date = new Date( today.getTime() + (expires) );
  document.cookie = name+"="+escape( value ) +
    ( ( expires ) ? ";expires="+expires_date.toGMTString() : "" ) + //expires.toGMTString()
    ( ( path ) ? ";path=" + path : "" ) +
    ( ( domain ) ? ";domain=" + domain : "" ) +
    ( ( secure ) ? ";secure" : "" );
}

function deleteCookie( name, path, domain ) {
  if ( getCookie( name ) ) document.cookie = name + "=" +
    ( ( path ) ? ";path=" + path : "") +
    ( ( domain ) ? ";domain=" + domain : "" ) +
    ";expires=Thu, 01-Jan-1970 00:00:01 GMT";
}

Source: http://www.JavaScriptSource.com

I am 98% done with the Codecademy JS curriculum but I am stuck on this program. Can anyone see the problem?

Code:

var cashRegister = {
    total:0,
    //Dont forget to add your property
    lastTransactionAmount: 0;
    add: function(itemCost) {
        this.total +=  itemCost;
        this.lastTransactionAmount = itemCost;
    },
    scan: function(item,quantity) {
        switch (item) {
        case "eggs": this.add(0.98 * quantity); break;
        case "milk": this.add(1.23 * quantity); break;
        case "magazine": this.add(4.99 * quantity); break;
        case "chocolate": this.add(0.45 * quantity); break;
        }
        return true;
    },
    //Add the voidLastTransaction Method here
    voidLastTransaction: function(){
        this.total -= this.lastTransactionAmount;
    },
    
};

cashRegister.scan('eggs',1);
cashRegister.scan('milk',1);
cashRegister.scan('magazine',1);
cashRegister.scan('chocolate',4);

//Void the last transaction and then add 3 instead
cashRegister.voidLastTransaction();
cashRegister.scan('chocolate',3);

//Show the total bill
console.log('Your bill is '+cashRegister.total);

Hey I am having trouble getting my javascript code to work. It seems to not register the event or even carry out the code. I have attached my code.

index.php
Code:

<!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>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" href="StyleSheet.css" type="text/css" />
	<script type="text/javascript" src="register.js"></script>
    <title>CollegeStop.com -  Your stop for used college books!</title>
</head>
<body>
<div class="wrapper">
<div class="logo">Logo goes Here</div>
<div class="login_bar">
	<form action="" method="post">
		<table>
			<tr>
				<td>Email:</td>
				<td><input type="text" name="email"></td>
				<td>Password:</td>
				<td><input type="password" name="password"></td>
				<td><input type="submit" name="login" value="Login"/></td>
			</tr>
		</table>
	</form>
	<p>Not yet a member? <a href="index.php">Register</p>
</div>
<div class="nav_bar">
	<ul class="menu">
	<li class="home"><a href="index.php">Home</a></li>
	<li class="browse"><a href="browse.php">Browse</a></li>
	<li class="contact"><a href="contact.php">Contact</a></li>
</div>
<div class="content_container">
	<div id="recent">
		<p>box of recent additions to the site</p>
	</div>
	<div id="about_us">
		<p>Hi and welcome to CollegeStop.com. This is a site dedicated to hopefully getting you a bit of a return
		on the money you spent on books.</p>
	</div>
<div id="registration">
	<h5>Your password must be atleast six characters in length. Please enter a valid email as 
	it will be our method to ensure you get an account!</h5>
	<form id="registration_form" action="" method="post">
		<table>
			<tr>
				<td>First Name:</td>
				<td><input type="text" id="firstName" name="first_name"/></td>
			</tr>
			<tr>
				<td>Last Name:</td>
				<td><input type="text" id="lastName" name="last_name"/></td>
			</tr>
			<tr>
				<td>Email:</td>
				<td><input type="text" id="intEmail" name="email_first"/></td>
			</tr>
			<tr>
				<td>Retype Email:</td>
				<td><input type="text" id="secEmail" name="email_second"/></td>
			</tr>
			<tr>
				<td>Password:</td>
				<td><input type="password" id="intPass" name="pass_first"/></td>
			</tr>
			<tr>
				<td>Retype Password:</td>
				<td><input type="password" id="secPass" name="pass_second"/></td>
			</tr>
			<tr>
				<td><input type="submit" value="Register"/></td>
				<td><input type="reset" value="Clear Form"/></td>
			</tr>
		</table>
	</form>
    <script type="text/javascript" src="registerR.js">
	</script>
	</div>
</div>
</div>
</div>
<div class="footer"><p>2012 &copy; Hassan Said</p></div>
</body>
</html>

register.js
Code:

function checkReg(){
	var firstName = document.getElementById("firstName");
	var lastName = document.getElementById("lastName");
	var intEmail = document.getElementById("intEmail");
	var secEmail = document.getElementById("secEmail");
	var intPassw = document.getElementById("intPass");
	var secPassw = document.getElementById("secPass");
	
	if((firstName == "")||(lastName == "")||(intEmail == "")||(secEmail == "")||
		(intPassw == "")||(secPassw =="")){
			alert("Please fill in all fields!");
			firstName.focus();
			return false;
		}
}

registerR.js
Code:

document.getElementById("registration_form").onsubmit = checkRegister;

Hi,

I have a javascript code in my site which is similar to this:

var menu1=new Array()
menu1[0]='<hr style="color: \'#FFCC66\'; height: \'1\'; text-align: \'left\'; width: \'96%\'"><strong><font size=+2>text1</font></strong>'
var menu2=new Array()
menu2[0]='<hr style="color: \'#FFCC66\'; height: \'1\'; text-align: \'left\'; width: \'96%\'"><strong><font size=+2>text2</font></strong>'

The list goes on for hunders of records. What I need to do, is to use a function in which I will pass the text1, text2, text3 as variables, and have the html code returned, since it's always the same.

For example, I would need something like:
var menu1=new Array()
menu1[0]='display_html(text1)'
var menu2=new Array()
menu1[0]='display_html(text2)'

This would save me a lot of bytes in the output file, but I'm not very familiar with javascript so I didn't manage to make it work. I tried using the document.write command in a function, but that forced the text to be displayed on my page, even though it was supposed to be shown only when the user clicks on a link. I'm using the "AnyLink Drop Down Menu" script from www.dynamicdrive.com.

Any help would be highly appreciated!

Please I have been having sleepless nights for days and could not resolve why this codes will not work.

I will appreciate any assistance to resolve the coding reerroll
the main problem is the function calculate (), does work when called.

Please help
<HTML>
<HEAD>
<TITLE>Feedback</TITLE>
<SCRIPT TYPE="TEXT/JAVASCRIPT">
rate = new Array(4)
rate[0] = 8
rate[1] = 4
rate[2] = 6
rate[3] = 12

function calculate()
{
howmuch = eval("document.form1.InsVal.Value")

for(loop = 0; loop < document.form1.cover.length;loop++)
if (document.form1.cover[loop].checked)
level = loop + 1

where =document.form1.region.selectedIndex

cost = eval(10 + howmuch /100*rate[where]*level)
document.form1.guote.value =cost

}

function confirmPurchase()

{
if (confirm("Area you sure you wish to purchase insurance from us?"))

document.form1.submit()
}
</SCRIPT>
</HEAD>
<BODY>
<H1 ALIGN = CENTER>HotWheels</H1>
<H2 ALIGN = CENTER>Skateboard Insurance Specialists</H2>
<FORM NAME = form1 METHOD = post
ACTION = "mailto:ioduwa@yahoo.com">

<P><B> Value of board:</B>
<INPUT TYPE = text NAME = InsVal SIZE = 10>
<P> Region
<SELECT NAME= region>
<OPTION = london> London
<OPTION = southwest> South West
<OPTION = rest>Rest of England
<OPTION = wales>Wales
</SELECT>

<BR><INPUT TYPE = Radio NAME = cover> Third Party
<BR><INPUT TYPE = Radio NAME = cover> Third Party Fire and Theft
<BR><INPUT TYPE = Radio NAME = cover CHECKED> Comprehensive

<P><INPUT TYPE = "button" NAME = "calc" VALUE = "Get guote"
onClick ="calculate()">
<P><B> Your Quotation:<B>
<INPUT TYPE = "text" NAME = "quote" SIZE = 10>
<P><INPUT TYPE = "button" NAME = "done" VALUE = "Purchase"
onClick = "comfirmPurchase()">
</FORM>
</BODY>
</HTML>

Hello,
I have a php function
PHP Code:
function npclocs()
{
    $npcl=$db->query("SELECT * FROM npclocation WHERE npclong < {$ir['userlongitute']}+5 AND npclong > {$ir['userlongitute']}-5 AND npclat > {$ir['userlatitude']}-5 AND npclat < {$ir['userlatitude']}+5 ");
    /*$npcarray = mysql_fetch_array($npcl);*/
    $rows =0;
    while($row = $db->fetch_row($npcl))
  {
      $nloc[]=$row;
}
foreach($nloc as $n)
{
   echo "newpoints[" . $rows . "] = new Array(".$n['npclong'].", ".$n['npclat'].", ".$n['npciicon'].", ".$n['npclname'].", ".$n['npclname'].");
   ";
   
   $rows++;
  }
} 


and I have a javascript function that I would like the results of this function to insert its results in the javascript here is the function in javascript

Code:

function addPoints() {


 
//newpoints[0] = new Array(-73, 46, icon0, 'monroe', 'monroepopup'); 
//newpoints[1] = new Array(-69, 52, icon0, 'jackson', 'jacksonpopup'); 
//newpoints[2] = new Array(-45, 39, icon0, 'Benton', 'bentonpopup');
    
	 

	for(var i = 0; i < newpoints.length; i++) {
		var point = new GPoint(newpoints[i][1],newpoints[i][0]);
		var popuphtml = newpoints[i][4] ;
		var marker = createMarker(point,newpoints[i][2],popuphtml);
		map.addOverlay(marker);
	}
}

The commented out //newpoints is the old js array. my php function queries mysql and uses whiles and foreach to create the same output, as the old js array.
I would like that php function result to insert its result into the js function.

Is this possible?

Thank you in advance.

Hi I have a JavaScript function that has leaves floating around the screen and I need a way to have a checkbox turn on and off the function. Or I need a way to have a button turn off the script. I have the code to start the function on-loading the site. Any ideas are greatly appreciated.

I got the falling leaves script from

http://javascript.about.com/gi/o.htm...tip62.htm%3Ffm

Hi,

Suppose I have this:

Code:

<a href="#" class="play" onclick="Audio('lol.mp3')">

As you see, when a user will click on the link, it will play an audio. Good!

I want to know if I have another button, let's say <button>Remove</button>, how can I disable the "onClick" event on the link above? And also when clicking on a third button <button>Add</button>again, it will enable the function again to work?

NOTE: I do not want an HTML5 audio Stop button. This is different. I just want to know how to enable and disable function event.

Thank!

Hello,
In the following code i'm trying to check if the value of the text field is exist in the array.
the problem that the function dose not accept the the value(node.value) from the text field.

Code:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text Validation</title>
<script type="text/javascript" language="javascript">


Array.prototype.inArray = function (value)
{
// Returns true if the passed value is found in the
// array. Returns false if it is not.
alert(value);
var i;
for (i=0; i < this.length; i++) 
{
	if (this[i] == value) 
	{

	return true;
	}
}

return false;
};
function cal(xx)
{


	var node_list = document.getElementsByTagName('input');
	arr = new Array(""); 
	for (var i = 0; i < node_list.length; i++)
	 {
		var node = node_list[i];
	///alert(node_list.length);
	//	alert(node.value);


arr.push(node.value)
}
alert(xx.length);
	//var arr= new Array(1,2,3,4,5,6,7,8,9,10);
	if(xx.length!=0)
	{
		if(arr.inArray(xx))
		{
			alert("Your value is found in the Array");
		}
		
		else
		{
			alert("Your value is not found in the Array");
		}
	}
}
  

</script>
</head>

<body>
<form id="text_validation" name="text_validation" action="" method="post">
<table width="600" border="1">
  <tr>
    <td><label for="abc_text_1" id="abc_text_1_lb">Text 1</label> </td>
    <td>:</td>
    <td><input type="text" id="abc_text_1" name="abc_text_1" onblur="return cal(this.value);" /></td>
  </tr>
  <tr>
    <td><label for="cde_text_2" id="cde_text_2_lb">Text 2</label> </td>
    <td>:</td>
    <td><input type="text" id="cde_text_2" name="cde_text_2"  value="abc"  /></td>
  </tr>
  <tr>
    <td><label for="fgh_text_3" id="fgh_text_3_lb">Text 3</label> </td>
    <td>:</td>
    <td><input type="text" id="fgh_text_3" name="fgh_text_3"   value="abcaaaaa" onblur="return testvalidation(fgh_text_3);" /></td>
  </tr>
  <tr>
    <td><label for="ijk_text_4" id="ijk_text_4_lb">Text 4</label> </td>
    <td>:</td>
    <td><input type="text" id="ijk_text_4" name="ijk_text_4"  onblur="return testvalidation(ijk_text_4);" /></td>
  </tr>
  <tr>
    <td><label for="lmn_text_5" id="lmn_text_5_lb">Text 5</label> </td>
    <td>:</td>
    <td><input type="text" id="lmn_text_5" name="lmn_text_5"  onblur="return testvalidation(lmn_text_5);" /></td>
  </tr>
  <tr>
    <td><label for="opq_text_6" id="opq_text_6_lb">Text 6</label> </td>
    <td>:</td>
    <td><input type="text" id="opq_text_6" name="opq_text_6"  onblur="return testvalidation(opq_text_6);" /></td>
  </tr>
  <tr>
    <td><label for="rst_text_7" id="rst_text_7_lb">Text 7</label> </td>
    <td>:</td>
    <td><input type="text" id="rst_text_7" name="rst_text_7" /></td>
  </tr>
  <tr>
    <td><label for="uvw_text_8" id="uvw_text_8_lb">Text 8</label> </td>
    <td>:</td>
    <td><input type="text" id="uvw_text_8" name="uvw_text_8" /></td>
  </tr>
  <tr>
    <td><label for="xyz_text_9" id="xyz_text_9_lb">Text 9</label> </td>
    <td>:</td>
    <td><input type="text" id="xyz_text_9" name="xyz_text_9" /></td>
  </tr>
  <tr>
    <td><label for="klm_text_0" id="klm_text_0_lb">Text 10</label> </td>
    <td>:</td>
    <td><input type="text" id="klm_text_0" name="klm_text_0" value="10" /></td>
  </tr>
</table>

</form>
</body>
</html>

Hi guys.

I have made a PHP script that queries a database and uses the reponse to display multiple radio boxes (using a while loop). What I would like to do is have the page URI updated when a radiobox is clicked, without the user having to press on a "Submit" button or something. This is where Javascript comes into play.

As this is a while loop, there is no specific number of responses or prefixed names. I've found a lot of stuff on Google with functions calling ID's, and then if the ID matches do a predefined response. Of course that wouldn't work in this situation, and to be frank I don't need anything near as complex.

What I'm looking to do is call a Javascript function to redirect the page to "...?location=<get location from PHP var>&id=<get ID from checkbox ID/name>".

When the page reloads, I can then use the PHP $_GET["id"] function to display data. It sounds SO simple in theory! Can anyone help?

What i've done (and failed):

Code:

echo "<form>";

while ($explode_count_dec > "0"):
$while_query = mysql_query("SELECT * FROM printers WHERE ID LIKE '$explodedata[$explode_number]'");
$while_result = mysql_fetch_assoc($while_query);

echo "<input type='radio' value='".$explodedata[$explode_number]."' name='printer' onClick='showmore(".$explode_number.")' />".$while_result["Model"]." <BR /> ";

++$explode_number;
--$explode_count_dec;
endwhile;

echo "</form>";

and the JS:

Code:

<script type="text/javascript">
function showmore($text) {
  var room = "<?= $get_location; ?>";
  window.location = "?location=" + room + "&id=" + <?php $text; ?> // Couldn't do just $text here? I wish I knew JS..
}
</script>

Hi guys ,

i have this function that allows me to hide a <div ID="ID1"> .

function hide(X)
{
document.getElementById('X').style.visibility='hidden';
}

<p><a href="#" onclick="hide('ID1');">show me/</a></p>
<div ID="ID1" style="visibility:hidden">This is the content</div>

the issue the function only works when i change X by ID1.
i want to make it for any ID called with the function by assigning any DIV "ID" as an argument.

any help ?

thanks