JavaScript - Running Javascript In Php Foreach

Hi all,

I sincerely apologise for the noob question. I have search and searched for an answer but to no avail, so I hope someone on here can help.

I'm trying to get a fisheye verticle menu working. I've found somethin which fits the requirement he http://zendold.lojcomm.com.br/ifisheye/ and tried to make it work. It just doesn't.

I've tried different versions of mootools etc but I think I'm missing something really stupidky simple. I'd really appreciate it if someone could have a look at my temp page (http://www.parkerbs.com/home1.htm) and point me in the right direction.

Many thanks in advance.

Paul

Is it possible to set onmouseover only in js file without running the function on html code?

P.S. I found a coding thread here but I don't understand it and it's too old (2005 archive).

Thank you very much

Hello

I am relatively new to java script. The code I have behaves differently when I debug it and when I just run is straight.

There are three functions that one another in a particular sequence. When I debug it they get called in the correct sequence but otherwise they get called in a constant but random pattern.

I know I am missing basic understanding of javascript Can some body help please.

Thanks in advance

Output when I open the page in a browser without debug.
Code:

Firebug's log limit has been reached. 0 entries not shown.		Preferences	 
readJSON2
		
 
	
There are no child objects
	
inside parseJSON:
		
 
	
There are no child objects
	
GET http://10.208.137.92/js/v1/External/JSON/sample.json
GET http://10.208.137.92/js/v1/External/JSON/sample.json
	
304 Not Modified
		64ms	
jquery-1.6.2.js (line 7869)
readJSON1
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]

Console Output when I debug

Code:

Firebug's log limit has been reached. 0 entries not shown.		Preferences	 
Firebug's log limit has been reached. 0 entries not shown.		Preferences	 
GET http://10.208.137.92/js/v1/External/JSON/sample.json
GET http://10.208.137.92/js/v1/External/JSON/sample.json
	
304 Not Modified
		111ms	
jquery-1.6.2.js (line 7869)
readJSON1
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
readJSON2
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
inside parseJSON:
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]

Javascript code
Code:

function populateSearchResults(alert){
	
		
		var listOfAlertsDiv = document.getElementById('listOfAlertsDiv');
		
		//var x = document.getElementById('rowTable').insertRow(0);
		
		//TODO: Replace the above code to remove Table declaration in above HTML. Instead use JQuery scrollbar and populate scroll area with the content below.
		// Create a new table. Add a row to it and then add the below cell to it.  
		
		//TODO: Create a div
		//		Create a table
		//		Add the above created div to div1
		
		var rowDiv = document.createElement('div');
		rowDiv.className="scroll-content-item";		
		
		var rowContentTable = document.createElement('table');
		rowContentTable.width="100%";
		rowContentTable.border="0";
		rowContentTable.cellpadding="0";
		rowContentTable.cellspacing="0";
		rowContentTable.summary="Row Content Table";
		
		var rowContentTableFirstRow = rowContentTable.insertRow(0);
		var checkBoxCell = rowContentTableFirstRow.insertCell(0); 
		checkBoxCell.width = "1%";
		
		//x.valign = "top"
		//var checkBoxCell = x.insertCell(0);
		//checkBoxCell.width = "1%";		
		
	
		var checkBox = document.createElement('input');
		checkBox.type = "checkbox";
		checkBox.name = "checbox";
		checkBox.value = "true";
		
		checkBoxCell.appendChild(checkBox);
		
		var contentCell = rowContentTableFirstRow.insertCell(1);
		contentCell.width = "99%";
		
			var contentTable = document.createElement('table');
			contentTable.style.border = '1';
			contentTable.cellPadding = '0';
			contentTable.cellSpacing = '0';			
			contentTable.width = "100%"
			
			var titleRow = contentTable.insertRow(0);
			
				var titleCell = titleRow.insertCell(0);
				titleCell.width = "70%";
				titleCell.id = "alertTile"
				
					var title = document.createElement('a');
					title.href = "http://www.google.com";
					title.id = "AlertResultNameLink";
					titleText = document.createTextNode(alert.name);
					title.appendChild(titleText);
					titleCell.appendChild(title);
				
				var moveToFolderCell = titleRow.insertCell(1);
				moveToFolderCell.width = "5%";
				moveToFolderCell.id = "moveToFolder";
				
					var moveToFolderCellImage = document.createElement('img');
					moveToFolderCellImage.alt = "Move To Folder";
					//TODO: Change the hardcoding of the image location to symbolic links
					moveToFolderCellImage.src = "/js/v1/Alerts/images/co_documentFooterArrowFirst_inactive.png"
					moveToFolderCellImage.border = 0;
					moveToFolderCellImage.className = "moveToFolder";
				
				moveToFolderCell.appendChild(moveToFolderCellImage);
				
				var editAlertCell = titleRow.insertCell(2);
				editAlertCell.width = "10%";
				
					var editAlertButton = document.createElement('a');
					editAlertButton.href = "http://www.google.com";
					editAlertButton.className = "EditAlertButton";
					
						var editAlertButtonImage = document.createElement('img');
						editAlertButtonImage.alt = "Edit Alert";
						//TODO: Change the hardcoding of the image location to symbolic links
						editAlertButtonImage.src = "/js/v1/Alerts/images/co_overlayBox_closebutton.png";
						editAlertButtonImage.border = 0;
						editAlertButtonImage.className = "EditAlert";					
						editAlertButton.appendChild(editAlertButtonImage);
						
						var editAlertButtonText = document.createTextNode(' Edit Alert ');
						editAlertButton.appendChild(editAlertButtonText);
						//editAlertButton.innerHTML = " Edit Alert "
				
				editAlertCell.appendChild(editAlertButton);
			
			var alertMetaDataRow = contentTable.insertRow(1);
			var alertMetaDataCell = alertMetaDataRow.insertCell(0);
			
				var alertMetaDataTable = document.createElement('table');
				alertMetaDataTable.width = "100%"
				
					var alertMetaDataTableRow = alertMetaDataTable.insertRow(0);
					alertMetaDataTableRow.width = "100%"
					
						var lastUpdateCell = alertMetaDataTableRow.insertCell(0);
						lastUpdateCell.width = "25%"
						//var lastUpdateCellText = document.createTextNode("Last Update:");
						var lastUpdateCellText = document.createTextNode("Last Update: " +alert.lastRunDate);
						lastUpdateCell.appendChild(lastUpdateCellText);
						
						var nextUpdateCell = alertMetaDataTableRow.insertCell(1);
						nextUpdateCell.width = "25%"
						var nextUpdateCellText = document.createTextNode("Next Update:");
						nextUpdateCell.appendChild(nextUpdateCellText);
						
						var clientIdCell = alertMetaDataTableRow.insertCell(2);
						clientIdCell.width = "50%"		
						var clientIdCellText = document.createTextNode("Client ID: ")
						clientIdCell.appendChild(clientIdCellText);
			
			alertMetaDataCell.appendChild(alertMetaDataTable);
				
			var descriptionRow = contentTable.insertRow(2);
			var descriptionCell = descriptionRow.insertCell(0);
			
				var descriptionTitle = document.createTextNode("Description: ");
			descriptionCell.appendChild(descriptionTitle);
			
			var activeDeliveryRow = contentTable.insertRow(3);
			var activeDeliveryCell = activeDeliveryRow.insertCell(0);
				
				var activeDeliveryTitle = document.createTextNode("Active Delivery");
				activeDeliveryCell.appendChild(activeDeliveryTitle);
				
				var rss1 = document.createElement('img');
				rss1.style.border = "0";
				rss1.src = "images/rssIcon.png";
				rss1.hspace = "4";
				activeDeliveryCell.appendChild(rss1);
				
				var rss2 = document.createElement('img');
				rss2.style.border = "0";
				rss2.src = "images/rssIcon.png";
				rss2.hspace = "4";
				activeDeliveryCell.appendChild(rss2);
				
				var rss3 = document.createElement('img');
				rss3.style.border = "0";
				rss3.src = "images/rssIcon.png";
				rss3.hspace = "4";
				activeDeliveryCell.appendChild(rss3);
				
				var rss4 = document.createElement('img');
				rss4.style.border = "0";
				rss4.src = "images/rssIcon.png";
				rss4.hspace = "4";
				activeDeliveryCell.appendChild(rss4);
				
			
		contentCell.appendChild(contentTable);
		
		rowDiv.appendChild(rowContentTable);
		listOfAlertsDiv.appendChild(rowDiv);
		
		contentCell.appendChild(document.createElement('br'));
		contentCell.appendChild(document.createElement('hr'));
		contentCell.appendChild(document.createElement('br'));
		
	}
	
	function readJSON(){
		var json = "";
		//$(document).ready(function(){
			$.getJSON("/js/v1/External/JSON/sample.json", function(data){				
				json = data;
				console.log("readJSON1");
				console.dir(data);
			});
		//});
		console.log("readJSON2");
		console.dir(json);
		return json;
	}
	
	function parseJSON(){
		var alerts = [];
				
		var json = readJSON();	
		console.log("inside parseJSON:");
		console.dir(json);
	
		//TODO: Check if JSON is not null.
		
		for(var i in json.alerts){
			var createdDate = new Date(json.alerts[i].createdDate);
			var alert = new Cobalt.Alerts.DataTypes.Alert();
			var AlertPartnerDefinedInfos = [];
			alert.name = json.alerts[i].name;
			alert.lastRunDate = $.format.date(new Date(json.alerts[i].lastRunDate),"MM/dd/yyyy hh:mma");			
			alerts.push(alert);
		}						
		//console.log("fillRows: " +alerts.length);
		return alerts;
	}
	
	$(document).ready(fillRows=function(){
	
		var alerts = parseJSON();
		//console.log("fillRows: " +alerts.length);
		for(i=0;i<alerts.length;i++){
			var alert = alerts[i];
			populateSearchResults(alert);
		}	
	});

I am trying to iterate through a collection of objects...
Code:

<!DOCTYPE html>
<html>

<head>

<title>demo</title>

<meta charset=utf-8"/>

<style type="text/css">
.one{background: blue; width:100px; height:100px; float:left; display:none;}
.two{background: orange; width:100px; height:100px; float:left; display:none;}
.cOne{display:none; border: 2px solid black; float:left; background: purple; width:50px; height:50px;}
</style>
<script type="text/javascript">
 function hideDiv(selectorOne, selectorTwo){
  document.getElementById(selectorOne).style.display = 'block';
  document.getElementById(selectorTwo).style.display = 'none';
  var elements = document.getElementsByClassName('cOne');
  alert(elements);
  elements.forEach....
} 
</script>
</head>

<body>
  <div id="dOne" class="one">div 1</div>
  <div id="dTwo" class="two">div 2</div>
  <hr style="clear:both;"/>
  <input type="radio" name="options" value="one" onclick="hideDiv('dOne', 'dTwo');">one<br/>
  <input type="radio" name="options" value="two" onclick="hideDiv('dTwo', 'dOne');">two<br/>
  
  <div class="cOne"></div>
  <div class="cOne"></div>
  <div class="cOne"></div>
  <div class="cOne"></div>
</body>
</html>

I assemble the array here...
Code:

var elements = document.getElementsByClassName('cOne');

and presumably that collection is valid since my alert() shows an "html collection"... I am trying to figure out how to iterate through each one something like the following pseudo-code
Code:

var elements = doc.getElemByClass('cOne');
foreach(Element elm in elements){
    elm.style.display = 'block'; 
}

But I am having trouble finding examples online. I feel like this is along the lines of what I need, but the syntax is eluding me.

Hello folks:

I've got an html table populated by a php foreach routine. One field in this table is an Input type=checkbox. The goal is to run a javascript function when the user checks the checkbox. But, since the checkbox is in a table populated by a foreach routine, I'm having some problems. Below is the applicable code for my table:

<?php
foreach($results as $row)
{
$bk_owner = $row['BookOwner'];
$addrss_owner = $row['AddressOwner'];
$f_name = $row['FName'];
$l_name = $row['LName'];
$email = $row['EmailAddress'];
$d_phone = $row['DeskPhone'];
$ext = $row['Ext'];
$cell = $row['CellPhone'];
$title = $row['Title'];

echo "<tr>";
echo "<td class='a'>".$l_name ."</td>";
echo "<td class ='a'>".$f_name ."</td>";
echo "<td class ='c'>".$email ."</td>";
echo "<td class ='a'>".$d_phone ."</td>";
echo "<td class='b'>".$ext."</td>";
echo "<td class='a'>".$cell."</td>";
echo "<td class='c'>".$title."</td>";
echo "<td class='b'><input type='checkbox' id='chk_Bx' value=". $addrss_owner. " onClick='selectFunction()'></input></td>";
echo "</tr>";
}
echo"</tbody>";
?>

Specifically, note this line:

echo "<td class='b'><input type='checkbox' id='chk_Bx' value=". $addrss_owner. " onClick='selectFunction()'></input></td>";

the value is set to $address_owner. This value is a primary key value and will allow me to run routines related to the record chosen when the checkbox is checked.

Following is the javascript code for selectFunction():

function selectFunction(){
var check = document.getElementById("chk_Bx").checked;
var val = document.getElementById("chk_Bx").value;
alert(val);
}

At this point the javascript is very simple. All I'm trying to do is pick up applicable values for the record selected. But - I believe because the table is populated through a foreach loop, the javascript alert is returning the same primary key value for every record checked (or unchecked).

Also, if I alert out check, it continually returns false, even if I've checked the box and it should read true. I am assuming this is also related to the foreach table presentation.

How do I grab ONLY the primary key value, or checked true/false for the applicable record?

Thanks in advance:

Pavilion

I am pretty novice. I do not know much about the compilers or how these things run. I do however have a good eye for trends and can figure just about anything out by looking at it.

With that;

I have a game that uses a exe launcher with a built in patcher.

I have found the code for the launcher. There are several "jquery" scripts for basic components like scroll wheel. There are also things like "downloader.js", "inputs.js".

I am interested in seeing what (and more precisely how many) ip addresses are being retrieved. I fear this patcher is using a hidden bittorrent like download system.

The code for "downloader" is pretty basic. It clearly uses some other script, but I am wondering if you can point me in the direction of a utility to monitor running JS so that I can see what is being returned.

Code:

_Downloader = function()
{
	this.downloadStatusCallback = null;
}

_Downloader.prototype = 
{

	setDownloadStatusCallback: function(callback)
	{
		this.downloadStatusCallback = callback;
	},

	addDownload: function(downloadName, metaUrl, outputPath, authorizationURL) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('addDownload', 'string:' +  downloadName + '|' + 'string:' +  metaUrl + '|' + 'string:' +  outputPath + '|' + 'string:' +  authorizationURL + '|');
	},

	removeDownload: function(downloadName) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('removeDownload', 'string:' +  downloadName + '|');
	},

	getDownloadOption: function(downloadName, optionName) // returns string
	{
		return document.SSNLauncher.SSNLauncher_ReturnString('getDownloadOption', 'string:' +  downloadName + '|' + 'string:' +  optionName + '|');
	},

	setDownloadOptions: function(downloadName, enableBitSources, enableWebSources) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('setDownloadOptions', 'string:' +  downloadName + '|' + 'bool:' +  enableBitSources + '|' + 'bool:' +  enableWebSources + '|');
	},

	getDownloadActive: function(downloadName) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('getDownloadActive', 'string:' +  downloadName + '|');
	},

	setDownloadActive: function(downloadName, active) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('setDownloadActive', 'string:' +  downloadName + '|' + 'bool:' +  active + '|');
	}

}

function __Downloader_reportdownloadStatus(downloadName, state, active, totalBytes, bytesLeft, maxIncoming, averageIncoming, currentIncoming, maxOutgoing, averageOutgoing, currentOutgoing, bytesRead, bytesSent, scanBytesLeft)
{
	if (SSN.Downloader.downloadStatusCallback != null)
	{
		SSN.Downloader.downloadStatusCallback(downloadName, state, active, totalBytes, bytesLeft, maxIncoming, averageIncoming, currentIncoming, maxOutgoing, averageOutgoing, currentOutgoing, bytesRead, bytesSent, scanBytesLeft);
	}
}

I have tried on several occasions to teach myself programing. I can get the commands and syntax fairly easily, and I am pretty good at 'coming up' with ways to get something done. I just don't have experience in this field (I'm in medical school) so I do not know about the tools and utilities programers use and scouring the internet has been less than fruitful.

Anybody capable of pointing me in the direction of finding a utility to monitor running js (if that is even possible =/).

I use dreamweaver CS5 to explore js code.

I have changed my event listener around a bit. Basically the "compare_fields" function is running when the "load_doc" function is run.

Here is my JavaScript:
PHP Code:
function load_doc(doc, parent) {
    document.getElementById(parent).innerHTML = "<h1>Loading...</h1>";
    var http = getHTTPObject();
    if (http != undefined) {
        http.onreadystatechange = function() { req_doc(doc, parent, http); };
        http.open("GET", doc, true);
        http.send("");    
    }
}
function req_doc(doc, parent, req) {
    if (req.readyState == 4) {//only if req is loaded
        if (req.status == 200) {//And if its okay
            document.getElementById(parent).innerHTML = req.responseText;
            add_event_listeners(page)
        } else {
            document.getElementById(parent).innerHTML = "Error fetching data: " + req.status + "\n" + req.statusText;
            add_event_listeners();
        }
    }
}

//Script used to hide elements. Usage: expand(element id)
function expand(elm) {
    var ex = document.getElementById(elm).style.display;
    if (ex == "none") {
        var obj = document.getElementById(elm);
        obj.style.display = "inline";
    } else if (ex == "inline") {
        var obj = document.getElementById(elm);
        obj.style.display = "none";
    }
}

function check_database(obj) {
    //Not written yet
}

//Function to test the password validation, should rewrite in future
//to make it multifunctional
function compare_fields(obj) {
    alert("com");
    var field2 = obj.split("_");
    field2 = document.getElementById(field2[1]+"2");
    if (obj == field2) {
        if (obj.length >= 4) {
            document.getElementById("pass_status").style.color = "#00CC00";
            document.getElementById("pass_status").innerHTML = "OK!";
        } else {
            document.getElementById("pass_status").innerHTML = "Please must be between 5 - 14 characters long! ";
            document.getElementById("pass_status").style.color = "#FF0000";
        }
    } else {
        document.getElementById("pass_status").innerHTML = "Passwords do not match!";
        document.getElementById("pass_status").style.color = "#FF0000";    
    }
} 


Global JavaScript:
PHP Code:
//Get httpobject
function getHTTPObject() {
    var http = false;
    if (window.XMLHttpRequest) { 
        http = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return http;
}
//This function attaches events to elements. 
var addEvent = function( elm, evt, fun ) {
    if ( elm.addEventListener ) {
        elm.addEventListener( evt, fun, false );
    } else if ( elm.attachEvent ) {
        elm.attachEvent( 'on' + evt, fun );
    } else {
        elm [ 'on' + evt ] = fun;
    }
}; 


Here is the first form, this contains the button:
Code:

<div style="border-color:#09C; border-width:1px; border-style:solid;">
<div class="register_button" onClick="load_doc('pages/forms/register_form.php', 'login_form')">Register</div>
	<h1>Login</h1>
    <h3>DrawSomething - WordGuesser</h3>
    <br />
	<form id="login" action="php/check_login.php" method="post">
		Username<br /><input type="text" name="username" class="text login_field"><br />
		Password<br /><input type="password" name="password" class="text login_field"><br />
		<input type="submit" value="Login" class="button blue" />
	</form>
    <br />
    <h2>Forgot Username/Password?</h2>
    <span class="expand" onClick="expand('forgot_p')"></span>
    <form class="forgot_p"  action="php/forgot_p.php" method="post" style="display:none;" id="forgot_p">
    	Email<br />
        <h3>Recover username</h3>
        <input type="text" name="forgot_email" class="text login_field"><br />
        <span style=" font-weight:bold; font-size:21px;">- OR -</span><br />
        Username<br />
        <h3>Recover password</h3>
        <input type="text" name="forgot_password" class="text login_field"><br />
        <input type="submit" value="Recover" class="button" />
    </form>
</div>

Form which is loaded, this is when the "comare_fields" function is run when it shouldn't be.

Edit: Oh and here is the PHP script which creates the event listeners.
PHP Code:
include "js/common.js";
include $js[$page];

//Write JS variables for event listeners
$page_listeners = $listeners[$page];

//Check if there are some event listeners for this page
if (count($page_listeners) > 0) {
    ///Start function
    echo "function add_event_listeners() { ";
    
    //Start loop to add event listeners
    for ($i = 0; $i < count($page_listeners); $i++) {
        $doc_elm = "document.getElementById('".$page_listeners[$i][1]."')";
        echo "addEvent(\"document.getElementById('".$page_listeners[$i][0]."')\", \"".$page_listeners[$i][1]."\", ".$page_listeners[$i][2].");"."\n";
    }
    //End function
    echo "}";
} 


Code that is written with the above PHP
Code:

function add_event_listeners() { 
      addEvent("document.getElementById('reg_username')", "click", check_database);
      addEvent("document.getElementById('reg_email')", "click", check_database);
      addEvent("document.getElementById('reg_password')", "click", compare_fields('reg_password'));
}

And here are global PHP variables:
PHP Code:
<?php
//Define page titles
$titles = array(
    "login" => "Login - DrawSomething",
    "main"  => "DrawSomething - Word Guesser",
    "admin" => "Administrator"
);

//Require JavaScript files when onscreen HTML is selected
$js = array(
    "login" => "js/login_js.js",
    "main" => "js/main_js.js",
    "admin" => "js/admin_js.js"
);

//Pages to require
$pages = array(
    "login" => "pages/login_page.php",
    "main" => "pages/main_page.php",
    "admin" => "pages/admin_page.php"
);

//Event listeners to add

$listeners = array(
    "login" => array(array("reg_username", "click", "check_database"), 
                     array("reg_email", "click", "check_database"),
                     array("reg_password", "click", "compare_fields('reg_password')")
                     ),
                );
?>

Hi Guys,

I'm remotely new to the world of scripting in general.

I'm trying to run two scripts:

Coda Slider (http://www.ndoherty.biz/tag/coda-slider/) and

OS X Style Dialogue (http://www.ericmmartin.com/projects/simplemodal-demos/)

But I'm am having difficulty doing so. I've heard the term "script confliction" throw around a lot - but I don't know how to solve it.

My scripting code can be seen on the practice website:

http://thenativedrum.com/practice/

Any help would be greatly appreciated. Thanks in advance!

Code:

<html>
<head>
	<script type="text/javascript">
		function ChangeSize(objId,ToWidth,ToHeight,Spd)
		{
			CurrentWidth=parseInt(document.getElementById(objId).style.width);
			// CurrentHeight=parseInt(document.getElementById(objId).style.height);
			if(CurrentWidth<>ToWidth)
			{
				WidthDiff=ToWidth-CurrentWidth;
				if (Spd<WidthDiff) {Spd=round(WidthDiff/2);}
				CurrentWidth=CurrentWidth+Spd;
				document.getElementById(objId).style.width=CurrentWidth+'px';
				TimeoutCmd="ChangeSize(\""+objId+"\","+ToWidth+","+ToHeight+","+Spd+");";
				setTimeout(TimeoutCmd,1);
			}
			document.getElementById(objId).innerHTML=document.getElementById(objId).style.width;
		}
	</script>
</head>
<body>
	<div id="ChangeSizeDiv" style="width:200px;height:200px;border:5px groove green;overflow:hidden" onclick='ChangeSize("ChangeSizeDiv",500,500,15);'>
		Click here to resize me ...
	</div>


</body>
</html>

I don't see any typos (though that doesn't mean I'm not blind). It doesn't even appear to be firing when I click the div.

What's up?

I currently have a script setup in HTML that will allow me too input a "Customers ID" and their "Gas Usage". Once those are entered, it will do some calculations and display text stating:

> "Customers ID: 1 has gas usage of 50 and owes $100
>
> Customers ID: 2 has gas usage of 120 and owes $195
>
> Customers ID: 3 has gas usage of 85 and owes $142.5
>
> Customers ID: 4 has gas usage of 65 and owes $112.5
>
> Total amount of customers is:
>
> Total amount owed all customers:"




**What im having trouble** with is making a running total that will calculate the "Total amount of customers" and the "Total amount owed by customers".

All I know is that I may need to add another variable in the script.

Code:

    function Summarise()
    {
	ID = prompt("Enter a Customer ID number ", -1)
	while(ID != -1) 
	{
		var gasUsed = 0
		gasUsed = prompt("Enter amount of gas used ", "0")
		var total = 0
		///Standard Rate is used to assist in the calculation of customers in excess of 60 Gas Used
		StandardRate = 60 * 1.75

		if(gasUsed <= 60) 
		{
			total= gasUsed * 2
			document.write("Customers ID: " + ID)
			document.write(" has gas usage of " + gasUsed)
			document.write(" and owes $" + total)
			document.write("<br/>")
		} 
		else 
		{
			total= (gasUsed - 60) * 1.50 + StandardRate
			document.write("Customers ID: " + ID)
			document.write(" has gas usage of " + gasUsed)
			document.write(" and owes $" + total)
			document.write("<br/>")
		}


		ID = prompt("Enter a Customer ID number ", -1)

	} 

}

Hey all. I hate posting this problem, because I am quite embarrassed by this script I have put together. This is not the final script, it is a draft, but I am trying to learn as much as possible and I would like to fix this before I move on and completely rewrite it.

As you can probably tell - this is my first crack at JS...

Right now I have a page with a registration form, seen he

http://www.temp1.hangnailproductions...gistration.php

It is working as well as it can be in FireFox, but in IE it is not working at all. Now, I just ran the IE8 debugger, and my first problem is the onload function in the body tag, it is saying that an object is missing, but I do not understand what this means.

Can anyone help me with this please?
Again, sorry for asking for help on such a mess, but like I said - I need to learn and trial and error works best for me...

Thanks very much.

The first time I enter the command n it should run the first if statement, when I enter n it should then run the second one as its in zone two. However this is just not happening... What am I doing wrong. Its simply running the second one and skipping the first. Thanks in advance folks

// gameFunctions.js
// Javascript file for Game.html
// September 29th 2010 Edition


// The below represent our global variables for the game. The first variable
// is called playerScore, and represents the total earned points. The player
// earns or loses points based on progress in the game, this value can either
// increase or decrease.

var playerLocation = "zone";

function runProgram()
{
var command = "";
command = document.getElementById("txtCommand").value;
switch (command)
{
case "n": north();
break;
case "s": south();
break;
case "e": east();
break;
case "w": west();
break;
case "north": north();
break;
case "south": south();
break;
case "east": east();
break;
case "west": west();
break;
default: giveError();
}
}

// The following function when called will take the player north.

function north()
{
if(playerLocation = "zone")
{
var message = "You have come to what seems to be a beach";
post(message);
var playerLocation = "zoneTwo";
}
if(playerLocation = "zoneTwo")
{
var message = "You are unsure if you should set up camp. Set up camp?"
post(message);
var playerLocation = "zoneThree";
}
else
{
giveError();
}
}

// The following function when called will take the player east.

function east()
{
if(playerLocation = "zone")
{
var message = "You have come to a very large and steep mountain";
post(message);
var playerLocation = "zoneTwo";
}
if(playerLocation = "zoneTwo")
{
var message = "You are unsure if you should set up camp. Set up Camp?";
post(message);
var playerLocation = "zoneThree";
}
else
{
giveError();
}
}

// The following function when called will take the player south.

function south()
{
if(playerLocation = "zone")
{
var message = "You have come to the entrance of a mine";
post(message);
var playerLocation = "zoneTwo";
}
if(playerLocation = "zoneTwo")
{
var message = "You are unsure if you should set up camp. Set up Camp?";
post(message);
var playerLocation = "zoneThree";
}
else
{
giveError();
}
}

}

// The following function when called will take the player west.

function west()
{
if(playerLocation = "zone")
{
var message = "You have found the edge of the world";
post(message);
var playerLocation = "zoneTwo";
}
if(playerLocation = "zoneTwo")
{
var message = "You are unsure if you should set up camp. Set up Camp?";
post(message);
var playerLocation = "zoneThree";
}
else
{
giveError();
}
}

// The following function reports an error when the program deviates from standard functionality. It is used mainly for debugging.

function giveError()
{
alert("gameFunctions.js has encountered a critical error")
alert("Please check that you are not using Internet Explorer to run this page")
alert("The program will now close")
}

// The following function reports an error when the typed in command is not recognized by the program database.

function doNotUnderstand()
{
alert("I am sorry but I do not understand please try again")
}

function post(newText)
{
document.getElementById("taGameText").value = ""
var gameTextBox = document.getElementById("taGameText");
gameTextBox.value = newText + gameTextBox.value;
}

Hey, so i've been learning basics and I can get the following code to work as a prompt and I thought hey, I wounder if I can get it to work of a UI system, so I edited the code and got this

Read Below Post

Can you please help me to find where I am going wrong.
Thanks
MancunianMacca

Okay I am sure my script is loading when the page loads because of the alert box I have added but when I click on the button that is suppose to activate the script nothing happens.
The button code is as follows:
<button type="button" name="submit" value="submit" class="css3button" onclick="send(nick,passwd,userid,chan,showtime,showjoin,showpart,showquit,fname,fsize,nnick1,nnick2, nnick3,nnick4,nnick5)">Connect</button>
I may be using the button wrong but I am new to javascript. Any suggestions would help.

i noticed the majority of the time when i practice coding javascript and run it, it never runs in the order i want it to. WHY?!

like for example, if i want something to happen ONLY WHEN A BUTTON IS CLICKED, it would instead happen on page load :S
its soooo frustrating

heres one of my practice code which illustrates this problem.
This code is suppose the stretch a div only wen it is clicked on.

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>Untitled Document</title>

</head>

<body>
    <div id="mybutton" style="height:50px; width:50px; background-color:#C00;"></div>
</body>
<script type="text/javascript">
	var left = 0;

	
var funct = function () {
	//alert("Thank you for clicking me");
	left +=10;
	b.style.height = left + 'px';
	if(left < 100) {
		var id = setTimeout(funct, 10);
	}
}

	var b = document.getElementById("mybutton");
	b.onclick = funct();
</script>
</html>