JavaScript - Javascript:void(0) Error, Please Help...

I really can't figure this out... Hopefully you guys may have an idea.

Basically I have an Ajax chat that stores a cookie. The first thing it does is checks to see if a cookie is set, if it's not it loads a box to where you can type your name (if it is it skips this), then it allows you to chat.

The way I have this set up is on the index, I have a command that loads a php file. I pass through the html a variable...

Code:

ajaxFunction(3);

When it gets to ajaxFunction(funct) I have this script;
Code:

if(funct == 1){
	var source="file2.php";
        var name = document.getElementById('name').value;
        status = 1;
	var queryString = "?name=" + name + "&status=" + status;
}
if(funct == 2){
	var source="file1.php";
        var shout = document.getElementById('shout').value;
        var color = document.getElementById('color').value;
        var bold = document.getElementById('bold').value;
	var queryString = "?shout=" + shout + "&color=" + color + "&bold=" + bold;
}
if(funct == 3){
	var source="file2.php";
        var name = document.getElementById('dfdf').value;
        status = 2;
	var queryString = "?name=" + name + "&status=" + status;
}

When the program first loads, it runs command 3 which checks to see if a cookie is set. If it is set, it returns a form

Code:

................<INPUT TYPE=\"checkbox\" NAME=\"bold\" ID=\"bold\">
<input type=\"button\" onclick=\"ajaxFunction(2)\" value=\"Shout\">

ajaxFunction 2 then loads the chat box.

If the cookie isn't set, it loads ajax function(1) which prompts their user for the name.

The prompt for the name and the test for the cookie are in the same php file. I have it to where it gets the "status" and it runs the test in this order.

PHP
1. Check to see if the person has a cookie (regardless to status) if true, run file1.php
2. If the person does not have a cookie set but status = 2, returns the prompt for the user to set a name.

Code:

echo "<form name=\"cookiedata\">
Name: <input type=\"text\" name=\"name\" id=\"name\" onChange=\"ajaxFunction(1)\" onkeypress=\"{if (event.keyCode==13)ajaxFunction(1)}\"> 
<input type=\"button\" onclick=\"ajaxFunction(1)\"  value=\"Save\">
</form>
";
//note, this actually replaces a div on the main page and does the prompt

3. If the person has a name set and is setting a cookie now, status = 1 then run file1.php



Now the weird thing is, This thing works entierly on firefox... but for some reason when it loads in ie, i don't get the chat box. I don't get any errors either. For some reason, it doesn't seem to like the variable that is passed through to the php which is done like
Code:

	var command = ""+source+""+queryString+"";
	ajaxRequest.open("GET", command, true);

and recieved by php like
Code:

<?php
include('config.php');
$status=$_GET['status'];
$name = $_GET['name'];
if($status==1){
do some code
}else if($status==2){
do some code
}.....................?>

What is going on? How do I fix this with out splitting up the file in to two files? (before, it went to two seperate files, and it worked great... now they are both in the same file with a condition statement and nothing is working?)

When running my PHP code locally I am recieving the following error:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; BTRS26718; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; InfoPath.2; OfficeLiveConnector.1.5; OfficeLivePatch.1.3; Tablet PC 2.0)
Timestamp: Thu, 7 Apr 2011 15:47:06 UTC


Message: Object doesn't support this property or method
Line: 4
Char: 1
Code: 0
URI: http://localhost/MowingSch.php

*********************
* Selected Code
*********************

Code:

// JavaScript
<script type='text/javascript'>
function insCell(p1){
var wi = document.getElementById('Mowing').getElementsByName(p1).getElementsByTagName('td').length;
if (wi == 3) {
	var x=document.getElementById(p1).insertCell(3);
	x.innerHTML='<?PHP echo $n; ?>';
	var x=document.getElementById(p1).insertCell(4);
	x.innerHTML='<?PHP echo $p; ?>';
	var x=document.getElementById(p1).insertCell(5);
	x.innerHTML='<?PHP echo $e; ?>';
	} else {
		alert('Date selected is already assigned!');
	}
}
</script>

Code:

// PHP Code
$x = 0;
for ($r = 0; $r <=27; $r++){
	$id = 'tr'.$r;
	echo "<tr id=$id><TD><input id='SignUp' name=$id type='image' src='mow.png' name='mow' onclick='insCell($id)'></TD>";
	for ($c = 0; $c <= 4; $c++) {
		if($data[$x + $c] <> ''){
			echo "<td>" . $data[$x + $c] . "</td>";
			}
		}
		 echo "</tr>";
		 $x = $x + 5;
}

Would appreciate ANY assistance!
Thanks.

I was working on this script to change text with javascript and I ran into a problem. The code goes like this:

PHP Code:
<area shape="rect" coords="128,174,256,203" href="#" onClick="document.getElementById('content').innerHTML='<p class=first>Welcome to the first release of my 


Now every time I use an apostrophe in a word then when I click the link that corresponds to that writing, it doesn't do anything. Here's the link to my website: http://bittipiilo.com/msx/
By default you are on the Home tab. Then when you click either Gallery or Services and try to go back to Home, nothing happens. Can someone help me?

I have a script:
PHP Code:
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src="" + gaJsHost + "google-analytics.com/ga.js" type="text/javascript"%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-13289331-1");
pageTracker._trackPageview();
} catch(err) {}</script> 


But firefox detects here an error which is:
error:
PHP Code:
missing ) after argument list
[Break on this error] document.write(unescape("%3Cscript src..."text/javascript"%3E%3C/script%3E"));n 


How I can fix that, because I didn't see what is wrong with ) symbol.

Hy guys

i have this error

uncaught exception: [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://www.tgi.com.pt/merdo/scroll/ :: anonymous :: line 435" data: no]

the problem is this code

Code:

<script type="text/javascript">
var gal = {
init : function() {
if (!document.getElementById || !document.createElement || !document.appendChild) return false;
if (document.getElementById('gallery')) document.getElementById('gallery').id = 'jgal';
var li = document.getElementById('jgal').getElementsByTagNa me('li');
li[0].className = 'active';
for (i=0; i<li.length; i++) {
li[i].style.backgroundImage = 'url(' + li[i].getElementsByTagName('img')[0].src + ')';
li[i].style.backgroundRepeat = 'no-repeat';
li[i].title = li[i].getElementsByTagName('img')[0].alt;
gal.addEvent(li[i],function() {
var im = document.getElementById('jgal').getElementsByTagNa me('li');
for (j=0; j<im.length; j++) {
im[j].className = '';
}
this.className = 'active';
});
}
},
addEvent : function(obj, type, fn) {
if (obj.addEventListener) {
obj.addEventListener(type, fn, false);
}
else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent("on"+type, obj[type+fn]);
}
}
}

gal.addEvent(window,'load', function() {
gal.init();
});
</script>

I thin this is a conflict between fancybox plug in and the script above

http://www.tgi.com.pt/merdo/scroll/

I really need help...

Thanks

I am getting an error with a script and can't seem to figure out the problem.

Firebug Error message: Error: document.forms[myform] is undefined
Source File: https://www.domain.com/js/remember.js
Line: 24 I have attached the HTML page and the remote javascript file.

The script instructions said to include an onload action in the <BODY> tag as follows: <body background="/images/gold2.gif" onLoad="loadCookie(); displayFormData('my_form');"> BUT I was trying to use an even loader in the remote js file instead.

Any help would be greatly appreciated.

Hey guys,

I'm a student taking JavaScript classes, I really like it so far and hope to really understand it in the next couple weeks. I'm doing my homework and just successfully coded a calendar (didn't take me very long, like I said, I'm catching on pretty quick and having fun)

Having said that I'm not interested in getting any coding help, I simply like to further understand what I'm doing because I'm taking an online class.

I'm going to show you my html and javascript file and I really need to understand why my address footer is in the middle? I have some HTML knowledge and know that since I put the address code at the bottom it should show up at the bottom. I deleted the linked .js file and it suddenly appeared at the bottom, therefore I'm thinking it has something to do with my javascript code. Does javascript act differently?

Like I said, I'm not looking for anyone posting any kind of code, I'm just trying to understand what it is doing.

Code:

<title>Yearly Calendar</title>
   <link href="styles.css" rel="stylesheet" type="text/css" />
   <link href="yearly.css" rel="stylesheet" type="text/css" />
   <script src="yearly.js" type="text/javascript"></script>
</head>

<body>

   <div id="head">
      <img style="float: right; border: 1px solid orange" src="photo.jpg" alt="" />
      <img src="ccc.jpg" alt="Chamberlain Civic Center" />

   </div>

   <div id="links">
      <table><tr>
         <td><a href="#">Home</a></td><td><a href="#">Tickets</a></td>
         <td><a href="#">Events</a></td><td><a href="#">Directions</a></td>
         <td><a href="#">Hours</a></td><td><a href="#">Calendar</a></td>
         <td><a href="#">Tour</a></td><td><a href="#">Contact Us</a></td>
      </tr></table>
   
   </div>

   <div id="main" align="center">
   
      <h1>Yearly Calendar</h1>
      <center><script type="text/javascript">
		yearly()
	  </script> 
      </center>
   </div>

   <address>
      The Chamberlain Civic Center &nbsp;·&nbsp;
      2011 Canyon Drive &nbsp;·&nbsp;
      Chamberlain, SD 57325 &nbsp;·&nbsp;
      (800) 555-8741
   </address>
   

</body>
</html>

Code:

function yearly(calDate) 

{
	
	
	
	if (calDate == null) calendarDay=new Date()
	else calendarDay = new Date(calDate);
	
	var currentTime= calendarDay.getTime();
	var thisYear= calendarDay.getFullYear();
	document.write("<table id='yearly_table'><tr>");
	document.write("<th id='yearly_title' colspan='4'>"); 
	document.write(thisYear);
	document.write("</th>");
	document.write("</tr>");
	
	var monthNum = -1;
	for (var i=1; i<=3; i++) 
	{
		document.write("<tr>")
		
		for (var j=1; j<=4; j++)
		 {
			monthNum++;
			calendarDay.setDate(1);
			calendarDay.setMonth(monthNum);
			writeMonthCell(calendarDay, currentTime);	
		 }
	
	}write.document("</tr>");
	
	
	write.document("</table>")
	
	
	
}



function writeMonthCell(calendarDay, currentTime) 
{
	document.write("<td class='yearly_months'>");
	writeMonth(calendarDay, currentTime);
	document.write("</td>");
	
}










function writeMonth(calendarDay, currentTime) {
   document.write("<table class='monthly_table'>");
   writeMonthTitle(calendarDay);
   writeDayNames()
   writeMonthDays(calendarDay, currentTime);
   document.write("</table>");
}

function writeMonthTitle(calendarDay) {
   var monthName = new Array("January", "February", "March", "April", "May", 
   "June", "July", "August", "September", "October", "November", "December");

   var thisMonth=calendarDay.getMonth();

   document.write("<tr>");
   document.write("<th class='monthly_title' colspan='7'>");
   document.write(monthName[thisMonth]);
   document.write("</th>");
   document.write("</tr>");
}

function writeDayNames() {
   var dayName = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");  
   document.write("<tr>");
   for (var i=0;i<dayName.length;i++) {
      document.write("<th class='monthly_weekdays'>"+dayName[i]+"</th>");
   }
   document.write("</tr>");
}

function daysInMonth(calendarDay) {
   var thisYear = calendarDay.getFullYear();
   var thisMonth = calendarDay.getMonth();
   var dayCount = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
   if ((thisYear % 4 == 0)&&((thisYear % 100 !=0) || (thisYear % 400 == 0))) {
         dayCount[1] = 29;
   }
   return dayCount[thisMonth];
}

function writeMonthDays(calendarDay, currentTime) {

   var weekDay = calendarDay.getDay();

   document.write("<tr>");
   for (var i=0; i < weekDay; i++) {
      document.write("<td></td>");
   }

   var totalDays = daysInMonth(calendarDay);
   for (var dayCount=1; dayCount<=totalDays; dayCount++) {

      calendarDay.setDate(dayCount);
      weekDay = calendarDay.getDay();
      writeDay(weekDay, dayCount, calendarDay, currentTime);
   }
   
   document.write("</tr>");
}

function writeDay(weekDay, dayCount, calendarDay, currentTime) {
   if (weekDay == 0) document.write("<tr>");
   if (calendarDay.getTime() == currentTime) {
      document.write("<td class='monthly_dates' id='today'>"+dayCount+"</td>");
   } else {
      document.write("<td class='monthly_dates'>"+dayCount+"</td>");
   }
   if (weekDay == 6) document.write("</tr>");
}

Just want to be sure - I am trying to install cufon scripts and apparently we should "Add JavaScript error handling in case there is an error loading" Is this done like the following:

Code:

<script type="text/javascript">
function handleError() { return true; }
window.onerror = handleError;
</script>

Thanks

Hi,

I have a little problem with placing a javascript into a php script

If the action "Change" is true then I want to open a new window with a javascript below. I get an error message:
Parse error: syntax error, unexpected '<' in /home/........ on line xx
On that xx line starts the Javascript

What must I do to solve this problem.

<?php....................

if($_REQUEST['action']=="Change")
{
mysql_query("UPDATE Persons SET Itemstate = '{$_REQUEST['Nr']};' WHERE Nr={$_REQUEST['Nr']};");


<SCRIPT LANGUAGE="javascript">
<!--
window.open ('Examplepage.html')
-->
</SCRIPT>

........
?>

Hi,

JSLint, is fantastic! However, it just shows errors -- no correction. Are there any online tools that are able to find and correct errors, especially missing semicolons at the end of statements?

Thanks in advance!

Best
Rain Lover

I am adding a Facebook Like button to my website using their JavaScript SDK. Everything looks good in Firefox, but in Internet Explorer 8 I'm getting a page error, and after the Like button is pressed, it produces a white box underneath, obscuring the next several lines (despite adding a height parameter).

The error message says:
Message: Object doesn't support this property or method
XFBML
Line: 16
Char: 2517
Code: 0
URI: http://static.ak.facebook.com/connec.../Connect/XFBML I experimented with a blank page http://www.positivelyfeminine.org/re.../cd/blank1.htm and everything looked fine until I added the Intense Debate code. So, I think there is some kind of conflict between the Facebook and the Intense Debate code but can't figure out where.

Any suggestions would be appreciated!

this is how i call the editor:

Code:

	<!-- editor -->
	<? include "js/editor/buttons.php"; ?>
	<iframe id="textbox" class="Eddietor" src="js/editor/editor.php"></iframe><br />
	<input type="hidden" id="content" name="content">
	<!-- /editor -->

and this is editor.js:

Code:

window.onload = function()
{
	Editor = document.getElementById('textbox').contentWindow.document;
	Editor.designMode = "on";
	document.forms[0].onsubmit = function()
	{
		var text = document.getElementById('text');
		text.value = Editor.body.innerHTML;
	}
}

function doColor(colour)
{
	document.getElementById("textbox").contentWindow.focus();
	document.getElementById("textbox").contentWindow.document.execCommand("forecolor",false, colour);
}



function doClick(command) {
document.getElementById("textbox").contentWindow.focus();
document.getElementById("textbox").contentWindow.document.execCommand(command, false, null);
}
function doLink() {
var mylink = prompt("URL:", "http://");
if ((mylink != null) && (mylink != "")) {
document.getElementById("textbox").contentWindow.focus();
document.getElementById('textbox').contentWindow.document.execCommand("CreateLink",false,mylink);
}
}
function doImage() {
myimg = prompt('URL:', 'http://');
document.getElementById("textbox").contentWindow.focus();
document.getElementById('textbox').contentWindow.document.execCommand("InsertImage", false, myimg);
}

another script i made is having problems with the ID="textbox" , it might be fixed if i change id and start using name="textbox" instead,
but i don't know how to do this in js. need to edit the editor.js and change id="textbox"->to->name="textbox"
can anyone help me? i got no idea how to use the getElementByName thingie , i'm trying to do this for 4 hours already and still no go.

appreciated.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
<title>Assignment 4 - JavaScript Conditional Variables</title>
<head>
<script type="text/javascript">

alert("Browser"+"\n\n"+navigator.appName);

student = confirm("Are you student at Silicon ?");

if(student==true){
alert("please enter your marks");
}
else{
alert("please register first");
location.href="Registration.html";
}

function getGrade(){

if((Number(document.form1.input1.value)>90) && (Number(document.form1.input1.value)<100))
{
alert("Grade A");
}

else if((Number(document.form1.input1.value)>80) && (Number(document.form1.input1.value)<90))
{
alert("Grade B");
}

else if((Number(document.form1.input1.value)>70) && (Number(document.form1.input1.value)<80))
{
alert("Grade C");
}

else if((Number(document.form1.input1.value)>60) && (Number(document.form1.input1.value)<70))
{
alert("Grade D");
}

else if((Number(document.form1.input1.value)>50) && (Number(document.form1.input1.value)<60))
{
alert("Grade F");
}

else if(Number(document.form1.input1.value)<50)
{
alert("Grade G");
}
}

function identifyKey(evt){
evt = evt || window.event;
if(navigator.appName==/*Internet Explorer*/){
var charCode = evt.keyCode;
}
else{
var charCode = evt.which;
}
alert(charCode);
}

</script>
<style type="text/css">

#main{

margin:auto;
width:70%;
}

#top{
font-size:20px;
font-weight:bolder;
color:#007700;
text-decoration:underline;
}

#s1{
font-size:20px;
font-weight:bold;
color:#7700ff;
}

#s2{
font-size:20px;
font-weight:bold;
color:#00ff00;
}

#s3{
font-size:20px;
font-weight:bold;
color:#ff0000;
}

#form1{
width:600px;
height:80px;
padding:20px;
background-color:#aaaaaa;
}
</style>
</head>

<body>
<div id="main">
<p id="top">Assignment 4 - JavaScript Conditional Variables</p>
<span id=s1>This is Form for checking Grade</span>

<form id=form1 name=form1>
<table>
<tr><td>Enter Marks </td><td>: <input type="text" name="input1" onkeypress=identifyKey(event) /></td></tr>

<tr><td><input type="button" name=btn1 value="Get Grade" onclick=getGrade() /></td></tr>

</table>
</form>
</div>
</body>
</html>

When I try to check whats wrong with this script in Firebug, I get error Quote:
No Javascript on this page

If <script> tags have a "type" attribute it should equal "text/javascript" or "application/javascript"
Why am I getting such an error in Firebug. I understand there is some syntax error in this script How can I check whats wrong if I am getting such a message in Firebug ?

Thanks

Hi everybody. I've been trying to figure out how to fix the following error I get in the latest Internet Explorer for marinebio.org:

Message: 'this.submenus[...].getElementsByTagName(...).0' is null or not an object
Line: 547
Char: 3
Code: 0
URI: http://marinebio.org/_n/s/main.js

The code at line 547 in main.js is:

Code:

this.submenus[i].getElementsByTagName("span")[0].onclick = function() {

in the function:

Code:

SDMenu.prototype.init = function() {
	var mainInstance = this;
	for (var i = 0; i < this.submenus.length; i++)
		this.submenus[i].getElementsByTagName("span")[0].onclick = function() {
			mainInstance.toggleMenu(this.parentNode);
		};
	if (this.markCurrent) {
		var links = this.menu.getElementsByTagName("a");
		for (var i = 0; i < links.length; i++)
			if (links[i].href == document.location.href) {
				links[i].className = "current";
				break;
			}
	}
	if (this.remember) {
		var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)");
		var match = regex.exec(document.cookie);
		if (match) {
			var states = match[1].split("");
			for (var i = 0; i < states.length; i++)
				this.submenus[i].className = (states[i] == 0 ? "collapsed" : "");
		}
	}
};

I've been using the Dynamic Drive's Slashdot sliding menu script for at least a year without any problems. All pages validated before the ads were added.

I've pulled nearly all other scripts but it still errors out. Works fine in FF and Chrome. Going to strip the home page to nothing and start building it back but if anyone has any ideas, I'd really appreciate it. Maybe it's time to upgrade the vertical sliding menu script entirely, if anyone can recommend a better one, that would be great too. I know just enough javascript to be dangerous apparently....

http://www.cricketcoachingclinics.com.au/
I am having a problem with site in IE7 this is identified as a problem??
Can someone at least rule out this js error? This is js generated when adding google maps

Error Class is not defined

<CODE>var GoogleMap=Class.create(Widget,{widgetIdentifier:"com-apple-iweb-widget-GoogleMap",initialize:function($super,instanceID,widgetPath,sharedPath,sitePath,preferences,runningI nApp)
{if(instanceID){$super(instanceID,widgetPath,sharedPath,sitePath,preferences,runningInApp);}},mapReq uestTemplate:'center=#{center}&zoomLevel=#{zoomLevel}&showZoom=#{showZoom}&mapType=#{mapType}&locate dAddress=#{locatedAddress}&locatedAddressPoint=#{locatedAddressPoint}&showInfo=#{showInfo}&language= #{language}&showGoogleBar=#{showGoogleBar}',iframeTemplate:'<iframe id="#{instanceID}-iframe" name="#{instanceID}-iframe" src="#{mapURL}?#{mapRequest}" width="100%" height="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>',mapURL:'http://www.me.com/st/1/sharedassets/maps/iweb2/',onload:function()
{var mapRequestTemplate=new Template(this.mapRequestTemplate);var mapRequest=mapRequestTemplate.evaluate({center:this.escapedPreferenceForKey("center"),zoomLevel:this .escapedPreferenceForKey("zoomLevel"),showZoom:this.escapedPreferenceForKey("showZoom"),mapType:this .escapedPreferenceForKey("mapType"),locatedAddress:this.escapedPreferenceForKey("locatedAddress"),lo catedAddressPoint:this.escapedPreferenceForKey("locatedAddressPoint"),showInfo:this.escapedPreferenc eForKey("showInfo"),language:this.escapedPreferenceForKey("language"),showGoogleBar:this.escapedPref erenceForKey("showGoogleBar")});var iframeTemplate=new Template(this.iframeTemplate);var iframeText=iframeTemplate.evaluate({instanceID:this.instanceID,mapRequest:mapRequest,mapURL:this.map URL});this.div().innerHTML=iframeText;if(this.preferences&&this.preferences.postNotification)
this.preferences.postNotification("BLWidgetIsSafeToDrawNotification",1);},escapedPreferenceForKey:fu nction(key)
{var value=this.preferenceForKey(key);if(value!==undefined)
value=encodeURIComponent(value);return value;}});</CODE>